Создание фона в стиле Windows Vista

В дизайне часто приходится встречаться с задачей отрисовать красивый фон с бликами и градиентами. Характерный пример такого фона - обои для Windows Vista. Сегодня я покажу вам, как делаются такие картинки.

Шаг 1

Создайте новый документ размером 600x500 px. Залейте его сверху вниз градиентом с цветами #3C580E, #A4D23B.

Создание фона в стиле Windows Vista

Получится такое изображение.

Создание фона в стиле Windows Vista

Шаг 2

Создайте новый слой и снова залейте градиентом слева направо, но на этот раз первый цвет будет прозрачным, второй #64B9F0.

Создание фона в стиле Windows Vista

Получится такое изображение.

Создание фона в стиле Windows Vista

Шаг 3

Теперь нарисуем первый блик. Используя инструмент Pen Tool, нарисуйте примерно такую кривую. Обратите внимание, что верхний сегмент кривой как раз образует будущий блик.

Создание фона в стиле Windows Vista

Кликните правой кнопкой мыши на изображении, из появившегося меню выберите пункт "Make Selection...". Оставьте стандартные настройки и нажмите "Ok". Образуется выделение. Если слой с кривой залит каким-либо цветом, то, не убирая выделения, создайте новый слой, а слой с заливкой удалите.

Создание фона в стиле Windows Vista

Залейте выделение градиентом, первый цвет которого белый (#FFFFFF), а второй прозрачный. Начальную точку градиента ставьте за пределами выделения, в левой верхней части изображения. Конечную точку градиента ставьте примерно в центре выделения. То есть, градиент должен быть по диагонали. Здесь простор для экспериментов, надо получить мягкий естественный блик.

Создание фона в стиле Windows Vista

Получится примерно следующее.

Создание фона в стиле Windows Vista

Шаг 4

Повторите шаг 3 несколько раз, каждый раз создавая разные выделения. Получится примерно следующее.

Создание фона в стиле Windows Vista

Шаг 5

Уже похоже на конечный результат, правда? Осталось добавить несколько штрихов и навести лоск.

Сделайте невидимыми все слои, кроме бликов. Создайте новый слой и выберите меню Image -> Apply Image. Получится слой, в котором продублированы все блики.

Создание фона в стиле Windows Vista

Шаг 6

Возвратите к видимости все слои. Выберите слой, в котором слиты все блики, и примените к ним фильтр размытия Filter -> Blur -> Gaussian Blur. Выберите радиус, равный 7. Передвиньте слой в левый верхний угол документа и установите ему непрозрачность 65%. Продублируйте этот слой и сдвиньте его в правый нижний угол. Получилось примерно следующее.

Создание фона в стиле Windows Vista

Шаг 7

Теперь осталось немного увеличить резкость бликов. Создайте новый слой, примените к нему Image -> Apply Image. Для получившегося слоя примените фильтр усиления резкости Filter -> Sharpen -> Sharpen.

Конечный результат.

Создание фона в стиле Windows Vista

Другие статьи из этой рубрики

Уроки Photoshop. Фотопленка

Сегодня мы будем рисовать красивую извивающуюся фотопленку. Собственно, это может быть не обязательно фотопленка, а любая красивая яркая лента. Этот эффект довольно часто используется в техдизайне, я уверен, что вы уже видели такое.

30 образцов яркого и креативного веб-дизайна

Буйство красок и яркие цветовые схемы - это одна из вершин мастерства, характеризующих хорошего веб-дизайнера. В этом обзоре я подготовил для вас 30 жемчужин веб-дизайна с яркими и красочными цветовыми схемами. Они выглядят очень живо и динамично. Наслаждайтесь!

Основы Matte Painting. Создаем ландшафт

В этой статье рассказывается о том, как из нескольких стоковых фотографий сделать картинку со сказочным ландшафтом. Используются приемы коллажирования, коррекции цветового баланса и постобработки изображения.

Уроки Photoshop. Создание дизайна сайта в мистическом стиле

В этом уроке рассматривается пошаговое создание дизайна сайта в ночном мистическом стиле. Очень красиво и насыщенно.
portfolius.ru © 2008
Написать письмо