Urban Rivals RU
Меню сайта
Категории каталога
Материалы сайта
Облако тегов
Иконки скачать для сайта Иконки made by avdey=) Иконки для УкоЗ Иконки для форумов в системе UcoZ Скачать бесплатно шаблон для UCOZ от STEAM GAME by eKa Скачать шаблон на темуWarcraft 3 Portal by -=Wolf=- Отличный шаблон для УКОЗ Скачать шаблон на тему RAP шаблон для сайта snoopy2008. Скачать иконки групп ucoz By Saneer Скачать абстрактные кисти для фотошопа Набор иконок для форумов в системе UcoZ - Лиловые иконким Как нарисовать красивый логотип в фотошопе... шаблон для сайта "зеленый" Скачать шаблон для клана CS 1.6 Красивые иконки для сайта ucoz « Новогодний стекляный шар в PhotoShop » Шаблон на тему кино Jтличный шаблон для uCoz Красивый шаблон для Кс сайта Скачать шаблон для БЛОГА Скачать бесплатно шаблон для ucoz на тему Rap Скачать кисть для фотошопа - Смешные Смайлы Иконки груп для ucoz Скачать DLE to Ucoz Evilman
Главная » Статьи » Уроки Adobe Photoshop » Для сайта

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

« Стильный анимированный аватар в фотошопе »

Как в фотошопе (PhotoShop) нарисовать стильный аватар с анимацией

Мне поступило много вопросов: Как сделать в фотошопе аватар как у Вас? По многочисленным просьбам я написал этот урок — он о том, как я рисовал свой аватар — в нём я использовал простенькую анимацию.

Если будут какие-либо трудности — перечитайте прошлые уроки...

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

1. Создаём новое изображение размером 100x100 пикселей. Создаём новый слой и заливаем его любым цветом (с помощью инструмента Paint Bucket Tool):

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

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

как нарисовать аватар

3. Переходим на вкладку Gradient Overlay и выставим там следующие параметры (красным текстом я написал шестнадцатиричные кода цветов):

урок про аватары

4. Жмём Ok и получаем такой фон:

урок про создание аватаров

5. Создаём новый слой и нарисуем на нём что-нибудь, напирмер с помощью какой-либо кисточки (кисточку, которую я использовал в уроке, можно скачать в конце урока):

как сделать аватар

6. Параметр Blend Mode данного слоя изменим с Normal на Overlay (данный параметр изменяется на панеле слоёв Layers в верхнем левом углу):

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

7. Создадим ещё один слой, зальём любым цветом. Непрозрачность Fill выставьте в 0%. Теперь зайдите в Layer Style на вкладку Pattern Overlay, выберите текстуру ввиде косой штриховки (как она создаётся было рассказано в уроке о создании логотипа (пункт №6) или UserBar'а (в пункте №5) ) и выставьте следующие значения:

нарисовать аватар в фотошопе

Жмём Ok и видим результат:

урок о создании аватаров

8. Напишем какой-нибудь текст, например свой ник:

урок о создании аватара в фотошопе

9. Заходим в Layer Styles на вкладку Stroke и выставим следующие значения:

как в фотошопе сделать аватар

10. На вкладке Gradient Overlay сделаем такой градиент:

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

11. А на вкладке Outer Glow добавим внешнее свечение:

стильный аватар в PhotoShop

12. Жмём Ok и получаем такой-вот сияющий текст:

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

13. Снова создаем новый слой и выполним следующее выделение (для этого можно использовать любой понравившийся вам инструмент для выделения, например Polygonal Lasso Tool):

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

14. Выбираем инструмент Gradient Tool, выбираем белый цвет и способ заливки с плавным переходом белого цвета в прозрачный, и заливаем им выделение сверху вниз. И в результате мы получим слегка заметный блик (у вас может получиться немного по-другому):

как в PhotoShop нарисовать аватар

15. Создаём новый слой, заливаем его любым цветом и заходим в Layer Style на вкладку Inner Glow:

как нарисовать аватар в PhotoShop

16. И на вкладку Stroke:

нарисовать аватар с анимацией

17. Жмём Ok и получаем такой-вто бордюрчик:

урок про создание аватаров

18. Увеличим изображение, быбираем инструмент Polygonal Lasso Tool и не спеша делаем следующее выделение:

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

19. Зальём его белым цветом:

урок о рисовании аватаров в PhotoShop

20. Сейчас нужно зайти в Layer Style и добавить внутреннюю тень (Inner Shadow):

урок PhotoShop — как нарисовать аватар

21. Жмём Ok. Должно получиться примерно так, как и у меня:

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

22. А сейчас создадим новый слой и нарисуем там (по желанию) кирпичики:

как рисуется аватар

23. Напишем над полученным фоном что-нибудь, например название сайта, ваше ICQ или E-Mail:

как рисуются аватары

24. Сейчас добавим несложную анимацию. Для этого нужно перенести изображение в программу Adobe ImageReady (чтобы это сделать в меню File выберите пункт Edit in ImageReady).

На панеле Animation добавьте несколько кадров (мне хватило 14 кадров) — для этого нажмите несколько раз кнопку Duplicates current frame на той же панеле, снизу:

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

25. Осталось изменить каждый кадр. Делается это так:

Первый кадр мы оставим как есть, сразу кликаем по второму кадру.

Затем на панеле слоёв Layers выбираем слой с ником и заходим в Layer Style, там, на вкладке Outer Glow уменьшите немного непрозрачность свечения (Opacity), жмите Ok:

Переходим на следующий кадр и снова немного уменьшим непрозрачность свечения и делаем так до тех пор, пока свечение не станет еле заметным.

После этого нужно так же постепенно увеличивать непрозрачность. Как это всё сделаете — нужно настроить параметры оптимизации изображения (качество):

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

Осталось только сохранить наш анимированный аватар. Для этого в главном меню жмём File —> Save Optimized As.... Вот что получилось у меня:

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

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

.: Дополнительно :.

Скачать шрифт, используемый в нике — « TempusSans ITC » | ZIP, 52,7 КБ

Скачать шрифт для нижней надписи — « Hooge 05 55 Cyr 2 » | ZIP, 15,2 КБ

Скачать кисточку, используемую в уроке — « Splatteris M1 » | ZIP, 385 КБ



Категория: Для сайта | Добавил: cinemania (28.12.2008)
Просмотров: 2079 | Комментарии: 3 | Рейтинг: 5.0/1 | |Теги:
Пожалуйста! Если вам понравился этот материал напишите свой отзыв. Посетите наш ФОРУМ


Всего комментариев: 3
30.11.2009
и переведите пожта на русском ато у меня русская версия smile



30.11.2009
а как кисточку добавить и чёт у меня кисточка не ресует sad



18.01.2009
1. RePeR ( neos123 )
у меня проблем с анимацией:
Когда я пытаюсь изменить надпись на одном слоте анимации,то у меня изменеятсе на всех слотах, надо мне надо чтобы на каждом слоте была разная надпись! sad



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

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

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