Меню
Учебник
Партнёры
Вход
Создаём UserBar
Сегодня мы будем делать UserBar, любитель форумов должны знать, что это такое и зачем это нужно, не если вы не знаете что это такое, то я вам расскажу.

UserBar или просто «графическая подпись (юзербар)» обычно размещается в подписи и отражает взгляды и интересы пользователя. Есть множество сайтов, на которых вам предлагают скачать готовые UserBar `ы. Но ведь этот юзербыр скачивают тысячи людей, и вы нередко сможете увидеть подобные юзербары у форуманчан. Давайте выделимся из общей массы и сделаем свой, уникальный UserBar!

И так, от теории переходим к практике:

1. Для начало как обычно создадим новый документ, обычные размеры, которыми я привык пользоваться это 350х20 пикселей:
Создаём UserBar


2. Теперь нужно придумать фон, тут есть 2 варианта, первый: вы просто заливаете каким либо цветом фон, второй на фон ставите какую либо картинку, оба варианта хороши, я сделаю перелив цвета, из светлого в более тёмный:
Создаём UserBar


3. Далее сделаем обводку, чтобы наш юзербар выделялся, для этого быстренько кликнем два раза мышью по слою, и перед нами открывается окошко, в котором мы и будем проводить наши настройки, сделайте такие же настройки как на рисунке:
Создаём UserBar


4. Давайте теперь перейдём в раздел внутренняя тень (в англ. версии Inner Shadow) и выполним следующие настройки:
Создаём UserBar


5. Давайте добавил к нашему юзербару стандартную штриховку, она украсит наш юзербар, для этого оставим наше главное изображение и создадим новое размерами 4х4:
Создаём UserBar


6. Увеличиваем изображение и делаем горизонтальную белую линию с помощью инструмента карандаш:
Создаём UserBar


7. Затем выполняем следующее действие: редактирование —> Определить узор (в англ. версии Edit —> Define Pattern) и нажимаем ОК. Теперь наше изображение определено как узор, и мы можем закрыть его не сохраняя, оно нам больше не понадобится.

8. Переходим на основное изображение, кликнем по слою 2 раза, перед нами появляется окно эффектов, заходим в раздел Перекрытие узора (в англ. версии Pattern Overla) и выставляем след настройки (прозрачность можно выставить по вкусу):
Создаём UserBar


9. Фон готов, теперь давайте сделаем надписи, обычно используют шрифт Visitor TT1 BRK (Внизу статьи вы можете его скачать)
Создаём UserBar


10. Как видите надпись не очень красиво вписывается, поэтому проведём небольшую модификацию, нажимаем на слой с текстом 2 раза, и ставим тень как на рисунке:
Создаём UserBar


11. Теперь добавим обводку в 1 пиксель:
Создаём UserBar


12. Создадим новый слой над фоном, и с помощью разных кисточек сделайте какие нибудь полоски и.т. д:
Создаём UserBar


13. Создадим эффект стекла, сделаем мы его так, выделите область с помощью Инструмента Овальная область (в англ. версии Elliptical Marquee Tool) как на рисунке, и зальём его градиентом белого цвета (с прозрачностью в 65%)
Можно поэкспериментировать и добиться отличного результата, вот что получилось у меня:
Создаём UserBar


Выкладывайте свои работы. Удачи!


Создаём UserBar Скачать с сервера два вида шрифтов для UserBar: hoog_mini.zip [24,43 Kb]

Если вы ищите что посмотреть в интернете, тогда вам как нельзя, кстати, подойдёт сайт нашего партнёра - Сериал Универ онлайн

#1 написал: Sunny Day (16 марта 2009 10:04)



Группа: Гости
Регистрация: --

Вот мой юб)

мм.. а как картинку выкладывать?
ICQ:
#2 написал: Lektor (16 марта 2009 19:12)



Группа: Администраторы
Регистрация: 9.01.2009
ICQ: 874175
#3 написал: Sunny Day (16 марта 2009 20:44)



Группа: Гости
Регистрация: --
Баг видать.. у меня такой функции нет!
ICQ:
#4 написал: Lektor (16 марта 2009 22:29)



Группа: Администраторы
Регистрация: 9.01.2009
Цитата: Sunny Day
Баг видать.. у меня такой функции нет!

Спасибо, эта ошибка была исправлена!


----------
в качестве благодарности примите от нашего сайта 2-8* номера Icq
(высланы в личное сообщение)
ICQ: 874175
#5 написал: Bladik (9 мая 2009 14:54)



Группа: Гости
Регистрация: --
круто:)
ICQ:
#6 написал: KEKC (22 ноября 2009 15:28)



Группа: Гости
Регистрация: --
у меня ни че не получилось=(
Я нажал Файл>>>Новый все создал так
Потом Нажимаю Слой , т стиль слоя горит серым не могу нажать
=(
Помогите, как сделать?
И я не понял как сделать текстуру
ICQ:
#7 написал: ening131 (10 марта 2010 13:58)



Группа: Гости
Регистрация: --
прошу прощения, но я не могу понять как сделать шаг 6.
если можно разжуйте плз, буду очень благодарен.
ICQ:
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.