DenS Forum

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » DenS Forum » Дизайн студия » Урок: Юзербар


Урок: Юзербар

Сообщений 1 страница 2 из 2

1

Научу я вас делать юзербары в Photoshop-е, желательно иметь английскую версию, так как урок по английскому  Фотошопу!
Начнем пожалуй!
1. Создаем новый документ с параметрами 350х20, RGB, Transparent. Получается этакая полоска.
2. Делаем основным цвет #898989, задним #e1e1e1
3. Выбираем инструмент Gradient tool (G) и проводим линию сверху вниз поперек полоски.
4. Сделаем косые линии для заливки. Для этого создадим новый документ (Ctrl+N) с параметрами 5х5, RGB, Transparent.
5. Инструментом Pencil Tool (B) размером 1 пикс. проведем диагональ как на рисунке.
6. Зададим эту картинку как заливку. Для этого нажмем Edit - Define Pattern... Документ с этой картинкой можно закрыть.
7. Создаем новый слой (Ctrl+Shift+N, OK)
8. Заливаем его нашими косыми линиями. Заливку ставим на ставим Pattern, Custom Pattern выбираем нашу косую линию
9. Нажимаем ОК.

(тут может показаться, что линии кривые, но стоит сделать масштаб 100%, увидите, что все нормально.)
10. Делаем прозрачность слоя с линиями 30-40%.(это зависит от вашего желания)
11. Дальше можно скачать и установить шрифт "Visitor", или воспользоваться каким-нибудь подходящим своим. Я пользовался скачанным.
13. Дальше пишем нужную нам надпись.
14. Растеризуем слой с надписью. Для этого нажимаем Layer - Rasterize - Layer.
15. Кликаем два раза левой кнопкой крыски по изображению надписи в палитре слоев, тем самым вызывая меню стилей слоя "Layer Style".
16. Нажимаем на строчку "Stroke" и ставим такие параметры:
size 1
остально все по умолчанию
17. Нажимаем ОК.
18. Создаем новый слой и помещаем его под слой с текстом.
19. Выбираем инструмент Elliptical Marquee Tool (M) и делаем им вот такое выделение:
Сверху полуовалом
20. Заливаем это выделение белым цветом с помощью инструмента Paint Bucket Tool (G)
21. Ставим прозрачность слоя 50%.
22. Сделаем обводку всего документа. Для этого нажмем Ctrl+A, потом нажимаем Edit - Stroke. В появившемся окне выставим параметры по вкусу
23. Нажимаем ОК.
Можно вставить какую-нибудь картинку:
25. Открываем картинку, которую хотим вставить.
26. Выбираем инструмент Rectangular Marquee Tool (M), меняем Style на Fixed Size и ставим размеры 350х20.
27. Делаем выделение на картинке и выбираем, что хотим вставить. (если не влезает то, что хотите, можно сделать размер картинки поменьше - Ctrl+Alt+I)
28. Выделив нужную область, нажимаем Ctrl+C и переходим на документ с нашим UserbarОМ.
29. Нажимаем Ctrl+V.
30. Делаем прозрачность вновь созданного слоя по вкусу!
ВОТ И ВСЕ! Если вы не разобрались задавайте вопросы!

0

2

http://i038.radikal.ru/0802/97/5ec266deceact.jpg

http://i029.radikal.ru/0802/e7/1fa688e809a6t.jpg
http://i021.radikal.ru/0802/e2/158cdfd9e584t.jpg
http://i030.radikal.ru/0802/a7/67df81f6a605t.jpg
http://i031.radikal.ru/0802/47/1dc2194919f4t.jpg
http://i009.radikal.ru/0802/ee/63e378e024eft.jpg
http://i036.radikal.ru/0802/45/50fbcf063b6ft.jpg
http://i020.radikal.ru/0802/25/6dfeda46713ct.jpg
http://i009.radikal.ru/0802/e1/35e1047e3b2et.jpg
http://i033.radikal.ru/0802/fb/083983dc6925t.jpg
http://i038.radikal.ru/0802/9d/a8fa2722def0t.jpg
http://i019.radikal.ru/0802/1e/8343bc590be4t.jpg
http://i036.radikal.ru/0802/4e/5e5524bff785t.jpg

0

Похожие темы


Вы здесь » DenS Forum » Дизайн студия » Урок: Юзербар