Как да анимирате Вашия собствен GIF файл с Photoshop

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

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

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

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

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

За да започнете, извадете панела Анимация. Намерете го, като отидете в Window> Animation.

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

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

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

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

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

Поставете вашите рамки, докато вървите напред, като използвате панела с вашите слоеве, за да преместите обекта (в нашия пример, очите) колкото и да се интересувате, и вземете много и много снимки. Не забравяйте, че 25 или така ще се равнява на една секунда, затова вземете вашите снимки.

Можете също да редактирате забавянето на няколко кадъра наведнъж, като използвате клавиша shift и изберете много или всички ваши рамки и промените закъснението. Забележете, че можете да зададете закъснението си на „Друго…“ близо до дъното, за да използвате нашето забавяне от 0.05.

Придвижете се до File> Save for Web & Devices, за да отворите инструмента със същото име.

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

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

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