Недавно ко мне обратился один молодой человек с просьбой дать ему ссылку на урок, где объясняют в подробностях принципы анимирования в Фотошопе. На крупных порталах ничего подобного я не нашёл, а вот уроков по созданию эффектов методом анимирования — очень много… В данном уроке описан лишь принцип анимирования, об эффектах, применяемых для анимации, будет рассказано в других уроках… Рассмотрим пример анимации баннера.
Создадим новое изображение, 100×100px.
При помощи команды Ctrl+Shift+N добавляем новый слой. Это будет фоном банера, зальём его градиентом, добавим паттерн, небольшой блик.
Для последующего удобства в составлении анимации, сводим фон в один слой:
Создадим направляющую, проходящую чуть ниже центра нашего рисунка. В главном меню выбираем View > New guide > Horizontal и перетаскиваем полученную направляющую с помощью инструмента «Move tool».
При помощи инструмента «Horizontal type tool (T)» создадим несколько слоёв с текстом. Добавим к каждой надписи тень — на панели слоёв два раза кликаем по слою и устанавливаем следующие параметры:
Важно, чтобы нижняя граница шрифта ложилась на направляющую — при смене кадров это не будет ломать глаза.
Вот что на данном этапе у меня получилось:
Нам потребуется панель анимации: Window > Animation. Тем, у кого версия Фотошопа «CS2» и ниже, необходимо сначала нажать Ctrl+Shift+M, тем самым импортируя рабочий файл из Photoshop в «Adobe Image Ready». Это отдельный инструмент для оптимизации, анимации изображений, создания визуальны эффектов,поставляемый ранее совместно с «Photoshop». Начиная с версии CS3 его функции были перенесены в Фотошоп, в результате чего актуальность програмы пропала.
Появилась вот такая панель:
Возвратимся на панель слоёв и оставим видимым только фон:
Дублируем кадр, для чего на панели анимации необходимо нажать кнопку «Duplicates current frame».
Я сделал 5 копий, так как у меня 5 заготовленных фраз-слоёв с текстом.
Далее на каждом кадре мы сделаем по одной непрозрачной надписи, для этого просто обозначаем видимость слоя в палитре Layers.
Теперь необходимо задать время отображения каждого кадра. На панели анимации, прямо под пиктограммой кадра, нажимаем на обозначение колличества секунд со словом «sec», затем выставляем параметры:
Запускаем анимацию с помощью кнопки «Play/stops animation»…
Анимированное изображение нужно сохранить в формате gif.
