Как да анимирате свой собствен персонализиран GIF с Photoshop

Съдържание:

Как да анимирате свой собствен персонализиран GIF с Photoshop
Как да анимирате свой собствен персонализиран GIF с Photoshop
Anonim
Създаването на анимации от самото начало в Photoshop може да изглежда обезсърчително, но всъщност те са много прости. Огън Photoshop и вземете някои от вашите файлове. Време е да раздразните панталоните на приятелите си с много анимирани GIF!
Създаването на анимации от самото начало в Photoshop може да изглежда обезсърчително, но всъщност те са много прости. Огън Photoshop и вземете някои от вашите файлове. Време е да раздразните панталоните на приятелите си с много анимирани GIF!

Говорихме за някои лесни начини за превръщането на видеоклипове и на Youtube в анимирани GIF, но днес ще ви покажем как да направите проста анимация без да използвате видео файлове. Продължавайте да четете - това е много забавно.

Създаване на анимации с инструментите за анимация на Photoshop

Image
Image
За проста анимация ще създадем част от изображението на отделен слой, в който можем да се движим. Ние само ще оживяваме движението на очите, но можете да създадете всякакъв вид анимация по този начин, включително действителни ръчно изтеглени анимационни клетки или движещи се снимки.
За проста анимация ще създадем част от изображението на отделен слой, в който можем да се движим. Ние само ще оживяваме движението на очите, но можете да създадете всякакъв вид анимация по този начин, включително действителни ръчно изтеглени анимационни клетки или движещи се снимки.

Независимо от това, което искате да анимирате, започнете с поне два слоя. В нашия пример използваме логото HTG и преместваме очите му към втори слой, който можем да използваме, за да оживим движението.

Панелът се появява в долната част на прозореца и е доста лесен за използване. Всяка нова "рамка" на анимацията е нещо като моментна снимка на файла. Кликнете върху
Панелът се появява в долната част на прозореца и е доста лесен за използване. Всяка нова "рамка" на анимацията е нещо като моментна снимка на файла. Кликнете върху
в анимационния панел, когато искате да създадете нова снимка извън текущото състояние на файла. Но не още!
в анимационния панел, когато искате да създадете нова снимка извън текущото състояние на файла. Но не още!

Този панел също ви позволява да зададете "закъснение" за всеки отделен кадър, което означава колко дълго (в цели или на части от секундата) се показва на екрана, преди да се придвижите към следващия кадър. 25 кадъра в секунда (0,04) е стандартна скорост за анимация, но може би малко бърза за анимирани GIF. За нашия пример компрометирахме със забавяне от 0,05, което можете да използвате. Ако искате да използвате различен брой кадри в секунда, просто разделете 1 на броя на кадрите, за да получите подходящо време за забавяне. (Например, 1 секунда разделена на 25 кадъра е равна на 0,04 време на забавяне.)

Image
Image

Идеята е да се премести очите в слоя малки стъпки и правете снимки по пътя. Ще използваме преместете инструмента (клавиш за бърз достъп "V") и потискайки нашия слой като използвате клавишите със стрелки, В нашия пример направихме моментна снимка, след като сменим всеки два пиксела.

Като кликнете върху
Като кликнете върху
в панела можете да видите нови кадри, създадени в анимацията. Те закъсняват рамката преди тях, така че може да искате да изберете правилното закъснение на първо място, така че не е нужно да променяте броя на кадрите, след като сте готови да заснемете изображенията.
в панела можете да видите нови кадри, създадени в анимацията. Те закъсняват рамката преди тях, така че може да искате да изберете правилното закъснение на първо място, така че не е нужно да променяте броя на кадрите, след като сте готови да заснемете изображенията.

(Забележка на автора: Ако сте нещо като мен, вие ще промените забавянето на милион пъти, така или иначе. Нещата не винаги работят по точния начин, по който ги искате!)

Поставете вашите рамки, докато вървите напред, като използвате панела със слоеве, за да преместите обекта си (в нашия пример, очите), колкото и да ви е грижа и да направите много и много снимки. Помнете, че около 25 ще се равнява на една секунда, затова направете снимките си съответно.
Поставете вашите рамки, докато вървите напред, като използвате панела със слоеве, за да преместите обекта си (в нашия пример, очите), колкото и да ви е грижа и да направите много и много снимки. Помнете, че около 25 ще се равнява на една секунда, затова направете снимките си съответно.
Можете също да редактирате забавянето на няколко кадъра наведнъж, като използвате клавиша Shift и изберете много или всички от вашите кадри и променете времето за забавяне. Забележете, че можете да зададете закъснението си на "Други …" в долната част, за да използвате обичайното закъснение от 0,05.
Можете също да редактирате забавянето на няколко кадъра наведнъж, като използвате клавиша Shift и изберете много или всички от вашите кадри и променете времето за забавяне. Забележете, че можете да зададете закъснението си на "Други …" в долната част, за да използвате обичайното закъснение от 0,05.
Придвижете се до File> Save for Web & Devices, за да отворите инструмента с едно и също име.
Придвижете се до File> Save for Web & Devices, за да отворите инструмента с едно и също име.
Image
Image

Този инструмент ще ви позволи да създадете анимиран GIF за браузър, както и да го тествате в инструмента (както е показано по-горе, където е курсорът със стрелки). Уверете се, че сте задали файловия си тип в GIF и използвайте всяка от настройките Perceptual, Selective или Adaptive. Те могат да променят образа ви по различни начини, но за много от вас ще дадете почти идентични резултати. За да намалите размера на файла, можете да промените своя Размер на изображението (към дъното) и вашия номер Цветове (в горната дясна страна). Също така можете да намалите размера на файла, като не включите прозрачност, въпреки че не бяхме в нашия пример (Опа!).

Image
Image

И нашият анимиран GIF е готов да пусне в Интернет, за да се наслаждава, да шокира и да създава страхопочитание.

И това го обгръща за анимация. Мисли или въпроси относно нашия метод? Имате ли по-добър метод или някои по-прости техники? Искате ли да видите нещо по-напреднало? Разкажете ни за тях в коментарите или изпратете ни вашите мисли на [email protected] и можем да ги включим в предстояща графична статия.

Препоръчано: