Beerman ([info]naumenko) wrote in [info]ru_userbars,
@ 2006-02-20 21:36:00
Previous Entry  Add to memories!  Share this!  Next Entry
Current music:Nirvana - About A Girl (Home Demo)
Entry tags:userbars, туториал

Руководство по созданию юзербаров

1.Чтобы сделать нормальный юзербар, первое, что нужно - создать шаблончик диагональных полосок, которые видны на юзербаре. Для этого в Photoshop'е надо открыть меню "File (Файл)", а затем выбрать "New (Новый)". Создайте файл размером 6*6 пикселей с прозрачным фоном. Вот прямо так, как на картинке:



2. Увеличьте масштаб нового файла до 1600%. Выглядеть это должно вот так:


3. Теперь инструментом "Pencil (Карандаш)" (выбрать его можно, сделав правый клик на инструменте "Brush (Кисть)") с диаметром 1px сделайте 6 точек по диагонали:


4. Теперь - самое время сохранить этот шаблон. Откройте меню "Edit (Редактировать или Правка)" и выберите "'Define Pattern (Определить Шаблон)".


5. Шаблон удачно сохранен. Ну а теперь можно заняться созданием самого юзербара.Снова создайте новый файл, но в этот раз с размерами 350*20 пикселей

Выберите любые 2 подходящие цвета, чтобы сделать заливку фона. Это осуществляется в специальных квадратиках слева:


6. Выберите инструмент "Gradient (Градиент)". Кликните на верхнюю часть Вашей заготовки и тащите мышку вниз. Должно получиться что-то похожее на то, что Вы можете видеть на картинке (использованы 2 оттенка серого). Красным отмечен инструмент Gradient.


7.У нас есть красивый фон. Давайте заполним его полосками, которые были сделаны с самого начала. Для этого в меню "Edit (Редактировать или Правка)" выберите пункт "Fill (Заливка)". Найдите и выберите созданный шаблон


8. Ваша картинка будет теперь с диагональными линиями. Не пугайтесь, если Вам покажется. что они неровные, смещенные - в общем, неправильные. Просто увеличьте картинку до 100%, и все будет нормально.


9. Если вы знакомы со слоями и их заполнением, то можете немного поиграть с цветами, режимами смешивания и измнением прозрачности.

10. Все, что осталось - добавить текст и картинку. Текст должен быть написан шрифтом "Visitor" (скачать).
Параметры для надписи следующие:
Font: Visitor -BRK-
Size: 10
Сharacter Space: 25
Anti-Aliasing: None (очень важный момент, иначе текст приобретет эффект размазанности)


11. Вы можете создать новый слой (под слоем с текстом) и при помощи инструмента "Elliptical Marquee (Круговое Выделение)" сделать выделение, соединяющее левый верхний и правый верхний углы.
Заполните выделение каким-нибудь светлым цветом и смените прозрачность.



Page 1 of 2
<<[1] [2] >>

(123 comments) - (Post a new comment)

(Deleted post)

[info]naumenko
2006-02-20 09:00 pm UTC (link)
выбрать категорию и там будет кнопочка "Upload"

(Reply to this) (Parent)(Thread)

(Deleted post)
(no subject) - [info]naumenko, 2006-02-20 09:15 pm UTC
(no subject) - (Anonymous), 2006-04-29 09:35 am UTC
(no subject) - [info]naumenko, 2006-04-29 09:52 am UTC
(no subject) - (Anonymous), 2006-04-30 03:32 am UTC
(no subject) - [info]naumenko, 2006-04-30 07:26 am UTC
(no subject) - (Anonymous), 2006-04-30 05:33 pm UTC
(no subject) - (Anonymous), 2006-06-17 12:09 am UTC
(no subject) - [info]naumenko, 2006-06-17 07:20 am UTC
(no subject) - [info]last_supernova, 2006-08-01 03:34 pm UTC
(no subject) - [info]harpy_eagle, 2006-06-21 12:28 pm UTC
(no subject) - [info]naumenko, 2006-06-21 12:32 pm UTC
НЕПОЛУЧАЕТСЯ!((( - [info]popcka, 2006-06-26 06:26 pm UTC
Re: НЕПОЛУЧАЕТСЯ!((( - [info]c01d_sta1ker, 2006-07-04 12:52 pm UTC
Re: НЕПОЛУЧАЕТСЯ!((( - [info]popcka, 2006-07-24 04:10 pm UTC
Пожалуйста,опишите как там картинку делать!
(Anonymous)
2006-05-04 05:53 pm UTC (link)
Ну а можно описание дальше,там жи как-то картинку можно делать,ну вообшем делать его красочней и красивей(вот как юзербар который тут: http://img439.imageshack.us/img439/2529/sunny5ld.jpg)(там не сайт,а просто картинка не приймите за рекламу)
Пожалуйста!!!
Вы так хорошо и понятно обьяснили,я сколько не смотрела сайтов с обьяснениями ни как не поняла,а тут конкретно,понятно всё описано!

(Reply to this) (Thread)

Re: Пожалуйста,опишите как там картинку делать!
[info]naumenko
2006-05-04 06:02 pm UTC (link)
ну просто нужно открыть желаемую картинку и перетащить ее на один из слоев юзербара...
Этот слой должен быть под бликом и текстом

(Reply to this) (Parent)(Thread)

Re: Я в этом новичок! - (Anonymous), 2006-05-04 06:51 pm UTC
Re: Я в этом новичок! - [info]naumenko, 2006-05-04 07:02 pm UTC
Re: А,я поняла,спасибо!! - (Anonymous), 2006-05-04 06:54 pm UTC
А как его потом вставлять в подпись на форуме? - (Anonymous), 2006-05-04 06:56 pm UTC
Re: А как его потом вставлять в подпись на форуме? - [info]naumenko, 2006-05-04 07:01 pm UTC
У меня проблема такая - (Anonymous), 2006-05-04 07:36 pm UTC
Re: У меня проблема такая - [info]naumenko, 2006-05-04 07:38 pm UTC
Re: У меня проблема такая - (Anonymous), 2006-05-04 08:14 pm UTC
Re: У меня проблема такая - (Anonymous), 2006-06-08 03:04 pm UTC
Re: У меня проблема такая - [info]naumenko, 2006-06-08 04:26 pm UTC
Re: Пожалуйста,опишите как там картинку делать! - [info]panshirskiiylev, 2006-05-24 08:09 am UTC
Re: Пожалуйста,опишите как там картинку делать! - [info]naumenko, 2006-05-24 08:13 am UTC
Re: Пожалуйста,опишите как там картинку делать! - [info]c01d_sta1ker, 2006-07-05 02:58 pm UTC
Отображение картинок
(Anonymous)
2006-05-10 10:03 am UTC (link)
А чё не отображаются сецчас картинки???
Просто хочется видеть чё да как. 6)))

(Reply to this) (Thread)

Re: Отображение картинок
[info]naumenko
2006-05-10 11:10 am UTC (link)
Странно. У меня все отображается. и в FireFox, и в IE
Проверьте настройки браузера

(Reply to this) (Parent)


[info]dimka_oryol
2006-05-13 10:08 am UTC (link)
А обязательно в фотошопе этим заниматься? К примеру, Macromedia Flash не подойдёт? Знаю, что прога под анимацию заточена, но я в ней всё привык делать)

(Reply to this) (Thread)


[info]naumenko
2006-05-13 10:10 am UTC (link)
Ну попробуйте ))
Каждому — свое. Но я не уверен, что во Флэше это будет удобнее

(Reply to this) (Parent)(Thread)

(no subject) - [info]dimka_oryol, 2006-05-13 08:21 pm UTC
(no subject) - [info]c01d_sta1ker, 2006-07-04 01:02 pm UTC
А как шрифты загрузить?
(Anonymous)
2006-05-13 10:59 pm UTC (link)
Шрифт я скачала, и вроде попыталась упаковать его куда-то%) но фотошоп его не видит. Куда его распаковывать?

(Reply to this) (Thread)

Re: А как шрифты загрузить?
[info]naumenko
2006-05-14 07:22 am UTC (link)
вот про это «куда-то» поподробнее...
По умолчанию, шрифты для Windows должны ставиться в папку C:\WINDOWS\Fonts

(Reply to this) (Parent)(Thread)

Re: А как шрифты загрузить? - (Anonymous), 2006-05-14 12:05 pm UTC
Должно помочь - [info]naumenko, 2006-05-14 01:47 pm UTC
Re: Должно помочь - [info]koala_zz, 2006-05-22 01:14 pm UTC
Re: Должно помочь - [info]malenkaja_dryan, 2007-10-12 09:42 pm UTC
Re: Должно помочь - [info]naumenko, 2007-10-12 09:47 pm UTC
Я новичек
(Anonymous)
2006-05-19 09:20 pm UTC (link)
А можете подробно написать как вписывать текст? Я новичек и пожалуйста на меня косым взглядом смотреть:)

(Reply to this) (Thread)

Re: Я новичек
(Anonymous)
2006-05-22 10:35 pm UTC (link)
UltimateUserBar Вам в помощь...

(Reply to this) (Parent)


[info]bioslets
2006-05-24 11:33 am UTC (link)
А где скачать Visitor Rus ?

(Reply to this) (Thread)


[info]naumenko
2006-05-24 10:56 pm UTC (link)
http://community.livejournal.com/ru_userbars/21136.html?mode=reply

(Reply to this) (Parent)


[info]agent_
2006-05-24 07:31 pm UTC (link)
я не очень понял как текст сделать, я хочу белый с черной обводкой, как эта обводка делается? ))

(Reply to this) (Thread)


[info]naumenko
2006-05-24 10:59 pm UTC (link)
Меню Layer>>Layer Style>>Stroke
Там выставить:
Size: 1px
Position: Outside
Color: Black
Все остальное не трогать

(Reply to this) (Parent)(Thread)

(no subject) - [info]agent_, 2006-05-25 04:50 am UTC
(no subject) - [info]agent_, 2006-05-25 05:14 am UTC
(no subject) - (Anonymous), 2006-07-06 02:39 pm UTC
(no subject) - [info]jagr_rus, 2006-10-30 03:07 pm UTC
(no subject) - [info]hannahaxyje, 2008-07-17 04:51 pm UTC

[info]installero
2006-05-26 07:26 am UTC (link)
Чего-то все тупят, а спасибо никто не скажет ;)
Я вот сделал по этому руководству себе юзербар очень быстро
Спасибо огромное!!!

(Reply to this) (Thread)


[info]naumenko
2006-05-26 07:33 am UTC (link)
Не за что))

(Reply to this) (Parent)


[info]bioslets
2006-05-27 05:08 pm UTC (link)
Сделал юзербар попытался загрузить а там пишет: Ошибка загрузки файла изображения:
.jpg: Неразрешенный тип файла (, image/pjpeg)

(Reply to this) (Thread)


[info]naumenko
2006-05-27 05:10 pm UTC (link)
pjpeg??? что это такое?

(Reply to this) (Parent)

(no subject) - [info]c01d_sta1ker, 2006-07-04 03:53 pm UTC

[info]bioslets
2006-05-27 05:20 pm UTC (link)
незнаю но там так пишет

(Reply to this)


[info]bioslets
2006-05-27 05:24 pm UTC (link)
Ещё раз попытался, получилось: http://userbars.ru/details.php?image_id=979

(Reply to this)


[info]ex_parapazzi140
2006-05-30 04:46 pm UTC (link)
спасибо огромное!! в меморис.

(Reply to this) (Thread)


(Anonymous)
2006-06-07 05:59 am UTC (link)
У меня картинка под слои не загоняется, а ложится поверх всех, что делать?

(Reply to this) (Parent)(Thread)

(no subject) - [info]naumenko, 2006-06-07 07:20 am UTC
thx
[info]dfc_darkman
2006-06-12 02:22 am UTC (link)
Спасибо! Давно хотел сделать! Вот что получилось:
[img]http://promote.dancegalaxy.net/userbar_2.gif[/img]

(Reply to this) (Thread)

Re: thx
[info]naumenko
2006-06-12 07:50 am UTC (link)
Хорошо, да.
Только в ЖЖ, тэги вида [img][/img] не работают
используйте <img src="адрес">

(Reply to this) (Parent)(Thread)

Re: thx - [info]dfc_darkman, 2006-06-12 01:11 pm UTC
;)
[info]dj_skypegirl
2006-06-20 07:17 pm UTC (link)
Я тут первый день,а какая лучше должна быть версия фото шопа? и чет я несмогла скачать "Visitor" с английский я не очень лажу((

(Reply to this) (Thread)

Re: ;)
[info]naumenko
2006-06-20 07:21 pm UTC (link)
Фотошоп может быть любым. По крайней мере, в пятой версии есть все инструменты для того, чтобы сделать юзербар. Версию ниже сейчас достать довольно-таки сложно )

Прямая ссылка на русский Visitor есть в профайле

(Reply to this) (Parent)(Thread)

Re: ;) - (Anonymous), 2006-06-21 12:29 pm UTC
Пункт 7, вашей инструкции
(Anonymous)
2006-06-22 09:32 am UTC (link)
я не понимаю где найти шаблон для заливки. у меня 7 фотошоп...может там нет такой возможности? у меня заливает только цветом, без штриховки....
объясните пожулауйста, как правильно сделать заливку с шаблона?

с уважением, Sama_po_sebe

(Reply to this) (Thread)

Re: Пункт 7, вашей инструкции
[info]naumenko
2006-07-05 01:47 pm UTC (link)
Когда делаете заливку, в выпадающем меню нужно выбрать не color, а pattern. И если этот самый pattern был сделан ранее (см. туториал), то он будет самым последним в списке pattern'ов

(Reply to this) (Parent)


(Anonymous)
2006-06-26 12:38 pm UTC (link)
класс

(Reply to this)


[info]c01d_sta1ker
2006-07-05 10:40 am UTC (link)
Подскажите плз, как делать высветление дугой сверху?

(Reply to this) (Thread)


[info]naumenko
2006-07-05 01:49 pm UTC (link)
http://community.livejournal.com/ru_userbars/1117.html?thread=52061#t52061

(Reply to this) (Parent)

Вопрос про шрифт
(Anonymous)
2006-07-06 12:17 pm UTC (link)
Я когда по этой ссылке качаю, у меня скачиваются только Visitor TT1 BRK и Visitor TT2 BRK. а просто Visitor BRK не качается... как быть?

(Reply to this) (Thread)

Re: Вопрос про шрифт
[info]c01d_sta1ker
2006-07-06 01:10 pm UTC (link)
Качается архив, а в архиве три шрифта.

(Reply to this) (Parent)(Thread)

Re: Вопрос про шрифт - (Anonymous), 2006-07-06 08:06 pm UTC
Re: Вопрос про шрифт - [info]naumenko, 2006-07-07 12:00 am UTC
Re: Вопрос про шрифт - [info]marshel, 2007-09-11 06:40 pm UTC

[info]neodimus
2006-07-12 07:42 am UTC (link)
всем спасибо
сделал вот такое

(Reply to this)

Анимированные бары
(Anonymous)
2006-07-13 02:36 pm UTC (link)
А как хх делать анимированными ???

(Reply to this) (Thread)

Re: Анимированные бары
[info]art_line
2006-08-09 08:00 pm UTC (link)
изучай Adobe ImageReady, и формат .gif

(Reply to this) (Parent)

Помомощь!!!
(Anonymous)
2006-07-17 08:44 am UTC (link)
Помогитемне научится делать юзербары. Я в этом деле навичёк.
Вот мая ася 267361626

(Reply to this)

Как добавить картинку?
(Anonymous)
2006-07-18 08:33 pm UTC (link)
Как добавить картинку?

(Reply to this)

Шрифт
(Anonymous)
2006-07-18 09:02 pm UTC (link)
У меня шрифт просто чёрный, а как сделать тчобы он был с белым контуром?

(Reply to this) (Thread)

Re: Шрифт
(Anonymous)
2006-07-19 08:14 am UTC (link)
В фотошопе, параметры наложения текстового слое, и там последний пункт типа обводка или контур, смотря какой перевод, но главное что последний пункт, только лучше ширину обводки сделать равную единице.

(Reply to this) (Parent)

Re: Шрифт - (Anonymous), 2006-08-23 09:09 am UTC
Podskaschi
(Anonymous)
2006-07-20 10:26 am UTC (link)
Kak Nasiwaetsja eto programma?

(Reply to this)


(123 comments) - (Post a new comment)

Page 1 of 2
<<[1] [2] >>