Сверкающая одежда (анимация)

Результат урока:

Анимированный аватар в Adobe Photoshop


Приветик! Этот урок от Selenii №1.

Хочу, что бы и вы знали, как можно сделать простое и красивое медленное мигание отдельных фрагментов. Есть два способа сделать это, тут мною описывается первый, и самый простой:

Берём нужную нам картинку, я взяла недавно сделанный мною аватар.

Анимированный аватар в Adobe Photoshop 1


Аккуратно выделяем нужный нам фрагмент (с помощью маски, лассо, волшебной палочки – разницы нет)

Анимированный аватар в Adobe Photoshop 2


И нажимаем Ctrl+J, что бы сдублировать этот фрагмент. В окне слоев (F7) появился новый слой:

Анимированный аватар в Adobe Photoshop 3


Дальше работаем с уровнями. Нажимаем на появившийся слой и выбираем
Image-Adjustments-Levels
Изображение-Регулировки-Уровни
(Ctrl+L):

Анимированный аватар в Adobe Photoshop 4


Выставляем нужные нам параметры, делая светлее или темнее (по своему усмотрению):

Анимированный аватар в Adobe Photoshop 5


Результат на данный момент:

Анимированный аватар в Adobe Photoshop 6


Потом, нажав ОК, дублируем слой желаемое количество раз (Ctrl+J) – чем больше слоёв, тем плавнее получится мигание. И выставляем прозрачность. На первый дубликат допустим 35%.

Анимированный аватар в Adobe Photoshop 7


На второй примерно 60%:

Анимированный аватар в Adobe Photoshop 8


А на третий 85%. (Это можно делать по своему усмотрению, но прозрачность должна быть очерёдной!)

Анимированный аватар в Adobe Photoshop 9


Теперь идём в Image Ready (Shift+Ctrl+M).

Анимированный аватар в Adobe Photoshop 10


Создаём в окне анимации слои, нажимая на иконку создания слоя. Создаём в два раза больше слоев, чем у нас имеется (у меня их десять):

Анимированный аватар в Adobe Photoshop 11


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

Анимированный аватар в Adobe Photoshop 12


Дойдя до середины каждый, скорей всего, остановится с мыслью «А что ставить на оставшиеся пять кадров??» Ставим то же самое, только в обратном порядке. То бишь, если середина – самый яркий свет, то дальше он должен быть тусклее и тусклее.

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

Анимированный аватар в Adobe Photoshop 13


Выставляем нужное нам время (у меня 0,1 секунды). Я не советую выставлять больше чем секунду на «левых» фрагментах. Так как, если выставить больше, будет резко и видно кадры. Поставим лишь на первом кадре самое большое время (0,5 секунды).

Наконец, благополучно закончив нашу, едва возможную задачу сохраняем рисунок. Надеюсь, все это умеют? ;) (На всякий случай покажу)):

Анимированный аватар в Adobe Photoshop 14


Ну вот и всё, результат должен получится таким:

Анимированный аватар в Adobe Photoshop 15


Желаю побыстрей научиться работать с фотошопом. Все действия, по идее, можно выполнять в любой версии. Можете экспериментировать, меняя местами слои и выставляя другое время.
Пока! И удачи вам от

Selenia

Анимация рукописного текста Анимация рукописного текста
 Автор:ГлобаторСложность:ВысокаяУрок по созданию анимированного текста.Эффект самопишущейся рукописной надписи.

Эффект разрезанного фото Эффект разрезанного фото
 Автор:НикусяСложность:СредняяУрок по созданию разрезанного фото.Составляем фото из маленьких кусочков.

Сверкающие глаза (анимация) Сверкающие глаза (анимация)
                Создаем анимированные сверкающие глаза.Очень подробный урок Adobe Photoshop.

Делаем стеклянную иконку. Делаем стеклянную иконку.
После удачного выполнения этого не очень простого урока, вы получите иконку, подобную этой :Предупреждаю сразу, что урок не рассчитан на новичков!!!

Анимация Анимация
 Автор:КрасныйСложность:ЛегкаяСоздаем анимацию всего за несколько минут.Анимированный эффект легко и просто!