a1k
26.08.2008, 18:05
тема понятна, приступим...
1. Создаём новое изображение размером 350x19 пикселей:
[Ссылки могут видеть только зарегистрированные и активированные пользователи]
2. Теперь нужно сделать фон. Можно применить в качестве фона какую-либо картинку, можно залить цветом (на ваш вкус)
3. Теперь сделаем чёрную внутреннюю обводку толщиной в 1 пиксель (чтобы наш User Bar хорошо отделялся от другой информации на форуме). Для этого кликаем на нашем слое правой кнопкой (на панели слоёв – Layers), выбираем пункт Blending Options и делаем так, как показано на рисунке ниже:
[Ссылки могут видеть только зарегистрированные и активированные пользователи]
4. Теперь не мешало бы добавить внутреннюю тень. Для этого в этом же окошке переходим на вкладку Inner Shadow и выставляем следующие параметры (можно и поэксперементировать):
[Ссылки могут видеть только зарегистрированные и активированные пользователи]
5. Сейчас нужно добавить к нашему изображению штриховку. Чтобы не рисовать её полностью самому, сделаем текстуру. Чтобы создать текстуру создадим новое изображение размером 4x4 пикселей с прозрачным фоном (Background Contents: Transparent):
[Ссылки могут видеть только зарегистрированные и активированные пользователи]
6. Закрасим полученный квадрат белым карандашом таки образом, как показано ниже (для наглядности я использовал черный цвет, но нужно обязательно закрашивать белым цветом!):
[Ссылки могут видеть только зарегистрированные и активированные пользователи]
7. Изображение для текстуры готово. Теперь нужно чтобы оно было доступно в PhotoShop'е. Для этого идём на вкладку Edit —> Define Pattern главного меню, в появившемся окошке вводим название текстуры и жмём OK. Теперь можно изображение, которое мы использовали для текстуры, закрыть не сохраняя – оно нам не понадобится:
[Ссылки могут видеть только зарегистрированные и активированные пользователи]
8. Возвращаемся к нашему User Bar'у... Снова открываем Blending Options, переходим на вкладку Pattern Overlay, в пункте Pattern выбираем только что созданную нами текстуру и изменяем следующие параметры:
[Ссылки могут видеть только зарегистрированные и активированные пользователи]
9. Фон готов. Теперь нужно добавить текст. Лучше для этого использовать специальные шрифты, которые хорошо читабельны даже при малом размере. Я использовал шрифт Visitor TT2 (BRK). Пишем белым шрифтом текст:
[Ссылки могут видеть только зарегистрированные и активированные пользователи]
10. Добавим к нашему тексту тень:
[Ссылки могут видеть только зарегистрированные и активированные пользователи]
И обводку толщиной в 1 пиксель, чёрного цвета:
[Ссылки могут видеть только зарегистрированные и активированные пользователи]
11. Сейчас создадим новый слой и разместим его над слоем с фоном. Зайдём в Blending Options данного слоя и выставим значение параметра Blend Mode в Overlay.
12. Теперь нарисуем на этом слое что-нибудь любыми кисточками (на ваш вкус, а эту кисточку ищите в конце урока) белого цвета:
[Ссылки могут видеть только зарегистрированные и активированные пользователи]
13. Осталось добавить эффект стекла. Его можно сделать различными способами — я покажу вам способ попроще. Зальем градиентом белого цвета (с помощью инструмента Gradient Tool), и уменьшим прозрачность слоя:
[Ссылки могут видеть только зарегистрированные и активированные пользователи]
так же можете эксперементировать как с эффектами, так и опровергать те действия, которые я предложил Вам в этом уроке.
Всем спасибо за внимание, это был a1k
__________________________________________________ ___
У кого совсем не получаеться, я создавал видео урок на эту тему:
Ссылки для скачивания
[Ссылки могут видеть только зарегистрированные и активированные пользователи]
[Ссылки могут видеть только зарегистрированные и активированные пользователи]
Пароль к архиву a1k
1. Создаём новое изображение размером 350x19 пикселей:
[Ссылки могут видеть только зарегистрированные и активированные пользователи]
2. Теперь нужно сделать фон. Можно применить в качестве фона какую-либо картинку, можно залить цветом (на ваш вкус)
3. Теперь сделаем чёрную внутреннюю обводку толщиной в 1 пиксель (чтобы наш User Bar хорошо отделялся от другой информации на форуме). Для этого кликаем на нашем слое правой кнопкой (на панели слоёв – Layers), выбираем пункт Blending Options и делаем так, как показано на рисунке ниже:
[Ссылки могут видеть только зарегистрированные и активированные пользователи]
4. Теперь не мешало бы добавить внутреннюю тень. Для этого в этом же окошке переходим на вкладку Inner Shadow и выставляем следующие параметры (можно и поэксперементировать):
[Ссылки могут видеть только зарегистрированные и активированные пользователи]
5. Сейчас нужно добавить к нашему изображению штриховку. Чтобы не рисовать её полностью самому, сделаем текстуру. Чтобы создать текстуру создадим новое изображение размером 4x4 пикселей с прозрачным фоном (Background Contents: Transparent):
[Ссылки могут видеть только зарегистрированные и активированные пользователи]
6. Закрасим полученный квадрат белым карандашом таки образом, как показано ниже (для наглядности я использовал черный цвет, но нужно обязательно закрашивать белым цветом!):
[Ссылки могут видеть только зарегистрированные и активированные пользователи]
7. Изображение для текстуры готово. Теперь нужно чтобы оно было доступно в PhotoShop'е. Для этого идём на вкладку Edit —> Define Pattern главного меню, в появившемся окошке вводим название текстуры и жмём OK. Теперь можно изображение, которое мы использовали для текстуры, закрыть не сохраняя – оно нам не понадобится:
[Ссылки могут видеть только зарегистрированные и активированные пользователи]
8. Возвращаемся к нашему User Bar'у... Снова открываем Blending Options, переходим на вкладку Pattern Overlay, в пункте Pattern выбираем только что созданную нами текстуру и изменяем следующие параметры:
[Ссылки могут видеть только зарегистрированные и активированные пользователи]
9. Фон готов. Теперь нужно добавить текст. Лучше для этого использовать специальные шрифты, которые хорошо читабельны даже при малом размере. Я использовал шрифт Visitor TT2 (BRK). Пишем белым шрифтом текст:
[Ссылки могут видеть только зарегистрированные и активированные пользователи]
10. Добавим к нашему тексту тень:
[Ссылки могут видеть только зарегистрированные и активированные пользователи]
И обводку толщиной в 1 пиксель, чёрного цвета:
[Ссылки могут видеть только зарегистрированные и активированные пользователи]
11. Сейчас создадим новый слой и разместим его над слоем с фоном. Зайдём в Blending Options данного слоя и выставим значение параметра Blend Mode в Overlay.
12. Теперь нарисуем на этом слое что-нибудь любыми кисточками (на ваш вкус, а эту кисточку ищите в конце урока) белого цвета:
[Ссылки могут видеть только зарегистрированные и активированные пользователи]
13. Осталось добавить эффект стекла. Его можно сделать различными способами — я покажу вам способ попроще. Зальем градиентом белого цвета (с помощью инструмента Gradient Tool), и уменьшим прозрачность слоя:
[Ссылки могут видеть только зарегистрированные и активированные пользователи]
так же можете эксперементировать как с эффектами, так и опровергать те действия, которые я предложил Вам в этом уроке.
Всем спасибо за внимание, это был a1k
__________________________________________________ ___
У кого совсем не получаеться, я создавал видео урок на эту тему:
Ссылки для скачивания
[Ссылки могут видеть только зарегистрированные и активированные пользователи]
[Ссылки могут видеть только зарегистрированные и активированные пользователи]
Пароль к архиву a1k