Уроки Photoshop от brush.spoke.ru

  Все выпуски  

Уроки Photoshop от brush.spoke.ru -Анимация блика в Photoshop и ImageReady


Сможешь нарисовать смайлик? Получи графический планшет! Подробнее...
"Подлянка Фрекен Бок" 2006г.
“Добро пожаловать”
"Как ослик Иа хвост потерял..."
Прочитать Анимация блика в Photoshop и ImageReady
Прочитать Открытка в Adobe Illustrator
Прочитать Трассировка изображения в Illustrator
Прочитать Создание рваного текста
Прочитать Предпечатная подготовка, верстка и написание Postscript в CorelDRAW
Прочитать Верстка плаката

Информ-Лента

Конкурс!!!
Закончился прием работ на конкурс "Лучшие смайлики", всего было представлена 21 работа. У Вас еще есть время проголосовать за работы участников конкурса, каждый голос может повлиять на результат! Торопитесь.
Подробности здесь.

Рассылки Subscribe.Ru
Кино-обои от Hit-kino.ru

Рассылки Subscribe.Ru
Уроки Adobe Illustrator от brush.spoke.ru

Есть вопрос или идея по поводу нового урока? Выскажите его администрации.
Задать вопрос.

Анимация блика в Photoshop и ImageReady
автор: Alex

Итак, рассмотрим пример создания простой анимации. Анимировать мы будем блик на тексте.

Adobe Photoshop

В Adobe Photoshop пишем любую надпись (в моём случае слово "блик"). Применяем к ней заливку (рис.1).

Анимация блика в Photoshop и ImageReady

рис.1

Применим к фону либо заливку, либо текстуру, либо и то и другое, как сделал я. Для этого я воспользовался параметрами Blending Options (рис.2).

Анимация блика в Photoshop и ImageReady

рис.2

Нарисуем блик. Для этого я воспользовался пером (Pen). На рис.3 представлено, как примерно он должен выглядеть. Я специально окрасил его в красный цвет, чтобы он сразу был виден.

Анимация блика в Photoshop и ImageReady

рис.3

В палитре слоёв выставим значение Fill=0 и в Blending Options задаём градиентную заливку из белого в чёрный с наложением Lighten. Результат представлен на рис.4.

Анимация блика в Photoshop и ImageReady

рис.4

Теперь нам нужно добиться того, чтобы блик не выходил за пределы текста. Выделяем слой с бликом и применяем маску (Layer/Create Clipping Mask). Как видите на рис.5, теперь блик не выходит за границы текста.

Анимация блика в Photoshop и ImageReady

рис.5

Анимация блика в Photoshop и ImageReady

AdobeImageReady

Переходим в Image Ready, нажав на соответствующую кнопку в панели инструментов. В палитре animation создаём новый кадр. Этот кадр будет последним. В первом кадре переместим блик в начало текста, в последнем - в конец. Чтобы не перемещать в каждом кадре блик вручную, выполним автоматическую раскадровку. Выделяем два кадра и нажимаем кнопку Tween animation frames. Задаём количество промежуточных кадров. В результате у нас должно получиться то же, что и на рис.6.

Анимация блика в Photoshop и ImageReady

рис.6

Сохраняем получившийся GIF файл (Save Optimised as...) и смотрим на результат (рис.7).

Анимация блика в Photoshop и ImageReady

рис.7

Как видите, всё просто и быстро. Мы дольше создавали фон и текст, чем саму анимацию.


В избранное