Урок_16. Теорія

Практична робота "Створення анімації в Photoshop"

1. Створюємо новий файл з розмірами 700 x 300 px.
2. Відкриваємо вікно Timeline (Window - Timeline (Вікно - Шкала часу)).

Вікно «Шкала часу» - «Створити анімацію кадру» (Create Frame Animation) Photoshop CC

3. Натискаємо на кнопку «Create Frame Animation» (Створити анімацію кадру).

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

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

В меню Timeline обираємо вказівку Set Timeline Frame Rate ..., а у вікні, що відкриється слід встановити кількість кадрів в секунду - 12.

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

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

Вікно «Шкала часу» - «Створення копії виділених кадрів» (Duplicates selected frames) Photoshop CC

Створюємо копії кадрів в програмі Photoshop CC

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

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

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

Виставляємо параметр повтору нашої анімації (Photoshop CC).

Тепер ми можемо використовувати запуск відтворення анімації.

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

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

Налаштування анімації в «Файл - Зберегти для Web» (File - Save for Web) Photoshop CC.

Результат виконання практичної роботи