В данном уроке описан лишь принцип анимирования, об эффектах,
применяемых для анимации, будет рассказано в других уроках… Рассмотрим
пример анимации баннера.
Создадим новое изображение, 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.
