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

Відео: Подвійна анімація в Adobe Photoshop просто!

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

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

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

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

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

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

Відео: Анімація хвиль в фотошопі. Брижі на воді

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

Відео: Анімація завантаження (Photoshop урок)

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

GIF- розширення зображень з анімацією

Відео: Анімація в фотошопі. урок 3 "лисиця Аліса"

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

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

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

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

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