Анімація в фотошопі? Просто!

Анімація в фотошопі

На відміну від простих статичних картинок, анімовані складаються з декількох зображень, які послідовно змінюються один за одним у певний часовий проміжок, а в результаті створюють ілюзію якогось руху. Розміри картинки при такому русі залишаються незмінними.

Здавалося б, зробити самостійно таку штуку важко, але насправді за допомогою програми Adobe Photoshop створити її дуже просто.

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

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

Далі необхідно відкрити всі їх в фотошопі, та так, щоб кожна знаходилися в одному файлі, але на різних шарах.

GIF-анімації в фотошопі

Зробити це не складе ніяких труднощів. Просто потрібно окремо скопіювати і вставити в один файл всі потрібні для роботи картинки (розподіливши їх по новим верствам). Ось тепер можна починати працювати безпосередньо над створенням GIF- анімації.

Для початку необхідно відкрити «Вікно» («Window») => «Анімація» («Animation»). У більш старих версіях фотошопа такої функції немає, але зате є спеціальна програма ImageReady (йде в пакеті разом з Photoshop). До цієї програми є інструкція, а робота в ній аналогічна. Після цих дій внизу повинно з`явитися спеціальне вікно, в якому буде всього одна картинка. Це перший кадр. Далі копіюємо його і вставляємо ще кілька. Їх кількість може бути і більше, ніж обраних картинок, якщо вони, наприклад, повторюються. або ж якщо деякі з них мають залишитися порожніми. Не забувайте час від часу зберігати робочий документ, щоб уникнути неприємних несподіванок.

Наступним кроком буде розміщення на кожному кадрі свого шару. Для цього натискаємо на потрібне зображення і далі працюємо з меню «Шари».

Після визначення послідовності кадрів (розміщення шарів з кадрів), встановимо тривалість кожного з них. Для цього натискаємо на невеликий чорний трикутник внизу картини. Також можна вибрати опцію, триватиме анімація циклічно або одноразово. Щоб зображення повторювалося циклічно (не зупиняючись), використовуємо функцію «Назавжди» («Forever»). Але отримана на цьому етапі GIF- анімація в фотошопі ще не завершена.

Для її перегляду натискаємо на кнопочку «Play». Звичайно, якщо вас все влаштовує вже на цьому етапі, можете завершити. Але є ще кілька нюансів.
Можна створити певну кількість проміжних кадрів, тоді основні будуть поступово (не так різко) переходити один в одного. Створити їх можна за допомогою опції «Створити проміжні кадри» на спеціальній панелі. Отримана анімація в фотошопі буде виглядати більш цікаво і гармонійно.

Правильне збереження також є не менш важливою річчю в нашій роботі. Ось шлях для нього:
«Файл» = «Зберегти для Web ...» = «Зберегти». Формат повинен бути GIF.

Анімація тексту в фотошопі створюється таким же чином.