PsLessonS Учебник Инструменты Обработка фото Эффекты Работа с текстом Дизайн Анимация Графика Фильтры Кисти Переводы терминов Фотошоп Online

Создание анимации в Photoshop CC

В этом уроке мы рассмотрим базовое создание анимации в Photoshop CC.

Создаем новый файл с размерами 700 x 300 px.

Открываем окно Timeline (Window - Timeline (Окно - Шкала времени)).

Нажимаем на кнопку «Create Frame Animation» (Создать анимацию кадра).

Окно «Шкала времени» - «Создать анимацию кадра» (Create Frame Animation) Photoshop CC

Используя инструмент Type Tool (Инструмент «Горизонтальный текст» / Клавиша «T») создаем 3 слоя с текстом («Анимация», «это», «просто»).

Инструментом Move Tool (Инструмент «Перемещение» / Клавиша «V») размещаем текст как на изображении ниже.

Анимация это просто.

В окне Timeline (Шкала времени) выбираем первый кадр и нажимаем на кнопку «Duplicates selected frames» (Создание копии выделенных кадров).

Окно «Шкала времени» - «Создание копии выделенных кадров» (Duplicates selected frames) Photoshop CC

Создаем 4 копии выделенных кадров.

Создаем копии кадров в программе Photoshop CC

Далее в окне Timeline (Шкала времени) выбираем первый кадр и в окне Layers (Window - Layers (Окно - Слои)) отключаем для кадра видимость всех слоев кроме фона.

Отключаем для кадра видимость всех слоев кроме фона (Photoshop CC).

Выбираем в окне Timeline (Шкала времени) второй кадр и оставляем видимыми только слои «Анимация» и «Фон».

Далее выбираем третий кадр и оставляем в нем видимыми слои «Анимация», «это» и «фон».

Выбираем четвертый кадр и оставляем в нем видимыми все слои.

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

Выставляем время отображения для каждого кадра в 1 секунду (Photoshop CC).

Зададим параметр повтора нашей анимации. В меню окна Timeline (Шкала времени), меняем параметр повтора с «Однократно» на «Постоянно» (изображении ниже).

Выставляем параметр повтора нашей анимации (Photoshop CC).

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

Запуск воспроизведения анимации (Photoshop CC).

Нам осталось только сохранить нашу анимацию в формате, который её поддерживает (.gif).

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

Настройки анимации в «Файл - Сохранить для Web» (File - Save for Web) Photoshop CC.
Финальный результат