Воскресенье, 19.05.2024, 14:43
00:00:31

trailer SG7 FRAGMOVIE

  • Просмотры:
  • Всего комментариев: 1
  • Рейтинг: 4.0

Рукопашный бой внутри и снаружи

  • Просмотры:
  • Всего комментариев: 3
  • Рейтинг: 4.0

Ли прист

  • Просмотры:
  • Всего комментариев: 2
  • Рейтинг: 5.0
00:02:04

Kittens On The Beat

  • Просмотры:
  • Всего комментариев: 0
  • Рейтинг: 5.0
00:01:44

BONUS VID: Kittens Droppin' Beats

  • Просмотры:
  • Всего комментариев: 0
  • Рейтинг: 0.0
Меню сайта
Категории раздела
Наш опрос
Сколько вам лет?
Всего ответов: 217
Поиск
Комментарии
My hat is off to your astute command over this toip-cbravo!


I din'dt know where to find this info then kaboom it was here.



I can't hear aniynthg over the sound of how awesome this article is.

That's not even 10 mientus well spent!

This is what we need - an insight to make evoynere think



Форма входа
Мини-чат
500
Статистика

Онлайн всего: 4
Гостей: 4
Пользователей: 0
Главная » Статьи » Компьютер и Интернет » desing

Юзербар для сайта в фотошопе

Создаём юзербар для сайта

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. Заливаем его нашими косыми линиями. Для этого нажимаем Shift+Backspace, в открывшемся окошке в стоке USE ставим Pattern, Custom Pattern выбираем нашу косую линию



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



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



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



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



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



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



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. Делаем прозрачность вновь созданного слоя 40%.



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

Юзербар для сайта в фотошопе

Юзербар готов! Всё удачи!

Категория: desing | Добавил: SG7 (16.01.2012)
Просмотров: 393 | Теги: фотошопе, Photoshop, Юзербар, фотошоп, Desing, сайта, для | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]