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

Что за зверь "юзербар"? Это картинка небольшого размера, которую можно вставить в подпись на форумах, показав тем самым окружающим свои предпочтения - будь то музыкальные вкусы или кулинарные изыски, герои сериала или просто несколько теплых слов в адрес форума. Сегодня мы попробуем сделать юзербар сами. Поверьте, в этом нет ничего сложного. Две главные составляющие, которые вам непременно понадобятся:
- Наличие фотошопа.
- Воображение.
Итак, для начала мы заходим в фотошоп и создаем новый документ, с которым будем работать.
Файл-создать либо нажимаем ctrl+n. Выставим вот такие параметры для работы. Конечно, размер изображения можно делать и больше, по вашему усмотрению, но стандартный размер для юзербара - 350х19. Так что делаем все по этикету

Самое интересное - и длительное занятие - выбор картинки для фона. Можно просто залить весь слой каким-то одним цветом.

Либо найти на просторах интернета красивую картинку. Рассмотрим второй вариант. Для того, чтобы картинку, выбранную вами в качестве будущего фона, добавить в наш документ, нажимаем файл-открыть (либо ctrl+o).

Находим нужную нам картинку и нажимаем открыть.

Так же можно просто перетянуть нужную картинку в окошко программы, рядом с открытым файлом.

Определитесь, какая часть картинки вам пришлась "по вкусу" и нажмите инструмент "рамка".

Выделите нужную область - желательно, чтобы она была прямоугольной и небольшой по высоте - примерно как размер нашего юзербара.

Нажимаем enter и получаем в нос х)

Теперь нужно подогнать нашу картинку под размеры юзербара, если она слишком большая.

Ставим ширину на 350, высота выставится у вас автоматически. Жмем ок.

Нажимаем ctrl+a (выделить все), потом ctrl+c (копировать) и переходим на документ с нашим юзербаром. Нажимаем ctrl+v( вставить).

Можно двигать слой так, как вам нравится кнопкой "перемещение", она самая первая - стрелочка. Если картинка получилась маленькая, есть пустые края, можно просто их закрасить подходящим цветом. Как только мы определились с точным расположением фона, нажимаем кнопку "добавить стиль слоя".

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

Скрытое содержание:

Скрытый текст: Содержание могут увидеть только группы: Администратор, Куратор, Модератор, Разработчик, СоАдминистратор, Юзер.

Как добавить узоры? Идем в стиль слоя - наложение узора. Нажимаем на стрелочку рядом с узором (1), а потом на стрелочку (2) и в открывшемся окне - загрузить узоры.

Находим наши узоры и нажимаем ок.

Выбираем понравившийся узор и ставим непрозрачность, если нужно. Так же можно "помудрить" со всеми предлагаемыми действиями - тиснение, наложение градиента и прочее, что кому нравится.

Нажимаем ctrl+n (создать новый слой), потом правой кнопкой мыши на "инструмент прямоугольная область" и выбираем овал.

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

И заливаем все белым цветом.

Устанавливаем непрозрачность слоя.

И получаем вот такой красивый объем картинки. Теперь снова создаем новый слой и пишем на нем нужный нам текст. С текстом тоже можно делать, что угодно в "стиле слоя", как мы делали это с фоновой картинкой.

Можно добавить блик.


Или узоры (они не очень видны, но там есть завитушки)

Нажимаем файл - сохранить. Вот и все, работа готова.
Самое главное - это добавить побольше воображения, чтобы ваш юзербар был неповторимым.

Автор урока - Час до грозы.

 

Час до грозы,
Спасибо большое за столь полезную информацию.
Урок доволько объёмный, но если разобрать, то станет всё просто и понятно. ^^ Попробую как-то в свободную минутку поэкспериментировать с созданием юзербара.

 

Luka, спасибо)) Урок на самом деле простой, это я все всегда расписываю и делаю по сто фотографий)

 

Час до грозы, Спасибище за такой простой и понятный урок)) Пошла пробовать)

 

Panika, не за что ^^ Хвались потом)

 

Час до грозы, спасибушки тебе огромное за такой урок. Что я состряпала можно в подписи увидеть

 

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

 

LoLiLy, не за что ^^ У тебя красивый получился, только я б цвет шрифта поменяла на какой-нибудь желтенький. А так отлично ^^
Luka, какой я маэстро х) Я тоже новичок в этом деле)) Красивый юзербарчик получился)

 

Воть пришла хвастаться:

Ну как? Учитель я все правильно сделала?

 

Panika, красота вообще ^____________^

 

Час до грозы, урок хороший, понятный, а главное - полезный! теперь весь форум будет ходить с красивыми самодельными юзербарами.
Только хочу сделать пару маленьких уточнений.
Чаще всего для юзербаров используют шриффт Vizitor. можно было это добавить в урок.

А еще их можно сделать самостоятельно. очень быстро и просто. иногда даже быстрее, чем найти в гугле. создается отдельный документ небольшого размера. берется инструмент карандаш размером в 1 пиксель. документ увеличивается настолько, чтобы квадратики фона были размером в этот самый 1 пиксель и рисуется диагональная линия. потом сохраняется как узор. Edit>Define Pattern (в русской версии подозреваю, что Редактировать>Создать узор или как-то так). и дальше все, можно пользоваться. если надо с картинками кому - могу объяснить и с картинками.

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

 

Моя работка в подписи. Прикольно. только у нас разные версии фотошопа. И мне немного не удобно. Вот, Час до грозы, у тебя какая версия?

 

mari777star, у меня версия фотошопа 6.0

 

Никита, у меня тоже. Просто нашла дома диск с фотошопом. Там самая новая версия 6.0. Ну я и установила. И даже не интересовалась что есть ещё лучше. А теперь почти всё приходится самой делать из-за этого.

 

Он слишком яркий был, но на будущее учту

Ура

 

Час до грозы, какой урок чудесный ^^ мне все далось с первого раза (ну почти )
вот моя фиговина:

​

размер побольше, как на форуме. у нас кстати, есть похожий урок, очень похожий
О, вот я еще сделала, с более светлой надписью (:
mari777star, разница большой быть не должна, как я поняла у Час до грозы 5-ый фотошоп, как и у меня
гы, нет, мне мое новое не нравится, поэтому я переделала и вот, что вышло:

​

еще и рамочку додумалась добавить:

​

попробую себе и автарчик сделать))
ну и что, какой барчик лучше?)

 

Хм... Интересный урок. Но жалко что юзербар такой узкий получиться. Но в принципе всё идеально.

 

The Smile, который у тебя сейчас стоит)

 

Panika, спасибо, мне твоя вот очень нравится, аккуратная вышла)
~~~ПиРатКА~~~, а я думаю, что нормально все. Любой же размер можно сделать ;)

 

Вот новые работки, если кому надо могу сделать и вам

 

LoLiLy, супер ну черт, откуда вы берете такие исходники? я свое кистью рисовала

 

SantaFulmine, спасибо за пояснения Очень полезная информация.
~~~ПиРатКА~~~, можно сделать побольше) Сейчас все, смотрю, делают юзербары больших размеров.
mari777star, честно? Я не знаю х)

Я его не заметила. Ну, все юзербары делаются по одному принципу, главное добавить воображения.
LoLiLy, яркие, красивые ^^

 

Конечно! Размеры это не беда.

 

Час до грозы, спасибо большое! Давно хотела научится делать юзербар. Когда будет свободное время, сразу же сделаю и добавлю в подпись)) Если он конечно корявым не будет

 

мне! мне!