Urban Rivals RU
Меню сайта
Категории каталога
Материалы сайта
Облако тегов
СКАЧАТЬ кнопки для форума Скачать шаблон на му lineage Скачать медальки для форума Сложный шаблон для uCoz Шаблоны для сайтов Иконки для групп UCOZ Скачать иконки групп Yellow icons Шаблон игровой тематики для UCOZ Скачать шаблон для СОФТПОРТАЛА Скачать шаблон на тему WoW-ZoNe Скачать Шаблон "WorldPress" Иконки груп для ucoz Шаблон сайта на тему НЛО/UFO СКАЧАТЬ кнопки для форума ucoz HDR Что ЭТО?. Что лучше Photoshop или Photomatix Скачать ШАБЛОН НА ТЕМУ КС CS_Team Скачать шаблон для сайта ucoz Как работать в Photoshop - Foto Шаблон для СОФТпортала Скачать сборник скриптов для ucoz за 2008-2009 год Скачать набор кистей в виде растений. Скачать шаблон для uCoz Скачать шаблон для uCoz Иконки made by avdey=) Коррозия текста
Главная » Статьи » Уроки Adobe Photoshop » Анимация

Как сделать Анимированный аватар в PhotoShop

« Анимированный аватар в PhotoShop »

Как сделать анимированный аватар в фотошопе — урок по PhotoShop...

Как вы уже догадались, рисовать мы будем анимированный аватар. Он не сложный, внимательно прочтите урок и вы во всём разберётесь. Если всё-же что-то останется не понятным — не ленитесь и не стесняйтеся, а спросите об этом на нашем форуме или у меня лично.

Ну а назначение данного урока не научить вас рисовать, а научить вас создавать анимацию...

Урок про анимированный аватар в PhotoShop

1. Создаём новое изображение размером 100x100 px:

анимированный аватар в фотошопе

2. Разблокируем слой или создадим новый.

За тем заходим в Layer Style (для этого кликните правой клавишей по слою и там выберите пункт Blending Options), там переходим на вкладку Inner Shadow и настройте параметры самозатенения следующим образом:

анимированный аватар в PhotoShop

3. За тем на вкладке Stroke настройте обводку:

как нарисовать анимированный аватар в фотошопе

4. А на вкладке Pattern Overlay выберите текстуру ввиде горизонтальной штриховки (текстура эта не стандартная, как её создавать можно прочитать здесь — 1й и 2й пункты):

как сделать анимированный аватар в фотошопе

Везде жмём Ok и получаем следующий фон:

сделать анимированный аватар в фотошопе

5. Создайте новый слой, непрозрачность Opacity уменьшите до 50% и какими-либо кисточками что-нибудь нарисуйте (кисточки для PhotoShop можно скачать тут):

сделать анимированный аватар в PhotoShop

6. Снова создайте новый слой, выберите кисточку из набора Silhouette (ссылка на набор в конце урока) и нарисуйте силуэт, например такой:

как нарисовать анимированный аватар в PhotoShop

7. Зайдите в Layer Style и добавьте внешнее свечение (Outer Glow):

как сделать анимированный аватар в PhotoShop

Получиться должно вот так:

анимированный аватар

8. Сейчас напишите какой-нибудь текст, например свой ник, шрифтом чёрного цвета:

урок про анимированный аватар в фотошопе

9. Буквы, расположенные над силуэтом, закрасьте белым цветом:

урок о анимированном аватаре в фотошопе

10. С помощью Polygonal Lasso Tool выделите половину аватара (по диагонали), создайте новый слой и залейте выделение белым цветом (с помощью инструмента Paint Bucket Tool):

анимированный аватар в фотошоп

11. Создадим блик. Для этого сразу добавьте к слою маску (нажмите на кнопку Add Layer Mask на панели слоёв):

урок про анимированный аватар в PhotoShop

12. Выберите инструмент Gradient Tool и залейте выделение чёрно-белым градиентом:

в чём можно сделать анимированный аватар в фотошопе

Должно получиться вот так:

в чём делают анимированные аватары

13. Теперь выберите Ellipse Tool, зажмите клавишу Shift и нарисуйте круг размером раза в два больше чем аватар (в моём примере это круг, вписанный в квадрат со сторонами 277x277 пикселей):

как делаются анимированные аватары

14. Зайдите в Layer Style слоя с кругом и на вкладкеStroke установите примерно следующие значения (размер Size может быть другим — он зависит от размера нарисованного вами круга):

как делают анимированные аватара

15. Теперь непрозрачность заливки слоя Fill уменьшите до 0%:

как можно сделать анимированный аватар

Получить мы должны следующую картину:

анимация в фотошопе

16. Ну а сейчас перейдём к добавлению анимации в наш аватар. Для этого его нужно открыть в программе ImageReady, чтобы это следать зайдите в меню File и там выберите пункт Edit in ImageReady.

В ImageReady передвиньте слой с кружком в самый низ, чтобы он не был виден. Потом на панели с раскадровкой (Animation) создайте новый кадр:

анимация в PhotoShop

17. На новом кадре слой с кружком немного передвиньте вверх, чтобы он стал немного виден:

как делается анимация в PhotoShop

18. Снова создайте новый кадр:

как сделать анимацию в PhotoShop

19. Передвиньте слой с кружком ещё немного выше (примерно на 4 пикселя):

анимированный аватар в ImageReady

20. Продолжайте данные операции до тех пор, пока кружок не будет над головой:

урок про анимацию в ImageReady

21. Сейчас будем расширять наш круг. Ддя этого снова создайте новый кадр, на нём зайдите в Layer Style слоя с кружком, на вкладку Stroke и там уменьшите размер Size до 116 px:

урок про анимацию в фотошопе

Получиться вот так:

урок про анимацию в фотошоп

22. Снова создайте кадр и уменьшите размер обводки до 112 px:

урок про анимацию в PhotoShop

Получится вот так:

анимация в фотошопе

23. Продолжайте повторять последние действия, пока круг не исчезнет из кадра.

Всё. Осталось сохранить нащ анимированный аватар (но ни кто не запрещает его ещё доработать — всё в ваших силах), для этого нажмите File —> Save Optimized As....

Всё! Анимированный аватар готов:

анимированный аватар в PhotoShop

Спасибо за внимание!



Категория: Анимация | Добавил: cinemania (20.12.2008)
Просмотров: 1358 | Рейтинг: 0.0/0 | |Теги:
Пожалуйста! Если вам понравился этот материал напишите свой отзыв. Посетите наш ФОРУМ


Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма Входа
Среда, 01.04.2020, 17:24
-й день

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
 
Логин:
Пароль:
Друзья сайта
Статистика
Рейтинг сайтов
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Лучшие фильмы | Уроки Adobe Photoshop | Шаблоны для uCoz | Онлайн-TV | Кнопки для сайта UCOZ | Иконки для сайтов UCOZ | Скрипты для uCoz