Мир фотошопа от Алёнки ZZolotko (Весь материал взят с отк... Пятница, 03.05.2024, 02:08
Главная | Регистрация | Вход Приветствую Вас Гость | RSS
Меню сайта
Категории раздела
Фотошоп уроки [657]
Картинки на прозрачном фоне в формате PNG [172]
Уроки анимации [81]
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » Статьи » Уроки анимации

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

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

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



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

Selenia

Категория: Уроки анимации | Добавил: ZZolotko (11.11.2009)
Просмотров: 965 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Вход на сайт
Поиск
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz

  • Copyright MyCorp © 2024
    Сделать бесплатный сайт с uCoz