Анимация солнечного блика в фотошопе


Анимация солнечного блика в фотошопе


ШАГ 1.

Вначале создаем новый документ и в редактировании стиля (двойной клик по слою в списке слоев) единственного слоя сделаем наложение градиента (Layer Style – Gradient Overlay). Настройки градиента: радиальный стиль, цвета - #38556f и #000000.


mg src="/uploads/posts/2012-07/1343132487_1337617157_1.jpg" alt="Анимация солнечного блика в фотошопе" title="Анимация солнечного блика в фотошопе" />


Создаем еще один слой, заходим в его стили и находим заливку узором с помощью вкладки Наложение узора (Layer Style – Pattern Overlay) в режиме мягкого света. Узор можете выбрать по вкусу или взять из готовых наборов в интернете.

Анимация солнечного блика в фотошопе


ШАГ 1.

Из палитры инструментов выбираем инструмент Горизонтальный текст (Horizontal Type Tool) и пишем желаемую букву. Шрифт также можете выбрать сами. В уроке мы использовали Major Snafu [9,2 Kb].

Анимация солнечного блика в фотошопе


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

ШАГ 3.

Вкладка Тиснение, параметры: СтильВнутренний скос, Метод Плавный, Режим подсветкиОсветление основы, Режим тениОсветление основы

Анимация солнечного блика в фотошопе


Вкладка Внутренняя тень, параметры: РежимОсветление основы, остальные – по умолчанию.

Анимация солнечного блика в фотошопе


Вкладка Внутреннее свечение, параметры: РежимОсветление основы, МетодМягкий.

Анимация солнечного блика в фотошопе


Вкладка Наложение цвета, Режим наложенияОсветление основы.

Анимация солнечного блика в фотошопе


Вкладка Внешнее свечение, параметры: РежимОсветление основы, Метод Мягкий.

Анимация солнечного блика в фотошопе


И последнее - Отбрасывание тени в режиме Умножения.

Анимация солнечного блика в фотошопе


ШАГ 3.

Далее скопируем слой с буквой и удалим у него все выше примененные стили, а вместо них применим такие:

Внутренняя тень в режиме Осветления основы

Анимация солнечного блика в фотошопе


Внутреннее свечение в режиме наложения Осветления основы, Метод Мягкий

Анимация солнечного блика в фотошопе


Посмотрим, что должно получиться после таких манипуляций со стилями:

Анимация солнечного блика в фотошопе


ШАГ 4.

Следующим этапом создаем два новых слоя, которые должны располагаться выше всех предыдущих и назовем их “Left” и ”Right”, группируем их (клавиатурное сокращение Ctrl + G) и этой группе устанавливаем режим наложения Осветление основы (Color Dodge). Из палитры инструментов берем кисть, смягчаем ее края и рисуем на правой стороне буквы свечение. То же самое проделываем и слева.

Анимация солнечного блика в фотошопе


ШАГ 5.

Начинаем создавать анимацию. Открываем временную шкалу (Window > Timeline), перед нами должна появится панель шкалы. Самое главное – найти слои со свечением (“Left” и ”Right”). После этого в левой части нужно развернуть их и убедиться, что у каждого стоит нулевой кадр. Мышью кликаем по кнопке «Позиция» (Position) и создаем кадр.

Анимация солнечного блика в фотошопе


Теперь перемещаем позицию на 1:00, а на холсте располагаем слои там, где их место на первой минуте.

Анимация солнечного блика в фотошопе


Вот так выглядит позиция для свечений:

Анимация солнечного блика в фотошопе


Далее, создаем очередной кадр и перемещаем свечения в места, как показано на скришоте:

Анимация солнечного блика в фотошопе


Аналогичным образом создаем кадры до тех пор, пока не закончим анимацию.

Анимация солнечного блика в фотошопе


Временная шкала должна иметь следующий вид:

Анимация солнечного блика в фотошопе


А так вот так должна выглядеть наша анимированная буква.

Анимация солнечного блика в фотошопе


Надеемся, у вас все получилось!

Источник: abduzeedo.com
Переведено специально для 8ART.RU


  • 29 августа 2012 17:00
  • Комментов: 0
  • Настёна
  • Группа: Гости

Пока сделала свой ник чуть с ума не сошла:)
сделать на одной букве просто, а вот если требуется на 6 то это уже намного сложнее. Что бы добиться результата равномерности потратила около пулучаса
  • 2 февраля 2013 12:33
  • Комментов: 0

Подскажите!Почему при скачивании с вашего сайта шрифта на скрине буква ввиде линии а на самом деле у меня жирные буквы. ввиде полосок?
  • 2 февраля 2013 19:11
  • Комментов: 69
  • Lektor
  • Группа: Администраторы

Там есть выбор между жирным и не жирным шрифтом.

выбираете шрифт, а правее от него есть поле для выбора
  • 8 февраля 2013 14:44
  • Комментов: 0

recourse ничего не понятно
  • 10 февраля 2013 16:43
  • Комментов: 69
  • Lektor
  • Группа: Администраторы

Какой из пунктов нуждается в подробном объяснении?
  • 27 сентября 2014 19:23
  • Комментов: 0

Капец!!! Не получается. Не понятно много моментов.
1. Как получился только контур буквы???

Капец!!! Не получается. Много непонятных моментов.
1. Как получился только контур от буквы???
  • 27 сентября 2014 21:36
  • Комментов: 69
  • Lektor
  • Группа: Администраторы

Цитата: mapsianka
Капец!!! Не получается. Не понятно много моментов.
1. Как получился только контур буквы???

Капец!!! Не получается. Много непонятных моментов.
1. Как получился только контур от буквы???


В уроке используется специальный шрифт, который можно скачать, ссылка в уроке в первом шаге.
  • 28 января 2016 15:40
  • Комментов: 0
  • ivan
  • Группа: Гости

У меня вот не получается всё с текстом.
Я написал текст а он не прозрачный что делать?
Информация
Комментировать статьи на нашем сайте возможно только в течении 10 дней со дня публикации.