• Авторизация


Без заголовка 17-01-2010 23:08 к комментариям - к полной версии - понравилось!

Это цитата сообщения SneznyBars Оригинальное сообщение

Юзербар (userbar)



  [показать]

1. Создаём новое изображение размером 350x19 пикселей:

 

[538x310]

 

2. Теперь нужно сделать фон. Можно применить в качестве фона какую-либо картинку, можно залить цветом (на ваш вкус), что я и сделал:

[464x144]

3. Теперь сделаем чёрную внутреннюю обводку толщиной в 1 пиксель (чтобы наш User Bar хорошо отделялся от другой информации на форуме). Для этого кликаем на нашем слое правой кнопкой (на панели слоёв – Layers), выбираем пункт Blending Options и делаем так, как показано на рисунке ниже:

[509x444]

4. Теперь не мешало бы добавить внутреннюю тень. Для этого в этом же окошке переходим на вкладку Inner Shadow и выставляем следующие параметры (можно и поэксперементировать):

[531x448]

5. Сейчас нужно добавить к нашему изображению штриховку. Чтобы не рисовать её полностью самому, сделаем текстуру. Чтобы создать текстуру создадим новое изображение размером 4x4 пикселей с прозрачным фоном (Background Contents: Transparent):

[538x310]

6. Закрасим полученный квадрат белым карандашом таки образом, как показано ниже (для наглядности я использовал розовый цвет, но нужно обязательно закрашивать белым цветом!):

[209x172]

7. Изображение для текстуры готово. Теперь нужно чтобы оно было доступно в PhotoShop'е. Для этого идём на вкладку Edit —> Define Pattern главного меню, в появившемся окошке вводим название текстуры и жмём OK. Теперь можно изображение, которое мы использовали для текстуры, закрыть не сохраняя – оно нам не понадобится:

[500x118]

8. Возвращаемся к нашему User Bar'у... Снова открываем Blending Options, переходим на вкладкуPattern Overlay, в пункте Pattern выбираем только что созданную нами текстуру и изменяем следующие параметры:

[547x444]

9. Фон готов. Теперь нужно добавить текст. Лучше для этого использовать специальные шрифты, которые хорошо читабельны даже при малом размере. Я использовал шрифт Hooge 05_55 Cyr2(прилагается к уроку – смотрите в конце статьи). Пишем белым шрифтом текст:

[464x144]

10. Добавим к нашему тексту тень:

[533x444]

И обводку толщиной в 1 пиксель, чёрного цвета:

[512x444]

11. Сейчас создадим новый слой и разместим его над слоем с фоном. Зайдём в Blending Optionsданного слоя и выставим значение параметра Blend Mode в Overlay:

[557x444]

12. Теперь нарисуем на этом слое что-нибудь любыми кисточками (на ваш вкус, а эту кисточку ищите в конце урока) белого цвета:

[464x144]

13. Осталось добавить эффект стекла. Его можно сделать различными способами — я покажу вам способ попроще. Для этого выделим часть изображения инструментом Elliptical Marquee Tool:

[464x144]

И зальём его градиентом белого цвета (с помощью инструмента Gradient Tool):

[464x144]

14. Снимаем выделение и всё. Наш User Bar готов:

[464x144]

Можно ещё поэкспериментировать с эффектами, фоновым рисунком и др. Вот, например, какой UserBar сделал себе я:

[403x73]

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Без заголовка | WWWILD_WIND - Для Всех и Каждого... WWWILD_WIND | Лента друзей WWWILD_WIND / Полная версия Добавить в друзья Страницы: раньше»