Userbars, научился делать Опции

[Гость_GаrozZo_*]

в этой теме буду выкладывать свои самодельные userbar`ы (графические подписи для форумов). Моя первая работа:


Сообщение отредактировал GаrozZo - May 2 2007, 16:16

[Dmt]

сорри, что без картинок:

1. Создаем новый документ с параметрами 350х20, RGB, Transparent. Получается этакая полоска.
2. Делаем основным цвет #898989, задним #e1e1e1

(http://img13.imageshack.us/img13/5022/untitled28dh.jpg)
(http://img13.imageshack.us/img13/3833/untitled11sy.jpg)

3. Выбираем инструмент Gradient tool (G) и проводим линию сверху вниз поперек полоски.
4. Сделаем косые линии для заливки. Для этого создадим новый документ (Ctrl+N) с параметрами 5х5, RGB, Transparent.
5. Инструментом Pencil Tool ( размером 1 пикс. проведем диагональ как на рисунке.

(http://img294.imageshack.us/img294/628/untitled20rdxe6.jpg)

6. Зададим эту картинку как заливку. Для этого нажмем Edit - Define Pattern... Документ с этой картинкой можно закрыть.
7. Создаем новый слой (Ctrl+Shift+N, OK)
8. Заливаем его нашими косыми линиями. Для этого нажимаем Shift+Backspace, в открывшемся окошке в стоке USE ставим Pattern, Custom Pattern выбираем нашу косую линию

(http://img294.imageshack.us/img294/5517/untitled39zldb3.jpg)

9. Нажимаем ОК.

(http://img15.imageshack.us/img15/7598/untitled44ok.jpg)

(тут может показаться, что линии кривые, но стоит сделать масштаб 100%, увидите, что все нормально.)



10. Делаем прозрачность слоя с линиями 30%.

(http://img15.imageshack.us/img15/6889/untitled59zo.jpg)

11. Дальше можно скачать и установить шрифт "Visitor" вот с ЭТОГО (http://www.dafont.com) сайта, или воспользоваться каким-нибудь подходящим своим. Я пользовался скачанным.
12. Если, как и я, пользуетесь скачанным, включите шрифт "Visitor -BRK-", установите его параметры такие:

(http://img15.imageshack.us/img15/3900/untitled69na.jpg)

13. Дальше пишем нужную нам надпись.

(http://img15.imageshack.us/img15/2605/untitled78qs.jpg)

14. Растеризуем слой с надписью. Для этого нажимаем Layer - Rasterize - Layer.
15. Кликаем два раза левой кнопкой крыски по изображению надписи в палитре слоев, тем самым вызывая меню стилей слоя "Layer Style".
16. Нажимаем на строчку "Stroke" и ставим такие параметры:

(http://img44.imageshack.us/img44/1108/untitled85ym.jpg)

17. Нажимаем ОК.
18. Создаем новый слой и помещаем его под слой с текстом.
19. Выбираем инструмент Elliptical Marquee Tool (M) и делаем им вот такое выделение:

(http://img44.imageshack.us/img44/8384/untitled98vf.jpg)

20. Заливаем это выделение белым цветом с помощью инструмента Paint Bucket Tool (G)
21. Ставим прозрачность слоя 50%.

(http://img32.imageshack.us/img32/716/untitled13ob.jpg)

22. Сделаем обводку всего документа. Для этого нажмем Ctrl+A, потом нажимаем Edit - Stroke. В появившемся окне выставим эти параметры:

(http://img44.imageshack.us/img44/895/untitled116kw.jpg)

23. Нажимаем ОК.

Можно вставить какую-нибудь картинку:
25. Открываем картинку, которую хотим вставить.
26. Выбираем инструмент Rectangular Marquee Tool (M), меняем Style на Fixed Size и ставим размеры 350х20.
27. Делаем выделение на картинке и выбираем, что хотим вставить. (если не влезает то, что хотите, можно сделать размер картинки поменьше - Ctrl+Alt+I)

(http://img13.imageshack.us/img13/3980/untitled127nv.jpg)

28. Выделив нужную область, нажимаем Ctrl+C и переходим на документ с нашим UserbarОМ.
29. Нажимаем Ctrl+V.
30. Делаем прозрачность вновь созданного слоя 40%.

(http://img13.imageshack.us/img13/2226/untitled135xy.jpg)

Далее соединяем все слои (Ctrl+Shift+E) и сохраняем полученную картинку. Вот, что получилось у меня:

(http://img32.imageshack.us/img32/4073/resultcopy1ei.png)
© По материалам сайта userbars.org