Пишет Beerman ([info]naumenko) в [info]ru_userbars
@ 2006-02-20 21:36:00
Previous Entry  Add to memories!  Next Entry
Музыка: Nirvana - About A Girl (Home Demo)
Метки данной записи: 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 (Круговое Выделение)" сделать выделение, соединяющее левый верхний и правый верхний углы.
Заполните выделение каким-нибудь светлым цветом и смените прозрачность.


(Добавить комментарий)

(Комментарий удалён)

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

(Ответить) (Уровень выше) (Ветвь дискуссии)

(Комментарий удалён)

[info]naumenko
2006-02-20 09:15 pm UTC (ссылка)
А после 10 пункта начинается уже творчество))
Но советую вставлять туда Спартаковские эмблемы, логотип Metallica или что-то подобное.

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

Чтобы закачивать картинки надо там зарегистрироваться.

(Ответить) (Уровень выше) (Ветвь дискуссии)


(Анонимно)
2006-04-29 09:35 am UTC (ссылка)
Добавте скрин,по Elliptical Marquee,я малëк непонял!:(

(Ответить) (Уровень выше) (Ветвь дискуссии)


[info]naumenko
2006-04-29 09:52 am UTC (ссылка)
Это как включить Elliptical Marquee:


А это, как примерно, должно выглядеть это выделение. Его надо делать на отдельном слое. И потом уже менять прозрачность:

(Ответить) (Уровень выше) (Ветвь дискуссии)


(Анонимно)
2006-04-30 03:32 am UTC (ссылка)
Как менять прозрачность ^_^?

(Ответить) (Уровень выше) (Ветвь дискуссии)


[info]naumenko
2006-04-30 07:26 am UTC (ссылка)
в палитре «Layers» (Слои) — изменение прозрачности (Opacity)

(Ответить) (Уровень выше) (Ветвь дискуссии)


(Анонимно)
2006-04-30 05:33 pm UTC (ссылка)
!!!Большое спасибо!!!

(Ответить) (Уровень выше)

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

(Ответить) (Ветвь дискуссии)

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

(Ответить) (Уровень выше) (Ветвь дискуссии)

Re: Я в этом новичок!
(Анонимно)
2006-05-04 06:51 pm UTC (ссылка)
Как переташить?

(Ответить) (Уровень выше) (Ветвь дискуссии)

Re: Я в этом новичок!
[info]naumenko
2006-05-04 07:02 pm UTC (ссылка)
Чтобы потом вопросо не было:

(Ответить) (Уровень выше)

Re: А,я поняла,спасибо!!
(Анонимно)
2006-05-04 06:54 pm UTC (ссылка)
Спасиб,я поняла!!

(Ответить) (Уровень выше) (Ветвь дискуссии)

А как его потом вставлять в подпись на форуме?
(Анонимно)
2006-05-04 06:56 pm UTC (ссылка)
Ну,нарисовала,а как его потом вставлять?

(Ответить) (Уровень выше) (Ветвь дискуссии)

Re: А как его потом вставлять в подпись на форуме?
[info]naumenko
2006-05-04 07:01 pm UTC (ссылка)
сначала надо его залить на какой-нибудь сайт.
http://userbars.org/
http://userbars.ru/
http://ljplus.ru/

или любой другой сервис для хостинга графики.
А потом надо найти код для того, чтобы вставить в форум.
Большинство форумов поддерживают BBCode. Тогда ссылка должна выглядеть так:
[img]http://ссылка_на_юзербар[/img]

Чтобы вставить в ЖЖ или на какой-нибудь другой сайт с поддержкой HTML, код должен выглядеть так:
<img src="http://ссылка_на_/юзербар">

(Ответить) (Уровень выше) (Ветвь дискуссии)

У меня проблема такая
(Анонимно)
2006-05-04 07:36 pm UTC (ссылка)
У меня он включается только через фото шоп!И сервис для хостинга графики так не принемает!

(Ответить) (Уровень выше) (Ветвь дискуссии)

Re: У меня проблема такая
[info]naumenko
2006-05-04 07:38 pm UTC (ссылка)
а сохраняете в каком формате?
Советую это делать в GIF'е.
Меню: File>>Save For Web.
Там выбрать GIF

(Ответить) (Уровень выше) (Ветвь дискуссии)

Re: У меня проблема такая
(Анонимно)
2006-05-04 08:14 pm UTC (ссылка)
спасиб,помогло

(Ответить) (Уровень выше)

Re: Пожалуйста,опишите как там картинку делать!
[info]panshirskiiylev
2006-05-24 08:09 am UTC (ссылка)
объясните плиз как делать блики.

(Ответить) (Уровень выше) (Ветвь дискуссии)

Re: Пожалуйста,опишите как там картинку делать!
[info]naumenko
2006-05-24 08:13 am UTC (ссылка)
http://community.livejournal.com/ru_userbars/1117.html?thread=52061#t52061

(Ответить) (Уровень выше)

Отображение картинок
(Анонимно)
2006-05-10 10:03 am UTC (ссылка)
А чё не отображаются сецчас картинки???
Просто хочется видеть чё да как. 6)))

(Ответить) (Ветвь дискуссии)

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

(Ответить) (Уровень выше)


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

(Ответить) (Ветвь дискуссии)


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

(Ответить) (Уровень выше) (Ветвь дискуссии)


[info]dimka_oryol
2006-05-13 08:21 pm UTC (ссылка)
Во флэше оказалось удобнее творить, а в фотошопе подписывать) Я на юзербарс.ру под ником Дим-Ка

(Ответить) (Уровень выше)

А как шрифты загрузить?
(Анонимно)
2006-05-13 10:59 pm UTC (ссылка)
Шрифт я скачала, и вроде попыталась упаковать его куда-то%) но фотошоп его не видит. Куда его распаковывать?

(Ответить) (Ветвь дискуссии)

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

(Ответить) (Уровень выше) (Ветвь дискуссии)

Re: А как шрифты загрузить?
(Анонимно)
2006-05-14 12:05 pm UTC (ссылка)
Да, туда попыталась...но фотошоп не видит... Попыталась найти в самой фотошоповской папке что-нить с шрифтами... - нету...((

(Ответить) (Уровень выше) (Ветвь дискуссии)

Должно помочь
[info]naumenko
2006-05-14 01:47 pm UTC (ссылка)
1) Закрыть Photoshop
2) Открыть папку C:\WINDOWS\Fonts
3) Найти шрифт Visitor или Visitor Rus
4) Дважды щелкнуть мышкой по шрифту
5) Полюбоваться шрифтом
6) Закрыть папку и открыть Photoshop

(Ответить) (Уровень выше) (Ветвь дискуссии)

Re: Должно помочь
[info]koala_zz
2006-05-22 01:14 pm UTC (ссылка)
Ура, получилось, спасибо!=)

(Ответить) (Уровень выше)

Я новичек
(Анонимно)
2006-05-19 09:20 pm UTC (ссылка)
А можете подробно написать как вписывать текст? Я новичек и пожалуйста на меня косым взглядом смотреть:)

(Ответить) (Ветвь дискуссии)

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

(Ответить) (Уровень выше)


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

(Ответить) (Ветвь дискуссии)


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

(Ответить) (Уровень выше)


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

(Ответить) (Ветвь дискуссии)


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

(Ответить) (Уровень выше) (Ветвь дискуссии)


[info]agent_
2006-05-25 04:50 am UTC (ссылка)
найс, ща попробую, пасиб, а еще вопросик, а где прозрачность регулировать ))

(Ответить) (Уровень выше) (Ветвь дискуссии)


[info]agent_
2006-05-25 05:14 am UTC (ссылка)
а все, вспомнил, всеравно пасиб ))

(Ответить) (Уровень выше)


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

(Ответить) (Ветвь дискуссии)


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

(Ответить) (Уровень выше)


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

(Ответить) (Ветвь дискуссии)


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

(Ответить) (Уровень выше)


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

(Ответить)


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

(Ответить)


[info]bioslets
2006-05-28 07:59 am UTC (ссылка)
Спасибо вам, с вашей помошью я терь наконец делаю нормальные юзербары

(Ответить)


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

(Ответить)


Войти.
(Создайте аккаунт или воспользуйтесь OpenID)