Urban Rivals RU
Меню сайта
Категории каталога
Материалы сайта
Облако тегов
Иконки с анимацией для форума UCOZ Как сделать Эффект загнутой страницы Как сделать эффект элетрического текста Скачать Адаптация из DLE под ucoz AllForYou Кисти оружее скачать Скачать шаблон бесплатно Rip ICQ By EVILMAN Шаблон для Вареза Templates for ucoz Набор кнопок для ucoz Скачать автомобильный шаблон Скачать шаблон для uCoz icons pack UCOZ Иконки для ФОРУМА ucoz Иконки груп для ucoz Скачать WindowZ by Aspire Иконки групп для форума "by DRaGoN" Шаблон UCOZ на тему cs by bannerkz Скачать шаблон РЭП дизайн Красивые иконки для сайта ucoz Шаблон UCOZ на тему Новый ГОД Шаблон беспалатный ДЛЯ ucoz Анимация в Фотошоп. Оживляем звук в ФОТОШОП фильтр Noiseware в PHOTOSHOP Jтличный шаблон для uCoz Отличный шаблон для uCoz бесплатно
Главная » Статьи » Уроки Adobe Photoshop » Для сайта

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

« Рисуем красивый именной аватар »

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

Сразу, прежде чем приступить к уроку, почитайте интересную информацию о аватарах - что это такое, как они возникли, где используются и др.

Что такое аватар?

Аватар — это маленькая картинка, наиболее полно отражающая Вашу сущность, внешность, характер. Это маленький кусок графики, который воплощает и улавливает самую сущность Вас, эдакая электронная душа человека...

История возникновения аватаров

История возникновения аватаров покрыта сплошной тайной. Так что точно и неизвестно кто первый начал использовать аватар, и как пришла ему данная идея. Можно отметить, что само название аватар несет в себе божественное создание, Аватар — это с санскрита — означает физическое воплощение Бога на земле...

Откуда произошло слово аватар?

Слово Avatar (в русском написании принято — «аватара») было известно задолго до широкого распространения компьютеров и Интернета. Происходит из индуизма, где означает воплощение индуистского божества в какое-либо существо. Например, бог Индра-громовержец в одной из своих аватар был червём. Небезызвестный Кришна из Махабхараты был, говорят, аватарой бога Вишну. У последнего вообще много аватаров было. И черепахой он побыл и ещё кем-то. Даже Будда в индуизме считается его аватарой. При этом аватары вели вполне самостоятельное существование, но где-то в них была божественная сущность, которая как-то проявлялась. И у одного бога могло быть несколько аватар одновременно.

Так что употребление слова «аватара» (всё-таки в русском принято с окончанием «а», не надо бы калькировать английское произношение) для обозначения «виртуальных личностей», в которые воплощается их «реальный» хозяин — очень точное и уместное.

И всё же что такое аватар?

Аватар — это «виртуальный персонаж», alter ego любителя поиграть в киберпространственные игры. Некто, скрывающийся за вымышленным именем, и ведущий от этого имени виртуальную деятельность. Иногда злокозненную.

Слово это было выдумано авторами научно-фантастических романов и начало активно использоваться в так называемых MUD'ах (Multi User Domains — домены многих пользователей). С развитием технологий «аватар» может предстать перед вами в трёх измерениях, уже движущимся, а не просто статичной картинкой или фотографией.

Где используется аватар?

Аватар является неотъемлемой частью любого человека, кто общается на форумах. Аватар сопровождает все Ваши ответы на том или ином форуме. Без аватара Вы просто безлики, один из тысячи, один из миллиона. Так что об важности аватара не стоит и говорить, здесь и так всё понятно.

Рисуем аватар

Мы узнали что такое аватар, узнали его историю происхождения. Но где нам взять аватар? Да, есть сайты, где можно скачать себе аватары, но ведь он должен быть индивидуальным, должен показать вас — а для этого лучше нарисовать его самим. Ну готовы? Тогда приступим...

1. Создаём новое изображение размером 100x100 пикселей:

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

2. Свойства фонового слоя изменить нельзя (рядом с названием слоя вы можете увидеть замочек), чтобы это сделать, кликнем два раза по этому замочку и в появившемся окне нажмём OK. Теперь слой Background автоматически переименовался в Layer 0 и стал полностью доступен для редактирования. Кликаем правой кнопкой на этом слое, заходим в Blending Options, открываем вкладку Gradient Overlay и выставляем следующие значения:

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

Чтобы изменить градиент, кликаем по полоске справа от надписи Gradient. Откроется такое окошко:

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

Кликаем по квадратикам снизу и выбираем цвета как на те, что на примере, жмём OK и снова OK.

3. Затем переходим на вкладку Inner Shadow и выставляем такие значения параметров:

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

4. Создаём новый слой. Он автоматически назовётся как Layer 1. Зальём этот слой любым цветом с помощью Paint Bucket Tool, значение прозрачности Fill этого слоя выставим в 0%. Затем заходим в Blending Options этого слоя, выбираем вкладку Pattern Overlay и в качестве текстуры выбираем штриховку (Эта текстура там просто так не появится, но я рассказывал как её сделать в уроке по созданию UserBar’ов. Перейти к уроку о создании UserBar'а.) и жмём OK:

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

Вот что у нас должно получится:

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

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

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

6. Теперь выбираем инструмент Horizontal Type Tool, выбираем цвет и понравившийся нам шрифт и пишем любой текст (Так как мы делаем именную аватарку, то напишем на ней свой ник. Я написал свой ник — Serg оранжевым цветом, шрифтом Segoe UI (ссылка на шрифт в конце урока), жирным, размером 30pt):

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

7. Сейчас заходим в Blending Options слоя с надписью, выбираем вкладку Outer Glow и выставляем всё как показано ниже:

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

Переходим на вкладку Drop Shadow и там делаем так:

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

Теперь жмём OK и переходим к следующему пункту...

8. Сейчас нам нужно создать копию слоя с надписью. Для этого жмём на слое правой кнопкой, выбираем Duplicate Layer и в открывшемся окне кликаем кнопку OK. Так же можно это сделать быстрее — просто перетащить слой на иконку создания нового слоя:

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

9. На только что созданной копии слоя кликаем правой клавишей, выбираем Group into New Smart Object, выставляем прозрачность Opacity данного слоя в 46% (по вкусу, конечно же). Ну а сейчас перевернём этот слой — идём на вкладку Edit —> Transform —> Flip Vertical и сдвигаем слой немного ниже:

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

10. Сейчас добавим к этому слою маску (жмём кнопку Add layer mask), рядом с изображением слоя появится ещё один квадрат белого цвета — кликаем на него, затем на панели инструментов выбираем градиентную заливку Gradient Tool и заливаем ей копию нашего слоя с текстом так, чтобы квадратик с маской выглядел как показано ниже:

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

11. Не мешало бы разделить верхнюю и нижнюю часть изображения белой полосой (с помощью инструмента Line Tool):

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

12. Сейчас добавляем к этому слою (к слою с полосой) маску и эту маску по бокам заливаем градиентом:

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

Результат будет выглядеть вот так:

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

13. Теперь выделяем слой с надписью (для этого зажимаем клавишу Ctrl и кликаем по слою), потом выбираем инструмент Rectangular Marquee Tool, зажимаем Alt и выделяем следующим образом:

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

14. Создаём новый слой Layer 3 и заливаем выделение белым цветом:

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

15. Добавляем к этому слою маску и заливаем градиентом снизу вверх:

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

16. Создадим новый слой Layer 4 и нарисуем на нём кисточкой свечение:

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

17. Создаём новый слой, выделяем его нижнюю часть виде прямоугольника и заливаем чёрным цветом, прозрачность слоя Fil Opacuty выставим равной 30%:

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

18. Добавим к этому слою тень:

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

19. Добавим бордюр:

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

Вот что мы сейчас получили:

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

20. Напишем в полученном прямоугольнике какой-нибудь текст белым шрифтом (можно написать название сайта, e-mail, icq или ещё что-нибудь):

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

21. Добавим к данному тексту бордюр:

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

Вот что мы имеем в результате:

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

22. Создадим новый слой, с помощью инструмента Elliptical Marquee Tool выделим примерно половину картинки, инвертируем выделение (Select —> Inverse). Получим следующее выделение:

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

23. Зальём выделение белым цветом:

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

24. Добавим к этому слою маску (Add vector mask) и зальём её градиентом начиная с правого нижнего угла:

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

25. Создадим ещё один слой, зальём его любым цветом, выставим прозрачность Fill Opacity в 0%, добавим бордюр:

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

Вот мы и сделали свою именную аватарку:

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

26. Можно её ещё как-нибудь приукрасить. Для этого я создал новый слой и кисточкой серого цвета (ссылка на неё в конце урока) нарисовал следующий рисунок:

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

Поздравляю! Ваш именной аватар готов!

Ну а если подключить свою фантазию и попробовать что-нибудь изменить, то у вас может получится совершенно другая аватарка, ещё красивее, чем та, которую я сделал для примера.

А вот ещё несколько аватарок, сделанных мною по такому же принципу:

как нарисовать красивый аватар в фотошопе (Автор - Гуляй С.В. aka Serg)

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

Скачать шрифт « Segoe UI » | ZIP, 276 КБ

Скачать кисточку №1 (пункт 5 этого урока) | ZIP, 885 КБ

Скачать кисточку №2 (пункт 26 этого урока) | ZIP, 416 КБ



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


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

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

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