Рисуем стекла как в Windows Vista
Недавно, пользователь Halford начал писать уроки для Фотошопа. Я решил продолжить его действия. Итак я научу всех делать стекла как в Windows Vista. Получится примерно то же самое что и показано
Итак приступим.
1. Для начало найдем какую нибудь картинку, на которой и будет ваше стекло (можно и без неё, но с ней будет удобнее). Я использовал эту:
Размер впринципе не имеет значения, но я ужал её до 256х256.
2. Выбираем Прямоугольник с скругленными краями, ставим радиус на 5 и рисуем примерно так, как показано на рисунке:
3. Далее правый клик по слою и Растеризовать и переименовываем слой в "Base".
4. Затем двойной щелчёк по слою или Параметры наложения (Blending Options). Ставим следующие настройки:
Stroke (Обводка).
Размер (Size): 1
Положение (Position): Outside
Цвет (Color): RGB (0,0,0) или по-русски - черный
Тень (Shadow):
Прозрачность (Opacity): 100%
Смещение (Offset): 4
Размер (Size): 23
5. Далее ставим уровень прозрачности заливки на 0%
6. Создаем новый слой, называем его "glass".
7. Удерживая Ctrl щелкаем по изображению слоя Base, чтобы выделить его содержимое.
8. Заливаем слой белым цветом и ставим прозрачность заливки на 15%
9. Заходим в Параметры Наложения (Blending options) и ставим там:
Обводка (Stroke):
Размер (Size): 1
Положение (Position): Внутри (Inside)
Тип обводки (Type): Градиент (Gradient)
Делаем себе градиент как на рисунке:
Далее, самое сложное: настраиваем угол (angle): Подстраиваем угол так, чтобы наш градиент на картинке выглядел так:
Чаще всего, этот угол колеблется от 120, до 140 градусов. Если угол не получается, то ниже есть полоска масштаб (Zoom), двигая которую, можно немного сдвинуть градиент. В любом случае у вас должно получится, ибо играя этими двумя параметрами у меня получилось даже на картинке 1600х1200.
10. Далее нам понадобится разместить блики. Вы можете их нарисовать вручную, с помощью градиента, а можете скачать готовую карту бликов из 5456.
11. Будем считать, что вы её скачали. Тогда, вставляем её на нашу картинку, нажимаем Ctrl+t и подгоняем её размер под нашу картинку (не под стекло, а под картинку).
12. Далее, удерживая Ctrl, щелкаем по изображению слоя Base, чтобы выделить его содержимое.
13. В меню Выделение (Selection) выбираем Инвертировать (Invert).
14. Нажимаем Del, чтобы убрать лишнее выделение.
15. Переименовываем слой с бликами в "Reflections" и разместим его его под слоем glass.
16. Получится нечто следующее:
17. Создаем новый слой, поверх слоя glass и называем его "Glares".
18. Опять выделяем содержимое слоя Base, вышеописанным методом.
19. Нам необходимо разместить два солнечных блика. Для этого выбираем инструмент Gradient Tool (Градиент) со стандартным градиентом из стандартного списка:
ВАЖНО, чтоб при этом, основным цветом был белый.
20. Рисуем два следующих градиента:
И
Начинать советую из угла всего рисунка.
21. Ставим режим смешиавния на Осветление (Lighting), а прозрачность заливки на 50-75%:
22. Ну и заключительный штрих. Выбираем слой Background (тот, что с фоновым рисунком)
23. Выделяем содержимое слоя Base, вышеописанным методом и Фильтры (Filters) -> Размытие (Blur) -> Размытие по Гауссу (Gaussian Blur).
24. Радиус ставим на 3.0
25. Проверяем, чтобы слои были в следующем порядке:
Glares
Glass
Reflection
Base
Background
Если не так, то сделайте, чтобы было так.
ВСЁ! ГОТОВО! Получится должно нечто следующее:
Удачи!
Хотя я вот ещё чего думаю - может сделать отдельный раздел форума под это дело? Мы с Halford и ещё некоторыми будем его вести.
QiSoft, вот любитель рисовть
И учить
QiSoft писал:Хотя я вот ещё чего думаю - может сделать отдельный раздел форума под это дело? Мы с Halford и ещё некоторыми будем его вести.
Я согласен)))
Кстати урок классный. У райкера похуже немного.
Народ! Нужен вам "туториал" как сделать гаджет? В фотошопе естесстренно...
Урок отличный! 5+
А раздел надо завести, только вот вряд ли администрация это сделает =)
Вот что получилось у меня.
Halford :
Народ! Нужен вам "туториал" как сделать гаджет? В фотошопе естесстренно...
А чё его делать то вприниципе, нужно просто в фотошопе уметь рисовать, точно наметить идею и уметь работать со слоями...делов то.
Ну сделай тогда...
Halford :
Народ! Нужен вам "туториал" как сделать гаджет? В фотошопе естесстренно...
Нужен!
Как думаете, может урок на www.demiart.ru/tutorials/index.htm разместить?
А туда можно?
Halford, Нужно зарегится, создать тему на форуме и отписать её.
а... ну спасибо тогда!