Эффект световых лучей

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

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

 

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

аниме девочка со злобным зайцем

 


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

 аниме заяц

  

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

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

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

 


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

 Инвертируем выделение Select/ Inverse

  

 

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

Создаем дубликат сло

 

 

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

размытие- размытие по Гауссу

 


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

 квадратное выделение

  


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

Инвертируем выделение 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

Данный материал предоставлен владельцами сайта Bakemono.RU и имеют на него полные авторские права. При копировании или частичном использовании данных новостей на других сайтах, в обязательном порядке уведомить автора данной новости "Prescilla" и разместить активную ссылку на источник.

+ +62 -
Комментарии к Эффект световых лучей
Офлайн
Кимико 18 ноября 2013 21:21
+ 0 -
я не могу найти "Квадратное выделение" ak
Офлайн
zyfcnzgegthrkfcc 15 сентября 2012 09:04
+ 0 -
Милый Ангел,
смотри там вверхней панели написанно "Редактирование" "Файлы" и т.д
и ищешь "Окно" оно предпоследнее. нажимаешь. и ищешь там анимацию. и нажимай.
удачи cb
--------------------
Я отдам свою подругу только в те руки, которые будут её любить больше, чем я.
Офлайн
Элька-сенсей
Элька-сенсей 15 сентября 2012 03:58
+ 0 -
az пасяб! усё так просто и понятно! а раньше фотошоп был чемто пострашнее ночного кладбищя с бабайками sm32
Офлайн
zyfcnzgegthrkfcc 17 августа 2012 13:02
+ 0 -
Получилось, спасибо за урок love
--------------------
Я отдам свою подругу только в те руки, которые будут её любить больше, чем я.
Офлайн
Prescilla 17 августа 2012 11:38
+ 0 -
zyfcnzgegthrkfcc, выложи свою работу через радикал
--------------------
Офлайн
zyfcnzgegthrkfcc 16 августа 2012 20:55
+ 0 -
у меня получилось так что первая мигает картинка девочки, а потом чёрные круги вертятся, потом опять так же заново, помогите что делать?
--------------------
Я отдам свою подругу только в те руки, которые будут её любить больше, чем я.
Офлайн
ka27gl
ka27gl 25 июля 2012 22:36
+ 0 -
Спасибо большое за урок delighted Результат на авку поставила fascinated

Ой, я забыла настроить кое что =.=""""
Офлайн
Aniza-san
Aniza-san 15 июня 2012 11:04
+ 0 -
Prescilla, большое спасибо за урок))
__
P.s. результат на аве)
Офлайн
Милый Ангел 20 января 2012 21:26
+ 0 -
На верно я такая тупая,но я не могу найти панель анимации....
Если к ней какие нибудь горячие клавиши?
Офлайн
MiraHayneki
MiraHayneki 13 ноября 2011 07:43
+ 0 -
У мя не получилось not но я так старалась...
Офлайн
Lexa2000
Lexa2000 6 ноября 2011 14:20
+ 0 -
надо же,у меня получилось lol
Пригодилось.Уже. Аригато Десу delighted
Офлайн
Амая Тао
Амая Тао 13 октября 2011 19:54
+ 0 -
Спасибо, теперь я поняла sm16
Офлайн
Krovaliya
Krovaliya 12 октября 2011 07:50
+ 0 -
спасибо за урок ay
но у меня чет не получилось ak
Офлайн
Prescilla 27 февраля 2011 20:59
+ 0 -
MasЬka aka MysЬka, добавила в начало урока.
--------------------
Офлайн
MasЬka aka MysЬka
MasЬka aka MysЬka 27 февраля 2011 20:16
+ 0 -
Prescilla,я неаерно уже надоела...Ох,но мне так понавилась картинка можешь дать? fascinated
Офлайн
Gumi
Gumi 7 февраля 2011 16:00
+ 0 -
Спасибо большое за урок love
Офлайн
Ore-sama
Ore-sama 2 февраля 2011 17:13
+ 0 -
Спасибо за урок!!!!! shy hello
Офлайн
EasterNightmare
EasterNightmare 2 января 2011 09:22
+ 0 -
Спасибо огромное за урок! =^^=
Офлайн
Prescilla 14 ноября 2010 22:07
+ 0 -
Цитата: desu
А у меня один раз воспроизведется и останавливается. Что неправильно?

desu, при сохранении File /Save for Web….( Файл/ сохранить для Web…). Выстави режим Forever (в самом низу)
--------------------
Офлайн
Animeshka kawaii
Animeshka kawaii 8 ноября 2010 17:45
+ 0 -
вааай!пасипки!!получилось fascinated
Офлайн
desu
desu 5 ноября 2010 15:16
+ 0 -
А у меня один раз воспроизведется и останавливается. Что неправильно?
Офлайн
ISE Rose
ISE Rose 3 ноября 2010 08:07
+ 0 -
у меня не сохраняет ((( ошибку выдает(
Офлайн
Prescilla 29 октября 2010 17:24
+ 0 -
Цитата: 007gtr
я не понял как делать выдиление м


М - это горячая клавиша анг. клавиатуры, которая вызывает инструмент выделения, где можно выбрать выделение прямоугольником или окружностью.
--------------------
Офлайн
007gtr
007gtr 29 октября 2010 14:51
+ 0 -
я не понял как делать выдиление м feel
Офлайн
Prescilla 27 октября 2010 21:44
+ 0 -
Цитата: Geliodos
Хмм... А он разве там был?Ну, до того как я об этом написал?Быть не может, чтобы я этого не заметил...

Был... был...

Но для наглядности могу и в урок добавить know , мне не сложно
--------------------
Офлайн
Geliodos
Geliodos 27 октября 2010 21:35
+ 0 -
конечный результат показан при входе в урок...

Хмм... А он разве там был?
Ну, до того как я об этом написал?

Быть не может, чтобы я этого не заметил... shy
Офлайн
Prescilla 27 октября 2010 10:46
+ 0 -
Geliodos, конечный результат показан при входе в урок...
--------------------
Офлайн
Geliodos
Geliodos 27 октября 2010 02:15
+ 0 -
Урок конечно интересный, но где получившийся результат?
Не спорю, я не сломаюсь, повторив подобное в фотошопе, но всё же в конце подобного урока не плохо было бы получившийся результат выкладывать...
Хотя бы для того, чтобы ещё и визуально со всем ознакомиться!
Офлайн
Гаара9614
Гаара9614 26 октября 2010 17:10
+ 0 -
классная у меня ава на форуме будет furious
спасибо за урок
Офлайн
Uri
Uri 25 октября 2010 10:23
+ 0 -
Спасибо за урок fascinated
Пригодится delighted
Добавить комментарий
    • bxbybzcacb2cc2cd
      cecfcgchcicjck
      clcmcpcsctcucv
      cwdadbdcsleepaoknow2
      burpfuriousccazslobbersm32bj
      arfearfeelbusm28sm16be
      killshyslapfascinatedalnotlove
      helloakangrybbapeaylol
      kisssmilecbdelightedyesknowwhat
      ancheerseh