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

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

На нашем сайте есть несколько человек, которые изготавливают довольно качественные юзербары. Многие, увидев некоторые из них, заинтересовались в этом вопросе, после чего меня стали спрашивать о способе их изготовления.

На этой странице я покажу самый простой способ изготовления юзербаров, после чего всем, кто хочет научиться их делать, будет намного проще.

Первым делом вам нужен Adobe Photoshop.
Можно конечно делать при помощи других программ, но эта отличается качеством и простотой использования. Тем более все графические программы чем-то между собой похожи.

1. Создаем файл размером 350 на 20 пикселей, как показано на рисунке 1. Можно так же делать юзербары размером 350 на 19, но ни в коем случае другого размера.

Рисунок 1.

Будущий юзербар уже готов. Остальное - работа с графикой.

2. Выбираем градиент (в будущем градиент можно заменять уже готовой картинкой-фоном). См. рисунок 2.

Рисунок 2.

При помощи градиента заполняем юзербар. В готовом виде должно получиться нечто вроде этого:

Фон для будущего юзербара готов.
2. Действия со штрихом. Создаем рисунок с прозрачным фоном размером 3 на 3 пикселя (от размера будет зависеть толщина штриха в готовом виде.) Затем данный рисунок определяем как образец (см. Рисунок 3).
Рисунок 3.

Используя "Штамп узоров" в меню слева, выбираем готовый узор штриха в верхнем правом углу. Здесь показан наглядный пример. Проявляйте фантазию, сделайте штрихи разных цветов и размеров.
Теперь штрихуем наш юзербар, проводим по нему кистью штампа.
(!Подсказка!) Прозрачность кисти имеет значение! От неё может зависеть красота юзербара!!!
В данном случае я использовал прозрачность 10%.
Вот что получилось:

3. Используем любую подходящую к тематике картинку, вставляем её поверх всех слоёв слева и подписываем справа. Стандартный для юзербаров шрифт это -BRK- Visitor.
Получается что-то типа:

4. Остался, как говорится, последний штрих. Нужно придать юзербару состояние новизны и реальности. Для этого мы сделаем эффект отражения света. Выделяем верхнюю часть с помощью "Эллиптического выделения".

Закрашиваем белым с 10% прозрачностью (в зависимости от цвета картинки). Можно выделить нижний край более четко.
Пожалуй, на этом базовый курс обучения закончен.

В готовом виде простой юзербар будет выглядеть так:

Спасибо за внимание!
Составил AnubiS.
Для более подробных справок писать на AnubiS1991@yandex.ru или стучать в 448-502-860.

Любое копирование материала только с согласия администрации!