?

Log in

Руководство по созданию юзербаров - Юзербары для всех [entries|archive|friends|userinfo]
Юзербары для всех

[ website | My Website ]
[ userinfo | livejournal userinfo ]
[ archive | journal archive ]

Руководство по созданию юзербаров [Feb. 20th, 2006|09:36 pm]
Юзербары для всех

ru_userbars

[naumenko]
[Tags|, ]
[music |Nirvana - About A Girl (Home Demo)]


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 (Круговое Выделение)" сделать выделение, соединяющее левый верхний и правый верхний углы.
Заполните выделение каким-нибудь светлым цветом и смените прозрачность.
linkReply

Comments:
Page 1 of 2
<<[1] [2] >>
(Deleted comment)
[User Picture]From: naumenko
2006-02-20 09:00 pm (UTC)
выбрать категорию и там будет кнопочка "Upload"
(Reply) (Parent) (Thread)
(Deleted comment)
(no subject) - (Anonymous) Expand
(no subject) - (Anonymous) Expand
(no subject) - (Anonymous) Expand
(no subject) - (Anonymous) Expand
From: (Anonymous)
2006-05-04 05:53 pm (UTC)

Пожалуйста,опишите как там картинку делать!

Ну а можно описание дальше,там жи как-то картинку можно делать,ну вообшем делать его красочней и красивей(вот как юзербар который тут: http://img439.imageshack.us/img439/2529/sunny5ld.jpg)(там не сайт,а просто картинка не приймите за рекламу)
Пожалуйста!!!
Вы так хорошо и понятно обьяснили,я сколько не смотрела сайтов с обьяснениями ни как не поняла,а тут конкретно,понятно всё описано!
(Reply) (Thread)
[User Picture]From: naumenko
2006-05-04 06:02 pm (UTC)

Re: Пожалуйста,опишите как там картинку делать!

ну просто нужно открыть желаемую картинку и перетащить ее на один из слоев юзербара...
Этот слой должен быть под бликом и текстом
(Reply) (Parent) (Thread) (Expand)
From: (Anonymous)
2006-05-10 10:03 am (UTC)

Отображение картинок

А чё не отображаются сецчас картинки???
Просто хочется видеть чё да как. 6)))
(Reply) (Thread)
[User Picture]From: naumenko
2006-05-10 11:10 am (UTC)

Re: Отображение картинок

Странно. У меня все отображается. и в FireFox, и в IE
Проверьте настройки браузера
(Reply) (Parent) (Thread)
[User Picture]From: dimka_oryol
2006-05-13 10:08 am (UTC)
А обязательно в фотошопе этим заниматься? К примеру, Macromedia Flash не подойдёт? Знаю, что прога под анимацию заточена, но я в ней всё привык делать)
(Reply) (Thread)
[User Picture]From: naumenko
2006-05-13 10:10 am (UTC)
Ну попробуйте ))
Каждому — свое. Но я не уверен, что во Флэше это будет удобнее
(Reply) (Parent) (Thread) (Expand)
From: (Anonymous)
2006-05-13 10:59 pm (UTC)

А как шрифты загрузить?

Шрифт я скачала, и вроде попыталась упаковать его куда-то%) но фотошоп его не видит. Куда его распаковывать?
(Reply) (Thread)
[User Picture]From: naumenko
2006-05-14 07:22 am (UTC)

Re: А как шрифты загрузить?

вот про это «куда-то» поподробнее...
По умолчанию, шрифты для Windows должны ставиться в папку C:\WINDOWS\Fonts
(Reply) (Parent) (Thread) (Expand)
From: (Anonymous)
2006-05-19 09:20 pm (UTC)

Я новичек

А можете подробно написать как вписывать текст? Я новичек и пожалуйста на меня косым взглядом смотреть:)
(Reply) (Thread)
From: (Anonymous)
2006-05-22 10:35 pm (UTC)

Re: Я новичек

UltimateUserBar Вам в помощь...
(Reply) (Parent) (Thread)
[User Picture]From: bioslets
2006-05-24 11:33 am (UTC)
А где скачать Visitor Rus ?
(Reply) (Thread)
From: agent_
2006-05-24 07:31 pm (UTC)
я не очень понял как текст сделать, я хочу белый с черной обводкой, как эта обводка делается? ))
(Reply) (Thread)
[User Picture]From: naumenko
2006-05-24 10:59 pm (UTC)
Меню Layer>>Layer Style>>Stroke
Там выставить:
Size: 1px
Position: Outside
Color: Black
Все остальное не трогать
(Reply) (Parent) (Thread) (Expand)
(no subject) - (Anonymous) Expand
[User Picture]From: installero
2006-05-26 07:26 am (UTC)
Чего-то все тупят, а спасибо никто не скажет ;)
Я вот сделал по этому руководству себе юзербар очень быстро
Спасибо огромное!!!
(Reply) (Thread)
[User Picture]From: naumenko
2006-05-26 07:33 am (UTC)
Не за что))
(Reply) (Parent) (Thread)
[User Picture]From: bioslets
2006-05-27 05:08 pm (UTC)
Сделал юзербар попытался загрузить а там пишет: Ошибка загрузки файла изображения:
.jpg: Неразрешенный тип файла (, image/pjpeg)
(Reply) (Thread)
[User Picture]From: naumenko
2006-05-27 05:10 pm (UTC)
pjpeg??? что это такое?
(Reply) (Parent) (Thread)
[User Picture]From: bioslets
2006-05-27 05:20 pm (UTC)
незнаю но там так пишет
(Reply) (Thread)
[User Picture]From: bioslets
2006-05-27 05:24 pm (UTC)
Ещё раз попытался, получилось: http://userbars.ru/details.php?image_id=979
(Reply) (Thread)
From: ex_parapazzi140
2006-05-30 04:46 pm (UTC)
спасибо огромное!! в меморис.
(Reply) (Thread)
From: (Anonymous)
2006-06-07 05:59 am (UTC)
У меня картинка под слои не загоняется, а ложится поверх всех, что делать?
(Reply) (Parent) (Thread) (Expand)
[User Picture]From: dfc_darkman
2006-06-12 02:22 am (UTC)

thx

Спасибо! Давно хотел сделать! Вот что получилось:
[img]http://promote.dancegalaxy.net/userbar_2.gif[/img]
(Reply) (Thread)
[User Picture]From: naumenko
2006-06-12 07:50 am (UTC)

Re: thx

Хорошо, да.
Только в ЖЖ, тэги вида [img][/img] не работают
используйте <img src="адрес">
(Reply) (Parent) (Thread) (Expand)
From: dj_skypegirl
2006-06-20 07:17 pm (UTC)

;)

Я тут первый день,а какая лучше должна быть версия фото шопа? и чет я несмогла скачать "Visitor" с английский я не очень лажу((
(Reply) (Thread)
[User Picture]From: naumenko
2006-06-20 07:21 pm (UTC)

Re: ;)

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

Прямая ссылка на русский Visitor есть в профайле
(Reply) (Parent) (Thread) (Expand)
Re: ;) - (Anonymous) Expand
From: (Anonymous)
2006-06-22 09:32 am (UTC)

Пункт 7, вашей инструкции

я не понимаю где найти шаблон для заливки. у меня 7 фотошоп...может там нет такой возможности? у меня заливает только цветом, без штриховки....
объясните пожулауйста, как правильно сделать заливку с шаблона?

с уважением, Sama_po_sebe
(Reply) (Thread)
[User Picture]From: naumenko
2006-07-05 01:47 pm (UTC)

Re: Пункт 7, вашей инструкции

Когда делаете заливку, в выпадающем меню нужно выбрать не color, а pattern. И если этот самый pattern был сделан ранее (см. туториал), то он будет самым последним в списке pattern'ов
(Reply) (Parent) (Thread)
From: (Anonymous)
2006-06-26 12:38 pm (UTC)
класс
(Reply) (Thread)
From: c01d_sta1ker
2006-07-05 10:40 am (UTC)
Подскажите плз, как делать высветление дугой сверху?
(Reply) (Thread)
From: (Anonymous)
2006-07-06 12:17 pm (UTC)

Вопрос про шрифт

Я когда по этой ссылке качаю, у меня скачиваются только Visitor TT1 BRK и Visitor TT2 BRK. а просто Visitor BRK не качается... как быть?
(Reply) (Thread)
From: c01d_sta1ker
2006-07-06 01:10 pm (UTC)

Re: Вопрос про шрифт

Качается архив, а в архиве три шрифта.
(Reply) (Parent) (Thread) (Expand)
[User Picture]From: neodimus
2006-07-12 07:42 am (UTC)
всем спасибо
сделал вот такое
(Reply) (Thread)
From: (Anonymous)
2006-07-13 02:36 pm (UTC)

Анимированные бары

А как хх делать анимированными ???
(Reply) (Thread)
[User Picture]From: art_line
2006-08-09 08:00 pm (UTC)

Re: Анимированные бары

изучай Adobe ImageReady, и формат .gif
(Reply) (Parent) (Thread)
From: (Anonymous)
2006-07-17 08:44 am (UTC)

Помомощь!!!

Помогитемне научится делать юзербары. Я в этом деле навичёк.
Вот мая ася 267361626
(Reply) (Thread)
From: (Anonymous)
2006-07-18 08:33 pm (UTC)

Как добавить картинку?

Как добавить картинку?
(Reply) (Thread)
From: (Anonymous)
2006-07-18 09:02 pm (UTC)

Шрифт

У меня шрифт просто чёрный, а как сделать тчобы он был с белым контуром?
(Reply) (Thread)
From: (Anonymous)
2006-07-19 08:14 am (UTC)

Re: Шрифт

В фотошопе, параметры наложения текстового слое, и там последний пункт типа обводка или контур, смотря какой перевод, но главное что последний пункт, только лучше ширину обводки сделать равную единице.
(Reply) (Parent) (Thread)
Re: Шрифт - (Anonymous) Expand
From: (Anonymous)
2006-07-20 10:26 am (UTC)

Podskaschi

Kak Nasiwaetsja eto programma?
(Reply) (Thread)
Page 1 of 2
<<[1] [2] >>