МИР ВЕБМАСТЕРА
Меню сайта
Категории каталога
ВебМастеру [111]Раскрутка сайта [122]Уроки Photoshop [44]Who is who в Инете [21]
PC [13]Разное [0]CopyPaste [4]
Главная » Статьи » Уроки Photoshop

Руководство по созданию юзербаров

это бомба $550 дают просто так

Руководство по созданию юзербаров

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


BBCode:
HTML:  
[ Скрыть ссылки ]




Категория: Уроки Photoshop | Добавил: ya (08.10.2008)
Просмотров: 26126 | Комментарии: 2 |
Всего комментариев: 2
avatar
0
2 ФГУП • 14:44, 31.01.2012
полная ......................
avatar
0
1 StarK • 20:26, 16.11.2008
Спасибо большое, с помощью вас узнал как это всё делается спс огромное!!!




avatar
Форма входа
Поиск
TRANSLATOR
Друзья сайта
Статистика
p
IP:34.228.142.94


Здесь и Сейчас: 1
Прохожих: 1
VIP: 0
l
n