Анимация в Photoshop CS6

 

Программа Adobe Photoshop CS6 имеет много новых функций, одной из них является новая временная шкала анимации.

В этом уроке мы покажем вам создание простой анимации с помощью новой шкалы. Весь процесс очень прост и не займет у Вас более 20 минут.

Шаг 1

Откройте Photoshop CS6 и создайте новый документ. Залейте фон любым цветом, затем перейдите в меню Слои> Стили слоя> Наложение градиента (Layer> Layer Styles> Gradient Overlay). Используйте радиальный градиент для стиля и цвета от черного к # 38556f.

 

 

Шаг 2

 

Создайте новый слой и залейте его текстурой. Я воспользовался этой под названием «рассеивание шума». Измените Режим наложения (Blend Mode) на Мягкий свет (Soft Light).

 

 

Шаг 3

 

Добавьте текст, для которого нужно использовать световые эффекты. Я использовал этот шрифт.

 

 

Шаг 4

 

Для создания световых эффектов мы будем использовать стили слоя. Просто следуйте инструкциям на изображениях ниже и добавьте следующие стили: Тиснение (Bevel & Emboss), Внутренняя тень (Inner Shadow), Внутреннее свечение (Inner Glow), Наложение цвета (Color Overlay), Внешнее свечение (Outer Glow) и Тень (Drop Shadow).

 

 

 

 

 

 

 

Шаг 5

 

Дублируйте слой и отключите стили слоя кроме Внутренняя тень (Inner Shadow), Внутреннее свечение (Inner Glow), измените настройки как на изображении ниже.

 

 

 

Шаг 6

 

Вот, что должно у вас получиться после применения этих стилей слоя. Получился некий эффект неонового текста.

 

 

Шаг 7

 

Добавьте 2 новых слоя поверх остальных слоев и назовите их «право» и «лево». После этого сгруппируйте эти слои. Изменение Режим наложения (Blend Mode) для группы на Осветление основы (Color Dodge). Используя инструмент Кисть (Brush Tool (B)) с мягкой щёткой и белым цветом, пройдитесь по верхней правой части буквы А. Выберите левый слой и нарисуйте другое световое пятно в верхней левой части. Используйте изображение ниже для справки.

 

 

Шаг 8

 

Прейдите в меню Окно> Временная шкала (Window> Timeline) чтобы открыть панель анимации.  Выберите группу с 2 слоями, разверните её и убедитесь, что положение ползунка находится в нулевом кадре. Создайте ключевой кадр.

 

 

Шаг 9

 

Переместите временную шкалу в положение 1:00 и затем переместите слои в композиции в то место, где будет заканчиваться часть анимации.

 

 

Шаг 10

 

На второй позиции будут светлые пятна.

 

 

Шаг 11

 

Переместите шкалу снова и после этого передвиньте слои для создания новых ключевых кадров.

 

 

Шаг 12

 

Двигайте их до тех пор, пока не посчитаете, что анимация завершена.

 

 

Хронология

 

Вот как выглядит моя временная шкала. Обратите внимание на ключевые кадры в тех точках, где анимация изменяет положение.

 

 

Вот и всё! Посмотрите на то, что у нас получилось.

 

Исходники -  скачать.

---

Автор урока: Abduzeedo

Переводчик урока: Ирина Шипилова
Ссылка на источник