| Гл.Меню |
| |
 |
| Мастерская |
| |
|
| Всё для Сайта |
| |
|
| Всё для PhotoShop |
| |
|
| Всё для CS |
| |
|
| Другое |
| |
|
| Услуги сайта |
| |
|
| Блок№1 |
| |
|
| Разделы новостей |
|
|
| Мини-чат |
|
|
|
| Наш опрос |
|
|
|
Рисуем UserBar
Если вы любитель форумов, да и не любитель тоже, если вы просто
заходите на форумы, то могли там частенько видеть у пользователей в
подписи длинную узкую картинку — название которой « UserBar ».
UserBar или просто «графическая подпись (юзербар)»
обычно размещается в подписи и отражает взгляды и интересы
пользователя. Есть кучи сайтов, где можно скачать себе какие угодно UserBar'ы, но ведь будет оригинальнее сделать его самому, и, тем самым, придать ему свою индивидуальность.
Сейчас я вам покажу и расскажу как его нарисовать...
Рисуем UserBar (картинка для подписи на форуме  ):
1. Создаём новое изображение размером 350x19 пикселей:
2.
Теперь нужно сделать фон. Можно применить в качестве фона какую-либо
картинку, можно залить цветом (на ваш вкус), что я и сделал:
3. Теперь сделаем чёрную внутреннюю обводку толщиной в 1 пиксель (чтобы наш UserBar хорошо отделялся от другой информации на форуме). Для этого кликаем на нашем слое правой кнопкой (на панели слоёв – Layers), выбираем пункт Blending Options и делаем так, как показано на рисунке ниже:
4. Теперь не мешало бы добавить внутреннюю тень. Для этого в этом же окошке переходим на вкладку Inner Shadow и выставляем следующие параметры (можно и поэксперементировать):
5.
Сейчас нужно добавить к нашему изображению штриховку. Чтобы не рисовать
её полностью самому, сделаем текстуру. Чтобы создать текстуру создадим
новое изображение размером 4x4 пикселей с прозрачным фоном (Background Contents: Transparent):
6.
Закрасим полученный квадрат белым карандашом таки образом, как показано
ниже (для наглядности я использовал розовый цвет, но нужно обязательно
закрашивать белым цветом!):
7. Изображение для текстуры готово. Теперь нужно чтобы оно было доступно в PhotoShop'е. Для этого идём на вкладку Edit —> Define Pattern главного меню, в появившемся окошке вводим название текстуры и жмём OK. Теперь можно изображение, которое мы использовали для текстуры, закрыть не сохраняя – оно нам не понадобится:
8. Возвращаемся к нашему UserBar'у... Снова открываем Blending Options, переходим на вкладку Pattern Overlay, в пункте Pattern выбираем только что созданную нами текстуру и изменяем следующие параметры:
9.
Фон готов. Теперь нужно добавить текст. Лучше для этого использовать
специальные шрифты, которые хорошо читабельные даже при малом размере.
Я использовал шрифт Hooge 05_55 Cyr2 (прилагается к уроку – смотрите в конце статьи). Пишем белым шрифтом текст:
10. Добавим к нашему тексту тень:
И обводку толщиной в 1 пиксель, чёрного цвета:
11. Сейчас создадим новый слой и разместим его над слоем с фоном. Зайдём в Blending Options данного слоя и выставим значение параметра Blend Mode в Overlay:
12. Теперь нарисуем на этом слое что-нибудь любыми кисточками (на ваш вкус, а эту кисточку ищите в конце урока) белого цвета:
13.
Осталось добавить эффект стекла. Его можно сделать различными способами
— я покажу вам способ попроще. Для этого выделим часть изображения
инструментом Elliptical Marquee Tool:
И зальём его градиентом белого цвета (с помощью инструмента Gradient Tool):
14. Снимаем выделение и всё. Наш UserBar готов:
Можно ещё поэкспериментировать с эффектами, фоновым рисунком и др. Вот, например, какой UserBar сделал себе я:
.: Дополнительно :.
Скачать шрифт « Hooge 05_55 Cyr2 » | ZIP, 15.2 КБ
Скачать кисточку (пункт №12 этого урока) | ZIP, 885 КБ
|
| Категория: Дизайн | Добавил: SPAIDER (30.09.2009)
|
| Просмотров: 549
| Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
|
|
| Форма входа |
|
|
Привет: Гость
Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
|
| Поиск |
|
|
|
| Помощь |
Яндекс деньги
41001366606468
WMZ
Z313815764623
WMR
R328374170038 |
|
| Наш баннер |
Код Нашего баннера
|
|
| Друзья и топы |
Друзья
|
|
| Статистика |
Онлайн всего: 1 Бродяг: 1 Пользователей: 0
Зарег. на сайте
Всего: 224
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Администраторов: 1
Модераторов: 0
Проверенных: 0
Обычных юзеров: 223
Забаненных: 0
|
|
|
Скачать PhotoShop CS4
Софт
Заработок
Кряки
Русификаторы
Фильмы и мультики
Игры на мобилку
Музяка.mp3
Игры для ПК
Игры для PSP
Игры для X-Box
Скины для WINAMP
Скачать Photoshop CS4
Скачать Nero 8
Скачать Fraps
Скачать Sony Vegas 6
Скачать Team Speak 2
Скачать H-L Logo Creator
Скачать CS 1.6 Non steam
