Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

Именной аватар

Alex | 5.03.2014 | нет комментариев

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

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

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

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

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

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

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

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

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

Теперь выбираем инструмент Horizontal Type Tool, выбираем цвет и понравившийся нам шрифт и пишем любой текст (Так как мы делаем именную аватарку, то напишем на ней свой ник):

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

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

Теперь жмём OK.

Сейчас нам нужно создать копию слоя с надписью. Для этого жмём на слое правой кнопкой, выбираем Duplicate Layer и в открывшемся окне кликаем кнопку OK. Так же можно это сделать быстрее – просто перетащить слой на иконку создания нового слоя: На только что созданной копии слоя кликаем правой клавишей, выбираем Group into New Smart Object, выставляем прозрачность Opacity данного слоя в 46%. Ну а сейчас перевернём этот слой – идём на вкладку Edit > Transform > Flip Vertical и сдвигаем слой немного ниже:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Именной аватар

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

АВТОРСКИЕ ПРАВА
Источник: alldes.net
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB