В этом уроке мы рассмотрим, как подготовить картинку для анимации, а также как с помощью программы 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
Данный материал подготовлен для Вас командой сайта https://bakemono.ru
я не могу найти "Квадратное выделение"
Милый Ангел,
смотри там вверхней панели написанно "Редактирование" "Файлы" и т.д
и ищешь "Окно" оно предпоследнее. нажимаешь. и ищешь там анимацию. и нажимай.
удачи
Получилось, спасибо за урок
zyfcnzgegthrkfcc, выложи свою работу через радикал
у меня получилось так что первая мигает картинка девочки, а потом чёрные круги вертятся, потом опять так же заново, помогите что делать?
Спасибо большое за урок
Результат на авку поставила 
Ой, я забыла настроить кое что =.=""""
Prescilla, большое спасибо за урок))
__
P.s. результат на аве)
На верно я такая тупая,но я не могу найти панель анимации….
Если к ней какие нибудь горячие клавиши?
У мя не получилось
но я так старалась…
надо же,у меня получилось

Пригодилось.Уже. Аригато Десу
Спасибо, теперь я поняла
спасибо за урок
но у меня чет не получилось
MasЬka aka MysЬka, добавила в начало урока.
Prescilla,я неаерно уже надоела…Ох,но мне так понавилась картинка можешь дать?
Спасибо большое за урок
Спасибо за урок!!!!!

Спасибо огромное за урок! =^^=
desu, при сохранении File /Save for Web….( Файл/ сохранить для Web…). Выстави режим Forever (в самом низу)
вааай!пасипки!!получилось
А у меня один раз воспроизведется и останавливается. Что неправильно?
у меня не сохраняет ((( ошибку выдает(
М – это горячая клавиша анг. клавиатуры, которая вызывает инструмент выделения, где можно выбрать выделение прямоугольником или окружностью.
я не понял как делать выдиление м
Был… был…
Но для наглядности могу и в урок добавить
, мне не сложно
Хмм… А он разве там был?
Ну, до того как я об этом написал?
Быть не может, чтобы я этого не заметил…
Geliodos, конечный результат показанпри входе в урок…
Урок конечно интересный, но где получившийся результат?
Не спорю, я не сломаюсь, повторив подобное в фотошопе, но всё же в конце подобного урока не плохо было бы получившийся результат выкладывать…
Хотя бы для того, чтобы ещё и визуально со всем ознакомиться!
классная у меня ава на форуме будет
спасибо за урок
Спасибо за урок

Пригодится