Создание юзербаров

[Akella]

Этот урок позволит вам создавать свои, уникальные юзербары, которые набирают популярность на многих форумах.

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


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


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


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


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


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


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


и нажимаем Ок.

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


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


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


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


7) Теперь добавим объёма. Создадим новый слой. Выбираем инструмент elliptical marquee tool и делаем выделение в виде овала, из левого верхнего угла в правый верхний и заливаем белым цветом. Взгляните на рисунок вам сразу станет понятно какой формы должно быть выделение:


И последняя, не обязательная часть. Добавление эффекта STROKE шириной в один пиксель. Я думаю с этим у вас теперь проблем не будет! =)
Все! Вуаля, наш юзербар готов =)

(с) Народ.

З.Ы. урок внаглую стырен у моего хорошего друга, надеюсь он не будет против...  ah

[Akella]

Неужели тема никому не интересна? А ведь сами просили...

[Beowulf]

Неужели тема никому не интересна? А ведь сами просили...

Тема интересная! вот только понять в какой проге все это можно делать ?  s02

[Akella]

Беовулф, в фотошопе конечно же...  s02

[GoToLight]

Да урок норм,тока тут как сделать самый простой статичный юзербар ab
Если тут закреплюсь- наделаю вам уроков про разные эффекты и анимацию.

[Akella]

Идти на свет, урок ещё никто не сделал, а тут в основном новички. я и сама могу выставить сколько хосешь уроков с различными эффектами (но всегда рада помощи) но рано их пока ещё выставлять, если основы не знаешь :)

[GoToLight]

ну вообще логично :)

ладно, буду тоже уроки выставлять дальше тогда :)

[Beowulf]

Беовулф, в фотошопе конечно же...  s02

Akella  Thanks  ad

[Иной]

elliptical marquee tool - енто что? По-рууски если)

[Иной]

По русски*
Гы.. ))

[Nikola Tesla]

Иной если я не ошибаюсь:
Elliptical Marquee Tool это
Инструмент "Овальная область"



Горячая клавиша M (eng).

[Паприка]

а можно немного поподробней об вставке картинки в юзер.

[Pash0k]

anti-alias" имеет значение "0" - это где?  Layer >> Layer style >> Stroke - это как переводится?  STROKE - где этот эффект?

[smokes]

А где Gradient Editor Находится??????

[Парниша]

на панели инструментов)

[Mira]

Если бы этот урок сделать в русско-язычном варианте, он приобрёл бы новую актуальность. А автору всё равно спасибо)))

[Satinelight]

Спасиб за урок. Только хотела у кого-то спросить, как "полосочки" рисовать.

[unbl4]

Я думал это гораздо сложнее)

[je_marsy]

Не нашла картинку...
А так хороший урок)))

[Alcola]

Импровизировала...