В этом уроке мы рассмотрим, как подготовить картинку для анимации, а также как с помощью программы Photoshop сделать анимацию световых лучей. В данном уроке будет использоваться Фотошоп С5 / Photoshop CS5.

Картинку, которую использовала я можно скачать тут

 

Открываем картинку, из которой хотим сделать анимацию. Желательно чтобы картинка была не слишком темной.

 

Теперь создаем новый документ с нужным вам размером аватара (100х100, 100х150, 200Х200). Я сделаю 200х200 px. Перетаскиваем нашу картинку в созданный документ и устанавливаем в нужном положении, если необходимо немного уменьшаем размер.

 

  

Теперь приступим к подготовке нашей картинки.

Выделяем дубликат с помощью окружности (М).

 

 

Инвертируем выделение Select/ Inverse (Выделение/ инверсия).

 

  

 

Создаем дубликат слоя с выделенной частью картинки нашего аватара (Ctrl+J).

 

 

Заходим Filter/ Blur/Gaussian Blur (Фильтр - размытие- размытие по Гауссу) и выставляем 2,3px.

 

Создаем новый слой и делаем на нем квадратное выделение (М).

 

  

Инвертируем выделение Select/ Inverse (Выделение/ инверсия).

 

 

Заливаем его белым цветом.

 

 

 

Заходим Filter/ Blur/Gaussian Blur (Фильтр - размытие- размытие по Гауссу) и выставляем размытие на 4,2px.

 

 

Для слоя с белой рамкой выставляем прозрачность в 63%.

 

 

Добавляем контраста Layer>/New Adjustment Layer >Brightness/Contrast (Слои - новый корректирующий слой - яркость/контрастность).

Сливаем все слои в один Layer>/Merge Visible (Слои - объединить видимые слои )(Ctrl+Shift+E).

 

Теперь займемся анимацией.

Создаем новый слой и заливаем его черным цветом. Затем берем мягкую кисть размером 100px (если аватар меньше чем 200px, то и кисть берем меньше) и ставим два пятна в углу друг против друга.

 

 

 

Для слоя выставляем параметры Linear Burn (линейный затемнитель) и Fill (45%).

  

 

Создаем еще три слоя, таким же способом и настройками как предыдущий слой. Только белые окружности немного перемещаем с каждым слоем против или по часовой стрелке.

  

Переходим на первый слой с окружностями и выключаем просмотр остальных.

 

 

Запускаем панель анимации. Выставляем для первого кадра время 0,15 сек. Затем создаем еще три кадра.

 

 

Для второго кадра включаем 3 слой -2 слой выключаем.

Для третьего кадра включаем 4 слой -3 слой выключаем.

Для четвертого кадра включаем 5 слой -4 слой выключаем.

 

 

 

Заходим File /Save for Web….( Файл/ сохранить для Web…) (Alt+Shft+Cntr+S).

И в параметрах выставляем Gif

 

 

 

Автор урока: Prescilla
Данный материал подготовлен для Вас командой сайта http://bakemono.ru