ZZGURU
Загрузка

Создание простой анимации в Photoshop CC

admin
0 комментарий

Фотошоп – это универсальный графический редактор! Я бы сказал, что он лучший, но вы и так это знаете. В нем можно не только работать с фотографиями, но и создавать анимации. В этом уроке я покажу вам азы по созданию самой простой анимации в Фотошопе.

Создаем новый файл с размерами 320 x 160 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.

В итоге у нас получается вот такой результат:

0 комментарий

Похожие статьи

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии