Urban Rivals RU
Меню сайта
Категории каталога
Материалы сайта
Облако тегов
Шаблон для укоз by EVILMAN (бесплатно) Скачать кнопки для форума Огненные иконки для форума UCOZ Скачать бесплатно шаблон для UCOZ от STEAM GAME by eKa Меняем цвет автомобиля в фотошопе wow шаблон Шаблон сайта для ucoz Скачать автомобильный шаблон Шаблон для сайта КС Глянцевая навигационная панель для сайта Красивый шаблон для ucoz Crfxfnm valve portal shablon Анимация в Фотошоп. Оживляем звук в ФОТОШОП icons for ucoz Иконки для УКОЗ Как сделать Анимированный аватар в PhotoShop Скачать шаблон бесплатно Скачать кнопки для форума ucoz СКАЧАТЬ кнопки для форума ucoz Скачать голубой шаблон для сайта Скачать шаблон для ucoz Кс шаблон для uCoz Скачать шаблон для СОФТПОРТАЛА Иконки by kz-lovе тема cs Скачать иконки ucoz
Главная » Статьи » Уроки 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)
Просмотров: 1689 | Комментарии: 3 | Рейтинг: 5.0/1 | |Теги:
Пожалуйста! Если вам понравился этот материал напишите свой отзыв. Посетите наш ФОРУМ


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



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



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



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

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

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