Urban Rivals RU
Меню сайта
Категории каталога
Материалы сайта
Облако тегов
Скачать бесплатно шаблон для ucoz Oslik Скачать шаблон для музыкального портала Скачать бесплатно Большой набор иконок 262 штук Вращающийся онлайн кинотеатр (самообновляемый) V 1.0 Иконки для форума UCOZ Favourites Как снять голубой оттенок от неба Шаблон для дизайн студии Скачать иконки групп ucoz By Saneer Скачать шаблон на му lineage Скачать Адаптация из DLE под ucoz AllForYou Иконки new для новостей uCoz Скачать музыкальные кнопки для ucoz Отличный шаблон для ucoz на тему SOFT PORTAL Скачать набор кистей для фотошопа (PhotoShop) с пятнами краски. Скачать бесплатно кнопки для ucoz Скачать ШАБЛОН на тему Wow Templates Скачать шаблон для ВАРЕЗ-портала Скачать бесплатно Новый Шаблон для UcoZ (от Web-Masteru.Net.Ru) Скачать бесплатно кнопки для форума Гламурные иконки by kz-love Иконки для форума UCOZ - Круглые зелёные иконки. Шаблон для сайтов на тему кино Скачать бесплатно шаблон на тему кс от GoLD_THeMe by ToM@TiK Скачать Шаблон для CS портала на uCoz Скачать шаблон DLE to Ucoz
Главная » Статьи » Уроки 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)
Просмотров: 1663 | Рейтинг: 0.0/0 | |Теги:
Пожалуйста! Если вам понравился этот материал напишите свой отзыв. Посетите наш ФОРУМ


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

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

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