unsorted ~ Рисуем ЮзерБар

урок

Возраст: 34 C нами с 07.11.2006 Репутация: **109**

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все! Вуаля, наш юзербар готов Смайлик

Возраст: 33 C нами с 02.03.2007 Репутация: 68

а в чем делать?

C нами с 15.04.2005 Репутация: **133.2**

А можно поинтересоваться:
а) что такое "юзербар" и для чего он нужен?
б) что за инструмент используется для создания "юзербара"?
в) каким образом инструкция по созданию неких изображений относится к программированию?
(А картинки, между тем, красивые Смайлик

C нами с 22.01.2007 Репутация: **136.5**

Рыся писал(а):

А можно поинтересоваться:
а) что такое "юзербар" и для чего он нужен?

Материал из Википедии

Юзерба́р (англ. userbar) — графическое изображение, предназначенное для размещения в подписи на веб-форумах, интернет-конференциях и других средствах интернет-общения. Основной целью размещение картинки-юзербара является выражение каких-либо убеждений, пристрастий, увлечений, привязанностей и даже черт характера пользователя. Встречаются также и юзербары, заявляющие об обратных чувствах своего владельца: антипатию, ненависть к какому-либо предмету действительности. Однако это явление, получившее английское название haterbar (от англ. hater — ненавистник), является маргинальным и не получило распространения в большинстве интернет-сообществ, занимающихся созданием и распространением пользовательских картинок. На сайте userbars.com — первом юзербар-ресурсе — участникам строго запрещено выкладывать ссылки на графику, выражающую антипатии, и подавать запросы на её создание.

p.s. Википедия-полезная штука однако Подмигивание

C нами с 20.04.2006 Репутация: **41.5**

Рыся, DиMаN,

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

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

Возраст: 34 C нами с 07.11.2006 Репутация: **109**

б) - Adobe Photoshop
в) - никак Смайлик

это не программирование

Возраст: 46 C нами с 01.10.2007 Репутация: **82.6**

Не забывайте ставить ссылку на источник - http://demiart.ru/forum/index.php?showtopic=4427
(внешка)

Возраст: 36 C нами с 26.01.2005 Репутация: **83.3**

Рыся писал(а):

в) каким образом инструкция по созданию неких изображений относится к программированию?

А почему оно должно относиться к программированию?
Lingvo12 так переводит название раздела:
development 1) разработка 2) развитие, усовершенствование
design 1) проектирование; конструирование; разработка || проектировать

Возраст: 34 C нами с 07.11.2006 Репутация: **109**

Sozia, да да, хороший сайт, только это я не с него брал, сейчас же все друг у друга новости, и тд... воруют.

Возраст: 34 C нами с 20.11.2006 Репутация: **106**

Урок хороший

вот сделать бы что нить у нас в сети наподобие demiar или же отдельный раздел под уроки photoshop

Возраст: 34 C нами с 07.11.2006 Репутация: **109**

k2, собираюсь сделать, будет круглосуточный (программирование + дизайн) доступен из всех сетей и интернета, но это может к середине - концу лета

Возраст: 24 C нами с 16.03.2006 Репутация: **89.1**

k2, я блог делал с уроками, но изза нехватки времени и рук (одному просто сложно), закрыл его

Возраст: 46 C нами с 01.10.2007 Репутация: **82.6**

wex, тогда указывайте ссылку на тот сайт откуда брали...

C нами с 06.11.2007 Репутация: **32.5**

Sozia, это не первоисточник, первоисточником называется то, где впервые появилось это, а это лучше назвать предисточник

Возраст: 99 C нами с 09.06.2007 Репутация: **245**

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

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