Любителям Userbar`ов посвящается...


Userbar
Userbar


Готовый вариант:

Userbar

Итак, начнем =) 1) Создаём новый файл, как на картинке:

Userbar

2) Выбираем в настройках градиента те же значения как и на рисунке ниже:

Userbar

после этого нажмите на панель обозначенную на рисунке выше красным квадратом и выставьте подобные настройки:

Userbar

3) Нажимаем "Ок" и протягиваем градиент строго сверху вниз. Должно получиться что то вроде этого:

Userbar

4) Теперь давайте добавим "фирменные" полочки. Создаём новый файл, разрешением 3х3 пикселя и стандартными настройками, увеличиваем его на 1600%, выбираем инструмент "карандаш", делаем его размер 1пиксель и рисуем три точки, образующие диагональ, как тут:

Userbar

Потом идем в "Edit>> Define Pattern.." и даем любое имя новому шаблону.
Возвращаемся к нашему Юзербару, создаем новый слой, идем в "Edit>>Fill.." и делаем как тут:

Userbar

и нажимаем Ок.
После этого мы просто уменьшаем прозрачность слоя по желанию и получаем примерно вот это:

Userbar

5) Теперь нам следует выбрать изображение которое мы поместим на наш юзербар. В данном случае это иконка Мегаобзора. Теперь просто вставляем икнку Мегаобзор в нашу заготовку, подгоняем желаемые размеры и другие характеристики. Получаем примерно вот это:

Userbar

6) Теперь добавим текст! В первую очередь скачиваем шрифт, распаковываем и добавляем его в папку Fonts в папке Windows. Пишем необходимый текст на размере шрифта 13px и удостоверяемся что "anti-alias" имеет значение "0". Делаем текст белого цвета и добавляем ему Эффект "Stroke" Настройки эффекта как на изображении:

Userbar

Получает вот это:

Userbar

7) Теперь добавим объёма. Соеденим все слои. Выделем нижнюю часть рисунка, и затемним ее с помощью Burn Tool. Взгляните на рисунок вам сразу станет понятно:

Userbar

Экспериментируйте! И все у вас получится!

Userbar

Userbar

Userbar
Спасибо!

МегаОбзор
ЭЛ № ФС 77 - 68301. Выходные данные СМИ МегаОбзор
2006-2024
© MegaObzor