Анімація в Adobe Photoshop

Ця стаття присвячена розгляду основ анімації в програмі Adobe Photoshop і містить деякі поради щодо початку практичної роботи з нею.

У версіях програми Adobe Photoshop CS2 і нижче анімація здійснюється за допомогою програми Adobe Image Ready, яка поставляється разом з Adobe Photoshop.В версіях CS3 і вище Image Ready інтегрована в основну програму, досить запустити Фотошоп, клікнути по вкладці Вікна (Window), що знаходиться в панелі програми (панелі програми розміщена горизонтально в самому верху вікна програми) і вибрати у випадаючому меню панель Анімації (Animation). Зберігається анімація у всіх версіях програми одним способом. Вкладка в панелі програми Файл -> Зберегти для Web і пристроїв … -> Вибрати формат строго GIF -> Зберегти.Панель анімації має два види: покадровий анімацію і тимчасову шкалу. Перемикаються вони кнопкою в правому нижньому кутку панелі.В більшості випадків використовується вид покадрової анімації.

Важливо пам’ятати, що кожен фрейм анімації відповідає певному прошарку в палітрі шарів, а також виду робочого вікна Фотошопа на момент активності фрейма (видимість шарів включається кліком по іконці ока зліва в палітрі шарів. До цього варто ставитися дуже уважно, щоб не зробити майже всю роботу , а потім з жахом зауважити, що знову доданий текст перекриває всі фрейми і псує кінцевий результат.

Панель Анімація з’являється в покадровому режимі, відображаючи мініатюру кожного кадру анімації.Для переміщення по кадрам, установки параметрів повтору, а також додавання, видалення і перегляду анімації використовуються інструменти в нижній частині панелі. Кожен активний кадр (фрейм) в панелі анімації залежить від активного шару в панелі шарів. При зміні зображення в останньому, змінюється і перший .

Природно що починаючим користувачам програми краще начинити зі створення простих анімацій.Наглядно і неважко анімувати текст. Можна створити стилізований текст на якому-небудь фоні і спробувати анімувати його переміщення або зникнення-появу. Якщо в анімації є лінійне переміщення об’єкта, то дуже зручно застосовувати проміжні кадри, кнопка додавання яких знаходиться внизу на панелі анімаціі.Такім чином, наприклад, можна анімувати підпис на аватарке.

Так само ці кадри необхідні при появі та зникненні об’єкта із застосуванням ефекту загасання або плавного перехода.Получается досить красива картинка без особливих витрат часу на її созданіе.Для отримання гарних ефектів можна застосовувати різні маски і градієнти. Непогано виходить зникнення і поява тексту за допомогою відсічної маски.

Але частіше доводиться робити анімацію методом створення окремого зображення для кожного фрейма.Такий спосіб дає можливість створити абсолютно будь-який ефект, але в цьому випадку вам доведеться витрачати достатньо велику кількість часу, щоб промальовувати кожну дію, та й в принципі, тяжко промальовувати окремі фрейми і продумувати їх розташування заздалегідь.Однак деякі ефекти вимагають створення саме пофреймовой анімації.