Urban Rivals RU
Меню сайта
Категории каталога
Материалы сайта
Облако тегов
шаблон для сайта neontheme Скачать кисти Веточки, цветы, трава Скачать кисти для фотошопа с изображениями природы, леса... Шаблон для сайта на тему Counter Strike Шаблон для укоз СКАЧАТЬ кнопки для форума ucoz Анимация в PhotoShop, создание аватара в Photoshop 30 Видеоуроков Photoshop от Сергея и Марины Бондаренко Вращающийся онлайн кинотеатр (самообновляемый) V 1.0 Скачать иконки ucoz Скачать шаблон DLE to Ucoz StyleX Как снять голубой оттенок от неба Красивый шаблон для UCOZ Красные иконки для сайта ucoz Набор иконок для форумов в системе UcoZ - Серебристые иконки Как сделать шапку сайта в фотошопе (PhotoShop) Скачать бесплатно шаблон на тему кс от GoLD_THeMe by ToM@TiK Использование Actions в анимации. Основы анимации для новичков Шаблон для клана КС Как сделать Стильный анимированный аватар в фотошопе Скачать Дизайн сайта REAL MADRID Скачать cs-clan шаблон by bannerkz.ru для UCOZ Скачать шаблон Counter sTrike Шаблон игрового поратал для УКОЗ
Главная » Статьи » Уроки 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)
Просмотров: 1697 | Рейтинг: 0.0/0 | |Теги:
Пожалуйста! Если вам понравился этот материал напишите свой отзыв. Посетите наш ФОРУМ


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

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

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