-неизвестно

 -неизвестно

 -Поиск по дневнику

Поиск сообщений в Nonita_T

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 10.08.2012
Записей:
Комментариев:
Написано: 691


Уроки анимации - сверкающая одежда

Понедельник, 17 Декабря 2012 г. 13:50 + в цитатник
Цитата сообщения ledi_Meledi Урок - Сверкающая одежда

 

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


Анимированный аватар в 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



 


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

Пока! И удачи вам.



Урок из инета.

 

ledi_Meledi
Рубрики:  Оформление, дизайн
Метки:  

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку