В стиле VISTA

автор: Vadim

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

Стиль VISTA в фотошоп

Ну, это так, лирическое отступление. Не смотря на всю мою нелюбовь к этому чудо-продукту, картинку в стиле Виста все же нарисовать можно. Хотя, если подумать, и этот факт можно поставить под вопрос. Стиль этот как то уж очень напоминает MAC’овскую заставку… Кто с кем “поделился”? Ладно… Наше дело десятое. Будем рисовать.

Новый документ 1280х1024px. Черный верх, белый низ. Определимся с фоном – основа будет сине-голубая. Если вас интересуют точные значения, то голубой цвет – 59b8ee, синий – 03196b. (рис.1)

Стиль VISTA в фотошоп

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

Стиль VISTA в фотошоп

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

Стиль VISTA в фотошоп

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

Стиль VISTA в фотошоп

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

Стиль VISTA в фотошоп

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

Стиль VISTA в фотошоп

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

Стиль VISTA в фотошоп

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

Стиль VISTA в фотошоп

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

Стиль VISTA в фотошоп

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

Стиль VISTA в фотошоп

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

Стиль VISTA в фотошоп

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

Стиль VISTA в фотошоп

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

Стиль VISTA в фотошоп

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

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

Стиль VISTA в фотошоп
Стиль VISTA в фотошоп

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