all-of-all.ru
Посмотреть
Статьи

Наши друзья

Спецпредложения интернет-магазина
 Статья / Техника / Инструкции / Интернет / Как сделать юзербар?

Как сделать юзербар?


 Николай Баранов, 23.04.2012 18:03:19
Как сделать юзербар?


(Нет голосов)
548 просмотров
В избранное
Комментировать(0)

Как сделать юзербар?


Их огромное множество...

Юзерба±р (англ. userbar) графическое изображение, предназначенное для размещения в подписи на веб-форумах, интернет-конференциях и других средствах интернет-общения. Основной целью размещение картинки-юзербара является выражение каких-либо убеждений, пристрастий, увлечений, привязанностей и даже черт характера пользователя.

Инструкция

Что вам понадобится:

  • Photoshop
  • Прямые руки
  • Фантазия

1 шаг


Вот так вот...

Итак, раз Вы решили сами создавать юзербар, а не искать его на просторах интернета для начала нужно выбрать тему. Я выбрал юзербар на тему сайта аКак .
Теперь открываем Photoshop, нажимаем Файл > Новый и задаем параметры как на картинке.

2 шаг


Синий...

Далее выбираем цвет. Его можно нанести как и градиентом так и заливкой. Я воспользовался заливкой (G).

3 шаг


Как то так...

Добавим блик для объема. Для этого нужно создать новый слой (Shift + Ctrl + N), выделить место для блика и закрасить его мягкой прозрачной кистью (B).

4 шаг


На этом шаге следует добавить надпись и картинку. Здесь дело вашей фантазии поэтому ничего объяснять не буду.

5 шаг


Аккуратней...

Ну а теперь самый важный шаг, создание текстуры сеточки:
Файл > Новый
Ширина: 3
Высота: 3
(могут быть и другие размеры)
Прозрачный фон.
Выбираем квадратную жесткую кисть в 1 пикс., максимально приближаем и начинаем рисовать квадратики.
Теперь нажимаем Редактирование > Определить узор > Да

6 шаг


Создаем новый слой (Shift + Ctrl + N), выбираем Редактирование > Выполнить заливку и все как у меня на картинке.
Далее в непрозрачности слоя ставим от 20 до 50%

7 шаг


Мой вариант...

Ну вот собственно и все. Вот что получилось у меня. Осталось только сохранить.
Удачи вам и фантазии!

Советы и предупреждения:

  • Вся инструкция включая картинки принадлежит мне
  • Работа делалась в русском Adobe Photoshop CS3
  • Надеюсь не баян

Как сделать юзербар?
 Статья / Техника / Инструкции / Интернет / Как сделать юзербар?
 Николай Баранов, 23.04.2012 18:03:19

Назад в раздел

Самые интересные новости:

загрузка...