В InVision GIF анимациите не се използват за глезотии – те играят важна роля от гледна точка на маркетинга и обучението. Затова дори се опитахме да ги използваме на нашата начална страница вместо кодирани анимации.
В крайна сметка хората започнаха да ни питат: „Как създавате GIF анимации?“ Време е да разкрием тайната.
GIF дизайн на изображението
1. Тайна съставка
Ето го моя малка тайна: Всички мои GIF анимации първоначално са били видео файлове. Обикновено използвам ScreenFlow, който използвам и за създаване на видеоклипове на нашите продукти. Това проста програма, който в същото време съдържа много полезни инструменти за анимация.След като запазя анимацията като видео файл, я импортирам във Photoshop чрез Файл > Импортиране > Видео рамки като слоеве.
съвет:Ако ScreenFlow или After EffectsАко не можете да си го позволите, създайте анимация в Keynote и я експортирайте като видео. Най-накрая малко използване на тази функция в Keynote.
2. По-малко цветове = повече забавление
Ако искате да направите страхотни GIF анимации, тогава трябва да подходите към избора на цвят със специално внимание. Това не само ще повлияе на размера на файла, но също така ще ви позволи да създавате по-дълги анимации с по-малък размер на файла. (За мен малкото е по-малко от 1MB)3. Използвайте motion blur, ако е възможно
Програми като ScreenFlow и After Effects ви позволяват да експортирате видео с приложено замъгляване на движението. Това не само ще придаде професионален вид на вашата анимация, но и ще улесни намаляването на размера на файла във Photoshop.
4. Бъдете (донякъде) мързеливи
Представете си какви други елементи мога да добавя към GIF анимацията в началото на тази публикация. Малки подсказки с потребителски имена, курсор, който щраква върху бутона плюс и т.н. Хората не трябва да виждат всичко, за да получат обща представа за това, което виждат, така че показвайте само това, от което се нуждаете - ограничени сте от време и размер на файла.Експортирайте GIF анимации
Преди да се тревожите за съветите по-долу, опитайте да експортирате своята GIF анимация. Ако е с разумен размер, страхотна работа! Продължавайте в същия дух. В противен случай опитайте следните методи.5. Премахнете дублиращи се рамки
Най-вероятно вашата анимация спира или остава неподвижна за някакъв момент. Ако се вгледате внимателно, ще забележите, че този момент се състои от няколко еднакви кадъра. Ако има 10 такива кадъра, изтрийте 9 от тях и задайте продължителността на оставащия кадър на например 1 секунда.
Ако това не помогне, опитайте да импортирате видеоклипа отново, но този път изберете опцията Ограничение до всеки 2 кадъра.Това трябва значително да намали размера на файла.
съвет:Ако вашата анимация се състои от повече от 150 кадъра, ще срещнете проблеми, когато се опитвате да намалите размера на файла.
6. По-малко цветове
Когато запазите GIF анимация във Photoshop, ще видите падащо меню до опцията Цветове. Експериментирайте със стойностите, опитайте възможно най-малкия брой цветове, които няма да превърнат целия файл в боклук.
7. Променете параметъра Lossy*
Честно казано, дори не знам какво означава този параметър. Но аз точноЗнам, че ако го зададете на ниво между 1 и 10, ще се отървете от излишните килобайти, без да губите качество.
* „Загуба“ (Lossy) - допустимо нивозагуби графична информация V растерен файл, което позволява да се намали размер на файлаИзображения
Нищо не се промени! Помогне!
Ако сте опитали всичко споменато по-горе, но все още не можете да намалите Размер на GIFанимация, тогава трябва да направите крачка назад. Може би искате невъзможното? Има ли друг начин да постигнете това, което искате? Възможно ли е да разделя файл на две GIF анимации? Ще бъде по-добре, ако вашата GIF анимация се фокусира върху един аспект.От преводача. За всички ваши желания и коментари относно превода, моля свържете се с мен на лично съобщение. Благодаря ти!
Как да променя размера на GIF изображение - това е въпросът, който ми хрумна наскоро. Защо? Прочетете.
Добър ден приятели.
Днес го направих около два часа GIF картина- реклама за новия ми месечен „Конкурс за коментари“, за който можете да прочетете в отделен раздел на моя уебсайт
По-късно ще ви разкажа и за това. Затова ви съветвам да се абонирате за актуализацииМоят блог.
За тези, които знаят как става това, могат да кимнат с глава, съгласявайки се с мен, че такава презентация се прави от индивидуално заснети и създадени снимки, които, използвайки различни програми(използвам Photoshop) се припокриват.
По този начин простата промяна на размера на презентацията, както е в случая с обикновен JPEG файл, няма да работи.
Какво да направя, как да променя размера на GIF файл? И аз си зададох същия въпрос онзи ден. И намерих два начина да реша този проблем.
Нека започнем по ред, метод първи:
Този метод е удобен, защото за да промените размера на GIF изображение, не е необходимо да инсталирате допълнителен софтуер. Всички транзакции се извършват онлайн.
Да отидем на сайта http://www.picasion.com/ru/resize-gif/
Следният прозорец ще се отвори пред очите ни, тук всичко е просто:
Дори осемгодишният ми син може да го разбере. Там не променям нищо, просто задавам размера, който ми трябва. Качено - готово необходими промени— щракнете върху „Преоразмеряване на изображението“.
Тази услугапреоразмерява GIF файлове доста бързо. Бързо и ефективно. Задайте възможно най-високото качество.
След това ще видите следния прозорец
Сервизът любезно ще Ви предложи до 4 бр различни варианти, какво можете да направите и как да използвате този конвертиран файл.
Сега ще ви разкажа повече за това...
3. HTML код за блог/уебсайт: готини неща. Тези. Веднага получавате готов HTMLкод, който можете веднага да поставите в блога си и всичко ще работи както трябва.
4. BBCode за форуми: форумите имат собствено кодиране, като за целта разработчиците са направили отделна форма. Тези. предприеме този код, поставете го например в подписа си и го публикувайте в някой форум. Този методНе съм проверявал, но мисля, че работи.
Запазих го този файли го публикува в блога. Всичко работи. Трябваше обаче да променя размера на файла малко по-късно.
Има още една подобна услуга - там също няма нищо сложно. Мисля, че можете да го разберете сами. Ето този сайт: http://ru.toolson.net/gifresizer/create
Между другото, ако не знаете как да измервате размерите на елементите на работния плот, тогава... Имам статия в моя блог за това. Прочети .
Не можете да го измерите с линийка)))
Това беше първият начин.
Вторият е много подобен, с единствената разлика, че за да работи, ще трябва да изтеглим тази програма: GIFResizer от тази връзка: http://www.f1cd.ru/soft/base/gif_resizer/gif_resizer_110/
Изтеглете и стартирайте програмата.
В InVision GIF анимациите не се използват за глезотии – те играят важна роля от гледна точка на маркетинга и обучението. Затова дори се опитахме да ги използваме на нашата начална страница вместо кодирани анимации.
В крайна сметка хората започнаха да ни питат: „Как създавате GIF анимации?“ Време е да разкрием тайната.
GIF дизайн на изображението
1. Тайна съставка
Ето моята малка тайна: всички мои GIF анимации започнаха като видео файлове. Обикновено използвам ScreenFlow, който използвам и за създаване на видеоклипове на нашите продукти. Това е проста програма, която в същото време съдържа много полезни инструменти за анимация.След като запазя анимацията като видео файл, я импортирам във Photoshop чрез Файл > Импортиране > Видео рамки като слоеве.
съвет:Ако ScreenFlow или After Effects не ви харесват, създайте анимация в Keynote и я експортирайте като видео. Най-накрая малко използване на тази функция в Keynote.
2. По-малко цветове = повече забавление
Ако искате да направите страхотни GIF анимации, тогава трябва да подходите към избора на цвят със специално внимание. Това не само ще повлияе на размера на файла, но също така ще ви позволи да създавате по-дълги анимации с по-малък размер на файла. (За мен малкото е по-малко от 1MB)3. Използвайте motion blur, ако е възможно
Програми като ScreenFlow и After Effects ви позволяват да експортирате видео с приложено замъгляване на движението. Това не само ще придаде професионален вид на вашата анимация, но и ще улесни намаляването на размера на файла във Photoshop.
4. Бъдете (донякъде) мързеливи
Представете си какви други елементи мога да добавя към GIF анимацията в началото на тази публикация. Малки подсказки с потребителски имена, курсор, който щраква върху бутона плюс и т.н. Хората не трябва да виждат всичко, за да получат обща представа за това, което виждат, така че показвайте само това, от което се нуждаете - ограничени сте от време и размер на файла.Експортирайте GIF анимации
Преди да се тревожите за съветите по-долу, опитайте да експортирате своята GIF анимация. Ако е с разумен размер, страхотна работа! Продължавайте в същия дух. В противен случай опитайте следните методи.5. Премахнете дублиращи се рамки
Най-вероятно вашата анимация спира или остава неподвижна за някакъв момент. Ако се вгледате внимателно, ще забележите, че този момент се състои от няколко еднакви кадъра. Ако има 10 такива кадъра, изтрийте 9 от тях и задайте продължителността на оставащия кадър на например 1 секунда.
Ако това не помогне, опитайте да импортирате видеоклипа отново, но този път изберете опцията Ограничение до всеки 2 кадъра.Това трябва значително да намали размера на файла.
съвет:Ако вашата анимация се състои от повече от 150 кадъра, ще срещнете проблеми, когато се опитвате да намалите размера на файла.
6. По-малко цветове
Когато запазите GIF анимация във Photoshop, ще видите падащо меню до опцията Цветове. Експериментирайте със стойностите, опитайте възможно най-малкия брой цветове, които няма да превърнат целия файл в боклук.
7. Променете параметъра Lossy*
Честно казано, дори не знам какво означава този параметър. Но аз точноЗнам, че ако го зададете на ниво между 1 и 10, ще се отървете от излишните килобайти, без да губите качество.
* “Lossy” - приемливо ниво на загуба на графична информация в растерен файл, което ви позволява да намалите размера на файла на изображението
Нищо не се промени! Помогне!
Ако сте опитали всичко споменато по-горе и все още не можете да намалите размера на вашата GIF анимация, тогава трябва да направите крачка назад. Може би искате невъзможното? Има ли друг начин да постигнете това, което искате? Възможно ли е да разделя файл на две GIF анимации? Ще бъде по-добре, ако вашата GIF анимация се фокусира върху един аспект.От преводача. За всички ваши желания и коментари относно превода, моля свържете се с мен на лично съобщение. Благодаря ти!
Официално Руски версииОт незапомнени времена Photoshop превежда опцията "Dithering" като "Дитъринг", което е меко казано неточност. IN в този контекст„Dithering“ означава „изглаждане“, изглаждане на преходите от един цвят към друг.
Тъй като GIF файловете съдържат ограничен брой цветове, за да подобрите външния вид на вашата рисунка, може да се наложи да създадете преходи между отделните цветове, което включва симулиране на липсващи цветове. За да създадете тези цветове, има опцията "Dither". Има общо четири алгоритъма за такава симулация на анти-алиасинг - „Без трептене“, „Случаен“, „Редовен“ и „Шум“:
Нека разгледаме алгоритмите по-подробно (надявам се, че всичко е ясно с режима „Без трептене“).
Използване на алгоритъма "случаен"(Дифузия), можем да регулираме степента на изглаждане.
В алгоритми "Редовен"(Шаблон) и "Шум"(Шум) няма настройки, Photoshop прави всичко автоматично.
За някои изображения Dither е просто необходим, но не забравяйте, че колкото по-висока е стойността му, толкова по-голям размерфайл, защото той добавя цветни пиксели в непосредствена близост един до друг, за да симулира вторични цветове или плавни цветови градации.
4. Други настройки
"загуби"(Lossy) - контрол на нивото на загуба визуална информацияпри антиалиасинг, което може да намали размера на файла, но също така да влоши качеството на картината. Налично, когато опцията Interlaced е деактивирана.
"Прозрачност"(Прозрачност) - има смисъл да го активирате, ако изображението съдържа прозрачни области. Алгоритмите за анти-алиасинг работят на принципа на опцията “Dithering” и се наричат по същия начин.
5. Сравнение на оригиналната и оптимизираната версия
След като добавите вашите настройки към диалоговия прозорец Запазване за уеб, оптимизираната версия ще претърпи промени, почти винаги в ущърб на качеството. Внимателно проверете получения резултат, сравнете го с източника:
Можете да видите анимацията и да зададете опции за повторение - веднъж, постоянно или да зададете свой собствен брой повторения:
Ако сте доволни от резултата, продължете към следващо действие- запазване на анимация.
6. Настройте оптимизацията на анимацията към определения размер на файла
Тази опция е налична и при запазване на анимация във Photoshop. Можете да зададете размера на изходния файл и въз основа на това Photoshop сам ще извърши оптимизация, коригирайки размера на файла към този, който сте посочили.
Кликнете върху бутона вдясно горен ъгъли изберете реда „Оптимизиране до размера на файла“
7. Преглед на анимация в браузъра, като запазите параметрите за оптимизация
След като сте избрали необходими настройки, запазете ги в комплект. Кликнете върху иконата в горния десен ъгъл на прозореца за запазване за Web и щракнете върху реда „Запазване на настройките“:
Можем да визуализираме анимацията с нашите настройки в браузъра, като щракнете върху бутона в долния ляв ъгъл на прозореца:
Ще се покаже не само анимацията, но и всички данни за GIF файл- обем, линейни размери и др., както и HTML код. Например взех анимацията от този урок:
Ако ви харесва всичко, запазете файла. За да направите това, щракнете върху бутона "Запазване" в долния десен ъгъл на диалоговия прозорец. Отваря се нов прозорец, където избираме пътя, задаваме настройките, както е показано на фигурата (това са настройките по подразбиране) и натискаме бутона „Запазване“:
Анимацията ще бъде запазена. Ако все още не харесвате нещо, можете да оптимизирате отново, като използвате запазения набор от настройки.
Снимки в GIF форматотваряйте с лекота графичен редактор Photoshop, ако можете да го използвате, тогава няма да е трудно да промените размера. А за тези, които не могат да използват този редактор, няма да е трудно да го разберат в менюто има раздел Изображение -> Размер на изображението.
Най-лесният начин да промените размера е с безплатна програма InfranView. Той е прост, интуитивен и можете да работите не само с gif анимация, но и с всякакви снимки.
Можете да опитате да използвате Магазин за боя Pro, по-сложно е, ще трябва да овладеете цяло ръководство - ръководството за потребителя.
Добро място да започнете би било да знаете какъв размер искате да промените gif анимация? Размер на изображението (т.е. съотношение на страните, ширина или височина на картината и т.н.) или размер на файла (понякога те също казват теглото или обема на файла) в байтове - мегабайти, като - намалете количеството информация, съдържаща се в графичен файл GIF анимация с минимална загуба на качество на изображението? С други думи, оптимизирайте gif файла...
за да се промени действителен размерснимки (ширина и височина) в анимиран файл във формат .gif, специални проблемине съществува.
Ще започна от самото начало прост начин, за тези, които не искат да инсталират на компютъра си допълнителни програми. Това е начин да използвате услугите на специализирани онлайн услуги, каквито в интернет има много. Ето няколко връзки към подобни сайтове:
Създаване и редактиране на GIF анимация - Toolson.net.GifResizer
Създаване и ретуширане на анимация GIF изображенияна линия - Reduction-image.gif-аниме
Създавайте или редактирайте GIF анимация онлайн - Picasion.com.resize-gif
Подобни сайтове където можете да създавате и частично редактирате gif анимация, има много, но наборът от услуги и функционалност, предоставяни там, във всички сайтове, е много малък и почти еднакъв. Не е никак трудно да работите там - качете своя собствена GIF анимация и последователно изпълнявайте серия от напълно прости действия. Как и какво да направите - всичко е описано стъпка по стъпка. Не правете грешка.
Вторият начин за промяна на размера (съотношението на страните) на GIF анимация е да използвате най-простите програми, създадени специално за тази цел, например:
Безплатна програма GiF Resizer- името говори само за себе си. Единствената цел на тази много малка помощна програма е да преоразмерява анимирани снимки във формат .gif. Тази програма е включена английски език, но разбирането на неговите възможности е много просто.
Друга програма, също безплатна - Бенетон Филм GIF . В тази програма за двойка прости стъпкиМожете да промените размера на GIF анимацията. Също така в този редактор можете да изпълнявате някои допълнителни действияза промяна на анимирани GIF файлове.
По-сложни процедури за редактиране на GIF анимациище изисква използването на по-усъвършенствани програми, които ще помогнат за извършване както на просто преоразмеряване на изображението и неговото изрязване, така и оптимизиране на GIF файла, тоест намаляване на обема му при запазване Високо качествосамата снимка при гледане.
Има и много такива програми, например:
GIF филмово оборудване- просто, но достатъчно мощен редактор GIF анимации.
Фалко GIF аниматор - безплатен редактор GIF анимации, но с много прилични възможности, не по-лоши от подобни лицензирани аналози.
Лесен GIF аниматор- лесен за използване анимиран GIF редактор с прилични функции.
EximiousSoft GIF Creator- много добър анимиран графичен редактор, с почти професионални възможности.
GIF Конструктор Професионален- един от най-добрите програмиза създаване и редактиране анимирани GIF файловеизображения. Професионална програма. Но не е никак трудно да се използва. E е доста трудно да се намери в интернет, особено в последна версия, особено с локализация, така че освен връзката към официалния сайт ще дам още две връзки - за изтегляне от торент тракер NNM-CLUB(тук е версията без плъгини) и за изтегляне на още пълна версия, с много необходими допълнения - GIF Construction Set Pro v3.0a (Пач 40).
Връзките по-горе водят до уебсайтовете на разработчиците, където можете също да закупите тези програми... или можете да се възползвате от възможностите руски интернет, където все още можете да намерите и изтеглите всяка от тези програми без много затруднения с възможност за безплатно активиране :)))
Изобщо - оптимизация на gif анимация- това е отделна тема. Автоматична оптимизацияобикновено не дава забележими резултати и качеството на изображението може да бъде значително намалено.
Изпълни висококачествена оптимизация gifможе би само в една програма, която определено си заслужава да се спомене в този въпрос - почти всяка манипулация с GIF изображения, от тяхното създаване до пълно редактиране, може да се извърши в най-добрия графичен редактор на всички времена - V Adobe програмаФотошоп. В тази програма можете да правите всичко, което ви хрумне с gifs...
Общо взето нещо такова според мен :)))
Късмет...
Размерът на GIF анимацията може да се промени с помощта на специална програма Toolson.net.GifResizer.
С помощта на програмата можете да променяте, увеличавате, намалявате размера на GIF.
Можете да видите програмата и да я изтеглите от тук.
Сега gif файловете са доста популярни и широко разпространени, така че много програми имат способността да ги обработват, включително промяна на размера на файла на този формат, скоростта на възпроизвеждане и изрязване. Една от тези програми е добре познатият Photoshop; тя може лесно да ви помогне да редактирате GIF.
Размерът на изображението във формат GIF може да се промени с помощта на специални онлайн и обикновени програми, които трябва да бъдат инсталирани, както и с помощта на Photoshop. Изображението трябва да се отвори във Photoshop и след това да се намали по размер в диалоговия прозорец Размер на изображението, като се отвори менюто Изображение.