С анимацией вы уже знакомы по прошлым урокам. Сегодня попробуем сделать еще одну анимированную картинку. Пример такой картинки логотип (см. главную страницу сайта), текст с бегущим по нему лучиком. Но можно взять не текст, а любую картинку и направить по ней не лучик, а что-то другое.

   Начали. Рассмотрим самый простой вариант. Создаем прозрачный фон File - New... (файл новый). В выпавшем окне задаем размер 500х100 и прозрачность, и кликаем ОК.

   Далее, создаем новый слой (2), для этого в верхнем горизонтальном меню выбираем Layer - New - Layer (слой - новый - слой). В панели инструментов выбираем Т (горизонтальный текст). Размер тип и цвет шрифта задаем по желанию. Печатаем текст, располагая его так, чтобы по бокам был пустой фон (рис.1).

  рис.1

  Создаем еще новый слой (3). На панели инструментов выбираем Brush Tool (кисть) и рисуем вертикальную линию впереди нашего текста (рис.2).

Внимание! Текст и луч не должны быть одного цвета.

  рис.2

  Если у вас Adobe Photoshop CS3, в верхнем меню в окне Window  выбираем Animation (окно анимации). Если более ранняя версия, то в верхнем горизонтальном меню кликаем File - Edit in ImageReady (файл - править в ImageReady). После того как отроется это приложение, идем в верхнем меню Window – Animation (окно анимации). Обычно это окно уже открыто по умолчанию и в нем есть первый кадр (рис.3).

   Начинаем создавать кадры.

  рис.3

  Для того чтобы сделать второй кадр, в Animation (окне анимации) кликаем мышкой  Duplicates selected frames (копировать выбранный кадр). Получились два одинаковых кадра (рис.4).

  рис.4

   В палитре слоев активируем слой с вертикальной полосой, кликнув по нему мышкой. А в окне анимации кликаем по второму кадру.

Переходим к самой картинке и мышкой передвигаем вертикальную зеленую линию так, чтобы она оказалась после текста (рис.5).

  рис.5

  Для того, чтобы зеленый луч проходил только по тексту, заходим в верхнем меню в Layer-Create Clipping Mask (создать обрезную маску). В палитре слоев должно получиться вот так (рис.6).

  рис.6

  На рисунке зеленая полоса исчезла (рис.7).

  рис.7