Анимация Веб-дизайн Тюнинг Обработка фото Спецэффекты Эффекты текста Фотомонтаж Планшет
Скачать кисти Скачать книги Программы Скачать стили Скачать шрифты
Форум Новости Конкурсы Интервью Сайт-шоу Обзоры Партнеры Реклама Контакты Гостевая
Словарь терминов Горячие клавиши Установка Фотошопа
Фотомонтаж - меняем фон
Фотомонтаж - меняем фон


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


Как сделать макияж в Adobe Photoshop
Как сделать макияж в Adobe Photoshop


Как сделать текст из фото
Как сделать текст из фото


Предчувствие весны (рисуем девушку)
Предчувствие весны (рисуем девушку)

Главная страница » Анимация » Сверкающая одежда (анимация)

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

Анимация  11 октября 2007  Просмотров: 7892   

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

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



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

Selenia


Если у Вас есть вопросы, можете задать их на нашем форуме.

Блог о продвижении сайтов и веб-дизайне

Понравился материал? Добавьте его в или подпишитесь на обновления сайта по e-mail (более 4400 подписчиков) или RSS (Как лучше читать RSS?).

 (голосов: 25)



 Похожие материалы:

  • Анимация рукописного текста
  • Эффект разрезанного фото
  • Учимся создавать анимацию
  • Сверкающее око (анимация)
  • Анимация

  • Рассылка 'Уроки Фотошоп на Globator.com'

     
    Интевью с Aliveart
    Aliveart-победитель конкурса "Мартовский кот"


    Амазонка - 1 место на конкурсе
    Амазонка - 1 место на конкурсе "Каждая девушка – загадка"


    Snailmeow - победительница конкурса Валентинок
    Snailmeow - победительница конкурса Валентинок


    Видеоуроки по Photoshop и ImageReady

    Экспертиза проектов: новый сайт об экспертизе проектов и цены звоните и узнавайте. продажа авто - московская область. удельный вес фанеры, фанера удельный вес фанеры

    Анимация
    Веб-дизайн
    Тюнинг
    Обработка фото
    Спецэффекты
    Текстовые эффекты
    Фотомонтаж


    Яндекс цитирования Rambler's Top100

    О проекте

    Globator.net- это подробные уроки Photoshop, художественные кисти, красивые стили и полезные шрифты. Здесь вы найдете оригинальные уроки Фотошоп по следующим тематикам: фотомонтаж, обработка фото, анимация, спецэффекты, виртуальный тюнинг автомобилей и текстовые эффекты.

    Подписка на обновления сайта

    Вы можете получать обновления globator.net на e-mail или в свой RSS-ридер.


    Всего подписчиков:Рассылка 'Уроки Фотошоп на Globator.com'
    В случае перепечатки материалов сайта активная гиперссылка на Globator.net обязательна
    Уроки Photoshop, кисти Photoshop, стили и шрифты на Globator.net©   2006-2008
    Design by Globator