Урок 16. Анімація в растровому графічному редакторі

План вивчення теми уроку

1. Опрацювати опорний конспект з теми на даній веб-сторінці.

2. Виконати домашнє завдання.

Опорний конспект з теми уроку

Створення анімації в Photoshop

1. Створюємо новий файл з розмірами 700 x 300 px.

2. Відкриваємо вікно Timeline (Window - Timeline (Вікно - Шкала часу)).

Використовуючи інструмент Type Tool (Інструмент «Горизонтальний текст» / Кнопка «T») створюємо 3 шари з текстом («Вивчаємо», «графічний», «дизайн»).

Інструментом Move Tool (Інструмент «Переміщення» / Кнопка «V») розміщуємо текст як на зображенні нижче.

У вікні Timeline кликаємо кнопку Convert to frame animation.  Вікно прийме інший вигляд (див. малюнок справа)

У вікні Timeline (Шкала часу) вибираємо перший кадр і натискаємо на кнопку «Duplicates selected frames» (Створення копії виділених кадрів). Створюємо 4 копії виділених кадрів.

Далі у вікні Timeline (Шкала часу) вибираємо перший кадр і в вікні Layers (Window - Layers (Вікно - Шари)) відключаємо для кадру видимість всіх шарів крім фону. 

• Вибираємо у вікні Timeline (Шкала часу) другий кадр і залишаємо видимими тільки шари «Анімація» і «Фон».

• Далі вибираємо третій кадр і залишаємо в ньому видимими шари «Анімація», «це» і «фон».

• Вибираємо четвертий кадр і залишаємо в ньому видимими всі шари.

• Далі виставляємо час відображення для кожного кадру в 1 секунду.

Задамо параметр повтору нашої анімації. У меню вікна Timeline (Шкала часу), міняємо параметр повтору з «Лише один раз» на «Постійно» (зображенні нижче).

Нам залишилося тільки зберегти нашу анімацію у форматі, який її підтримує (.gif).

Переходимо через меню File - Save for Web (Файл - Зберегти для Web / Alt + Shift + Ctrl + S) виставляємо настройки як на зображенні нижче і натискаємо «Зберегти».

Для моніторингу засвоєння знань необхідно пройти контрольне тестування

• https://naurok.com.ua/test/join?gamecode=4388021