Опрос
Вы участвуете в программе Windows Insider?
Популярные новости
Обсуждаемые новости

1
1 2 3
Не в сети
Сообщений: 861
Благодарностей: 0
Предупреждений:
Из: Russia Нижний Тагил
Род занятий: Учусь

Недавно, пользователь 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 и ещё некоторыми будем его вести.

#41464   | 05.07.06 01:04
Не в сети
Сообщений: 521
Благодарностей: 1
Предупреждений:
Из: Ukraine kiev
Род занятий: Internet

QiSoft, вот любитель рисовть

#41465   | 05.07.06 01:04
Не в сети
Сообщений:
Благодарностей: 1
Предупреждений:
Из:
Род занятий:

И учить

#41466   | 05.07.06 01:07
Не в сети
Сообщений: 907
Благодарностей: 25
Предупреждений:
Из: Russia
Род занятий: Графика и дизайн

QiSoft писал:Хотя я вот ещё чего думаю - может сделать отдельный раздел форума под это дело? Мы с Halford и ещё некоторыми будем его вести.


Я согласен)))
Кстати урок классный. У райкера похуже немного.

#41489   | 05.07.06 10:06
Не в сети
Сообщений: 907
Благодарностей: 25
Предупреждений:
Из: Russia
Род занятий: Графика и дизайн

Народ! Нужен вам "туториал" как сделать гаджет? В фотошопе естесстренно...

#41490   | 05.07.06 10:07
Не в сети
Сообщений: 866
Благодарностей: 23
Предупреждений:
Из: Russia Интернет
Род занятий: Дизайн - MiLork Vista Theme

Урок отличный! 5+
А раздел надо завести, только вот вряд ли администрация это сделает =)

#41491   | 05.07.06 10:53
Не в сети
Сообщений: 101
Благодарностей: 0
Предупреждений:
Из: Russia
Род занятий:

Вот что получилось у меня.

#41497   | 05.07.06 13:43
Не в сети
Сообщений: 511
Благодарностей: 4
Предупреждений:
Из: Russia Москва
Род занятий:

Halford :
Народ! Нужен вам "туториал" как сделать гаджет? В фотошопе естесстренно...


А чё его делать то вприниципе, нужно просто в фотошопе уметь рисовать, точно наметить идею и уметь работать со слоями...делов то.

#41501   | 05.07.06 14:27
Не в сети
Сообщений: 907
Благодарностей: 25
Предупреждений:
Из: Russia
Род занятий: Графика и дизайн

Ну сделай тогда...

#41502   | 05.07.06 14:33
Не в сети
Сообщений: 13
Благодарностей: 0
Предупреждений:
Из: Russia Москва
Род занятий: Аццкий сотона

Halford :
Народ! Нужен вам "туториал" как сделать гаджет? В фотошопе естесстренно...


Нужен!

#41520   | 05.07.06 19:38
Не в сети
Сообщений: 861
Благодарностей: 0
Предупреждений:
Из: Russia Нижний Тагил
Род занятий: Учусь

Как думаете, может урок на www.demiart.ru/tutorials/index.htm разместить?

#41521   | 05.07.06 20:15
Не в сети
Сообщений: 907
Благодарностей: 25
Предупреждений:
Из: Russia
Род занятий: Графика и дизайн

А туда можно?

#41526   | 05.07.06 20:55
Не в сети
Сообщений: 861
Благодарностей: 0
Предупреждений:
Из: Russia Нижний Тагил
Род занятий: Учусь

Halford, Нужно зарегится, создать тему на форуме и отписать её.

#41530   | 05.07.06 21:18
Не в сети
Сообщений: 907
Благодарностей: 25
Предупреждений:
Из: Russia
Род занятий: Графика и дизайн

а... ну спасибо тогда!

#41531   | 05.07.06 21:29
Не в сети
Сообщений: 861
Благодарностей: 0
Предупреждений:
Из: Russia Нижний Тагил
Род занятий: Учусь

Короче, разместил и там. Если кому интересно вот.

#41545   | 06.07.06 01:17
Все права принадлежат © ms insider @thevista.ru, 2022
Сайт является источником уникальной информации о семействе операционных систем Windows и других продуктах Microsoft. Перепечатка материалов возможна только с разрешения редакции.
Работает на WMS 2.34 (Страница создана за 0.035 секунд (Общее время SQL: 0.015 секунд - SQL запросов: 97 - Среднее время SQL: 0.00016 секунд))
Top.Mail.Ru