Анимация мерцания в фотошопе
Анимация мерцания
в фотошопе
Всем привет!
Сегодня мы будем создавать анимацию мерцающего текста.
Анимация мерцающего текста очень простая, в ней будет всего 2 кадра, но выглядит такая анимашка довольно эффектно.
Сначала мы создадим новый документ и зальем фоновый слой черным цветом.
Затем установим шрифт из папки с исходниками, и при помощи инструмента Текст напишем текст.
Далее перейдем в панель анимации (шкалу времени) и, добавив еще один кадр, анимируем картинку.
В завершении урока "Анимация мерцания в фотошопе" мы сохраним анимацию.

Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже. Размер картинки напрямую влияет на вес будущей работы, так что советую создавать для анимации холст небольшого размера.

В панели слоев щелкаем по «замочку» у фонового слоя, чтобы разблокировать слой для дальнейшего редактирования.

Переименовываем фоновый слой в «Фон». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.

Заливаем слой «Фон» черным цветом. Для этого переходим в меню Редактирование-Выполнить заливку и в появившемся окне в верхней строке выбираем черный оттенок.



Устанавливаем шрифт из папки с исходниками. Для этого щелкните ПКМ по файлу шрифта и выберите «Установить». После этого шага шрифт установится одновременно в программу фотошоп и систему.

Активируем инструмент Текст. Растягиваем рамку создания текста на ширину холста и пишем слово «Мерцание». В верхней панели настроек инструмента Текст выбираем шрифт, что установили в предыдущем шаге, меняем цвет текста на # fff600, увеличиваем размер текста и вводим настройки, как на рисунке ниже. При помощи инструмента Перемещение располагаем текст по центру холста.




Теперь нам необходимо «оживить» нашу картинку.
Переходим в меню Окно-Шкала времени.

Далее кликаем по кнопке «Создать шкалу времени для видео».

В завершение нажимаем на иконку, отмеченную ниже.

Появится окно анимации.

При активном первом кадре анимации в панели слоев отключаем видимость текстового слоя, нажав на «глазик» около слоя.


В панели анимации создаем новый кадр, нажав на иконку, отмеченную ниже.


При активном втором кадре анимации в панели слоев делаем видимым текстовый слой.



В панели анимации выделяем два кадра при помощи клавиши Ctrl, щелкаем по времени и в открывшемся меню выбираем время проигрывания кадра, например, 0,1 секунды.


Далее кликаем по кнопке выбора параметров цикла проигрывания анимации и выбираем «Постоянно». Если оставить «Однократно», как указано по умолчанию, анимация проиграется один раз и остановится.

Нажав на кнопку проигрывания анимации, вы можете посмотреть, как будет выглядеть анимашка после сохранения и, при необходимости, подкорректировать ее.

Если все устраивает, сохраняем анимацию. Переходим в меню Файл-Сохранить для Web. В зависимости от версии фотошоп название этого пункта варьируется.

В строке формата обязательно выставляем gif, остальные настройки по вашему желанию – вы можете изменить размер, количество оттенков и т.п.

Анимация мерцающего текста готова! Урок "Анимация мерцания в фотошопе" завершен.

Яркого настроения и творческих успехов!
БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:
Если Вы не хотите пропустить интересные уроки по анимации в фотошопе - подпишитесь на рассылку.
Форма для подписки находится ниже.

Подробнее...