В стиле VISTA
автор: Vadim
Я не люблю “Висту”. Не люблю эти сомнительные “красивости”. Не люблю ее хваленые аэростили. Но больше всего я не люблю то, как навязывают эту ОС пользователям. Этакий безальтернативный вариант ненавязчивого сервиса. Хочешь новый компьютер? Пожалуйста! Но, микрософт рекомендует Висту. (Рекомендует, правда в принудительном порядке). И никаких других вариантов не предусмотрено. Я все же полагал, что слово “рекомендует” должно иметь несколько другой смысл…

Ну, это так, лирическое отступление. Не смотря на всю мою нелюбовь к этому чудо-продукту, картинку в стиле Виста все же нарисовать можно. Хотя, если подумать, и этот факт можно поставить под вопрос. Стиль этот как то уж очень напоминает MAC’овскую заставку… Кто с кем “поделился”? Ладно… Наше дело десятое. Будем рисовать.
Новый документ 1280х1024px. Черный верх, белый низ. Определимся с фоном – основа будет сине-голубая. Если вас интересуют точные значения, то голубой цвет – 59b8ee, синий – 03196b. (рис.1)

Следующий этап – абстрактное нанесение цветовых пятен. Инструмент “Brush” (B) (Кисть). Размер и нажим на ваше усмотрение. Единственный принцип – низ должен остаться темнее верха. (рис.2)

Третий шаг – размытие. “Filter – Blur – Gaussian Blur” (Фильтр – Размытие – Размытие по Гауссу). Радиус 160 px. (рис.3)

Для того чтобы сделать цвета более насыщенными, делаем копию слоя, устанавливаем для нее режим смешивания “Multiply” (Умножение) и объединяем с предыдущим слоем. “Merge Layers” (Объединить слои) (Ctrl+E). Для большей убедительности корректируем яркость командой Brightness/Contrast (Яркость/Контрастность). Я сдинул бегунок яркости на +50. (рис.4)

Чтобы совсем закончить с фоном еще раз размоем изображение “Filter – Blur – Gaussian Blur” (Фильтр – Размытие – Размытие по Гауссу). Радиус 100 px. (рис.5)

Теперь можно приступить к деталям. Создадим очень пологое овальное виделение, намного больше самого документа. Инструмент “Eliptical Marquee” (M) и скопируем выделенный фрагмент в новый слой. (Ctrl+C, Ctrl+V). Теперь добавим свечения нашему контуру. Кликнем по миниатюрке слоя в панеле “Layers” (Слои), чтобы открыть окно “Layer Style”. Нас интересует опция “Outer Glow” (Наружнее свечение). Устанавливаем белый цвет и в разделе “Elements” (Элементы) ставим значения параметров: ‘Spread’ – 3%, “Size” – 100px. (рис.6).

Затем командой “Edit – Free Transform” (Ctrl+T) (Редактирование – Свободное трансформирование) поворачиваем наш фрагмент против часовой стрелки. Точный угол поворота я не указываю. Вы можете вертеть фрагмент как захотите. Вовсе не обязательно повторять мое расположение. Небольшая деталь – после поворота, в верхнем левом углу у вас появятся ненужные края фрагмента. Чтобы избавится от этого, примените еще раз команду Free Transform” (Ctrl+T) и увеличьте фрагмент. (рис.7)

Следующие шаги – сплошное копирование и повороты предыдущих фрагментов. Итак, делаем новую копию предыдущего слоя, и немного поворачиваем по часовой стрелке. При этом, можно немного ослабить свечение, чтобы наши светящиеся линии не сливались друг с другом. Кликнем по миниатюрке слоя в панеле “Layers” (Слои). Все та же опция “Outer Glow” (Наружнее свечение). Устанавливаем белый цвет. В разделе “Elements” (Элементы) меняем значение параметра: “Size” – 30px. В завершение – устанавливаем режим смешивания “Lighten” (Замена светлым). Его мы будем использовать для все последующих слоев. (рис.8).

Итак, две светящиеся линии мы нарисовали. Идем дальше. Снова копируем последний слой, поворачиваем по часовой стрелке и немного смещаем вниз. Теперь для этого слоя меняем прозрачность на 40%. Панель (Слои), параметр “Opacity” (Прозрачность). (рис.9)

Снова копируем последний слой, поворачиваем немного против часовой стрелки. К уже имеющимся эффектам слоя добавляем внутреннее свечение. Кликаем по миниатюрке слоя и открываем окно “Layer Style”. Включаем режим “Inner Glow” (Внтреннее свечение). Параметры оставим по умолчанию. (рис.10).

Дальше почти тоже самое. Продолжаем копировать слои, немного поворачивать и менять прозрачность. (рис. 11).

Для последних двух копий (рис.12) поменяем режим смешивания на “Soft Light” (Мягкий свет) и сотрем нижнюю часть линий.

Основную часть работы можно считать законченной. Конечно можно нарисовать еще десяток линий, но я решил остановиться на этом. Теперь можно (но не обязательно) подкорректировать цвета. Для этого создаем новый слой в самом верху документа и раскрашиваем его примерно так, как у меня (рис.13).

Включаем режим смешивания “Color” (Цвет) и меняем прозрачность на 30%. (рис.14).

Вот кажется и все. Помня о том, что статья называлась “В стиле VISTA” я решил все же сделать соответствующую надпись. Ну, а раз появилась надпись – пришлось нарисовать и логотип (рис.15).


Можете взглянуть на результат. Если цвета показались вам слишком контрастными, можно немного подкорректировать их и сделать картинку более мягкой (рис.16).
Удачных вам экспериментов.