Анимиран GIF във Photoshop CS5

Adobe Photoshop CS5 е мощна програма за редактиране на изображения, която можете да използвате за създаване или редактиране на почти всеки тип изображение, от което може да имате нужда. Photoshop CS5 обаче е особено умел в създаването на изображения, предназначени да бъдат пуснати онлайн, като например изображение, което може да поставите на уебсайта си или което може да искате да споделите с приятелите си. Популярен избор на изображение е анимиран GIF, защото е лесен за правене, има движение, но може да бъде публикуван като обикновено статично изображение. Photoshop разполага с някои полезни инструменти, които ви позволяват да създавате анимиран GIF във Photoshop CS5 и дори можете да персонализирате своя анимиран GIF във Photoshop CS5, за да се придържате към спецификациите, от които се нуждаете.

Подготовка на рамки за вашия анимиран GIF във Photoshop CS5

Анимираният GIF във Photoshop CS5 всъщност е пет отделни изображения, които ще подредите като слоеве. Всеки слой ще представлява рамка от вашето изображение, така че всеки кадър трябва да е малко по-различен, за да помогне да се покаже, че има действие или движение, което се случва във вашия анимиран GIF. За целите на този урок ще създам анимиран GIF във Photoshop CS5 на звезда, която се движи върху черен фон. Анимираният GIF ще се състои от пет различни кадъра, като звездата е на малко по-различно място във всеки кадър. Отделните изображения изглеждат така:

За улеснение съм обозначил изображенията като 1.gif, 2.gif, 3.gif, 4.gif и 5.gif, което ще ми помогне да запомня реда, в който искам да ги покажа. Всяко изображение е с еднакъв размер, 100×100 пиксела.

За да започнете да правите анимиран GIF във Photoshop CS5, вече можете да стартирате Photoshop, щракнете върху Файл в горната част на прозореца щракнете Нов, след което задайте размера на вашето изображение. След като параметрите на вашето изображение са зададени, щракнете върху Добре бутон, за да създадете своето празно платно.

Следващото нещо, което трябва да направите, е да отворите папката, съдържаща изображенията, които ще включите във вашия анимиран GIF във Photoshop CS5. Имайте предвид, че отваряте папката в Windows Explorer, НЕ с Отвори команда във Photoshop. Windows Explorer е програмата, която използвате за разглеждане на папки и файлове на вашия компютър и можете да я стартирате, като щракнете върху иконата на папка в лентата на задачите в долната част на екрана на вашия компютър. След като папката, съдържаща вашите изображения, е отворена, задръжте клавиша CTrl на клавиатурата си, за да изберете всички изображения, след което ги плъзнете към платното на Photoshop CS5.

Това ще промени вашето платно, за да покаже един от вашите рамки с X над него, като например на това изображение:

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

Имайте предвид, че изображението, което искате да покажете като последен кадър на вашия анимиран GIF, трябва да бъде най-горният слой. Ако слоевете ви са в грешен ред, можете просто да ги плъзнете в рамките на Слоеве прозорец, докато не са в правилния ред.

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

Щракнете върху бутона в горния десен ъгъл на Анимация прозорец (бутонът изглежда като стрелка надолу до 4 хоризонтални линии), след което щракнете върху Направете рамки от слоеве опция.

Щракнете върху стрелката надолу вдясно от 0 сек и под една от вашите рамки в Анимация прозорец, след което изберете колко дълго искате този кадър да се показва във вашия анимиран GIF. Повторете тази стъпка за всеки кадър от вашето изображение. Обичам да избирам 1.0 за продължителността на кадрите в много анимирани GIF файлове във Photoshop CS5, но експериментирайте с различна продължителност, докато намерите този, който работи най-добре за вас.

Можете също да посочите колко пъти анимираният GIF трябва да премине през всичките си кадри, като щракнете върху Завинаги падащо меню в долната част на Анимация прозорец. Използвам Завинаги като опция за анимирания GIF в края на тази статия, което означава, че анимираният GIF ще премине непрекъснато, докато не напуснете тази страница.

Вече сте готови да създадете своя анимиран GIF във Photoshop CS5, така че трябва да го запазите. Щракнете върху Файл в горната част на прозореца, след което щракнете Запазване за уеб и устройства. Щракнете върху падащото меню в горния десен ъгъл на прозореца, за да изберете GIF опция, след което щракнете върху Запазете бутон в долната част на прозореца.

Въведете име за вашия файл в Име на файл поле, след което щракнете върху Запазете бутон. След това можете да щракнете двукратно върху създаденото изображение във вашата папка, за да стартирате анимирания GIF и да видите какво сте създали. По-долу е моят пример за анимиран GIF във Photoshop CS5 изображение.