Создаем в анимационный эффект - переливающийся свет на тексте

В данном уроке Фотошопа мы будем создавать анимационный эффект - переливающийся свет на тексте.

Photoshop для чайниковФотошоп с нуля в видеоформатеPhotoshop для фотографа

Примечание: урок под старую версию Photoshop CS3 (2007).


1. В новом документе с размером 920 x 353 px используя инструмент () я создал надпись «Demiart» тёплым оранжевым цветом (#fe6c00). Скучный стандартный шрифт «Times New Roman» поменял не глядя на «Calisto MT» в 41 px. Так же неплохо создать слой (ласково назовём его «Фон») под текстом с таким цветом, что бы он оттенял наш текст. И лучше всего в нашем случае взять чёрный цвет.

Создаем в анимационный эффект - переливающийся свет на тексте

2. Создаём новый слой («Свечение») и на нём используя инструмент () (с настройкой «Radial» (Радиальный)) заливаем небольшую область от центра и практически до самого верха.

Создаем в анимационный эффект - переливающийся свет на тексте

3. Дублируем слой «Свечение», у копии щёлкаем по самой левой кнопке у надписи «Lock:» для замыкания прозрачности и меняем цвет заливки на белый. Щёкнув «Ctrl+T» и зажав «Alt+Shift» уменьшаем размер шарика раза в полтора и сливаем слой с белым шариком со слоём «Свечение» (Ctrl+E).

Создаем в анимационный эффект - переливающийся свет на тексте

4. Загружаем выделение слоя «Demiart» (Ctrl+Левая Кнопка Мыши на миниатюре в панели слоев). С выбранным слоём «Свечение» щёлкаем по значку «Add Layer Mask» (Добавить слой маску). Следом надо отщелкнуть цепь между картинкой и маской и переключиться на картинку. Это важно, можете попробовать перенести слой без этих действий и с ними для того что бы увидеть разницу.

Создаем в анимационный эффект - переливающийся свет на тексте

5. Щёлкаем по маске и идём через меню (Фильтр - Другое - Максимум) и увеличиваем картинку на 3 px. Затем используем через меню (Фильтр - Размытие - Размытие по Гауссу) с радиусом в 4.0 px.

Создаем в анимационный эффект - переливающийся свет на тексте
Создаем в анимационный эффект - переливающийся свет на тексте

6. Щелкнув «Ctrl+T» и зажав «Alt+Shift» увеличиваем размер маски на чуть-чуть. Затем, создаём новый слой «Свч ткст» и на нём используем инструмент () (с параметром «Radial» (Радиальный)) заливаем небольшую область от центра и практически до самого верха белым.

Создаем в анимационный эффект - переливающийся свет на тексте

7. Меняем режим наложения слоя «Свч ткст» на (Перекрытие) и связываем его со слоем «Свечение».

Создаем в анимационный эффект - переливающийся свет на тексте

8. Вызываем панель анимации «Window - Animation». Перетаскиваем слои с градиентами («Свч ткст» и «Свечение») в левый конец картинки. Создаем копию кадра и перетаскиваем эти же самые слои в правый конец.


Примечание: в новых версиях анимация создается в панели (Окно - Шкала времени). Процесс создания анимации на примере Photoshop CC вы можете посмотреть в уроке - «».

Создаем в анимационный эффект - переливающийся свет на тексте

9. Последний шаг щёлкаем «Tweens Animation Frames» (Создание промежуточных кадров) и ставим значение на 23 кадра.

Во всех кадрах кроме первого ставим во времени «No Delay» (без задержки), в первом - 0,2 sec.

Создаем в анимационный эффект - переливающийся свет на тексте

Сохраняем в .gif (File - Save for Web) и наслаждаемся результатом.

Финальный результат

Автор: ;

Переводчик: Constantinich;


Уроки Фотошопа