Создание фона в стиле Windows Vista
В дизайне часто приходится встречаться с задачей отрисовать красивый фон с бликами и градиентами. Характерный пример такого фона - обои для Windows Vista. Сегодня я покажу вам, как делаются такие картинки.
Шаг 1
Создайте новый документ размером 600x500 px. Залейте его сверху вниз градиентом с цветами #3C580E, #A4D23B.
Получится такое изображение.
Шаг 2
Создайте новый слой и снова залейте градиентом слева направо, но на этот раз первый цвет будет прозрачным, второй #64B9F0.
Получится такое изображение.
Шаг 3
Теперь нарисуем первый блик. Используя инструмент Pen Tool, нарисуйте примерно такую кривую. Обратите внимание, что верхний сегмент кривой как раз образует будущий блик.
Кликните правой кнопкой мыши на изображении, из появившегося меню выберите пункт "Make Selection...". Оставьте стандартные настройки и нажмите "Ok". Образуется выделение. Если слой с кривой залит каким-либо цветом, то, не убирая выделения, создайте новый слой, а слой с заливкой удалите.
Залейте выделение градиентом, первый цвет которого белый (#FFFFFF), а второй прозрачный. Начальную точку градиента ставьте за пределами выделения, в левой верхней части изображения. Конечную точку градиента ставьте примерно в центре выделения. То есть, градиент должен быть по диагонали. Здесь простор для экспериментов, надо получить мягкий естественный блик.
Получится примерно следующее.
Шаг 4
Повторите шаг 3 несколько раз, каждый раз создавая разные выделения. Получится примерно следующее.
Шаг 5
Уже похоже на конечный результат, правда? Осталось добавить несколько штрихов и навести лоск.
Сделайте невидимыми все слои, кроме бликов. Создайте новый слой и выберите меню Image -> Apply Image. Получится слой, в котором продублированы все блики.
Шаг 6
Возвратите к видимости все слои. Выберите слой, в котором слиты все блики, и примените к ним фильтр размытия Filter -> Blur -> Gaussian Blur. Выберите радиус, равный 7. Передвиньте слой в левый верхний угол документа и установите ему непрозрачность 65%. Продублируйте этот слой и сдвиньте его в правый нижний угол. Получилось примерно следующее.
Шаг 7
Теперь осталось немного увеличить резкость бликов. Создайте новый слой, примените к нему Image -> Apply Image. Для получившегося слоя примените фильтр усиления резкости Filter -> Sharpen -> Sharpen.
Конечный результат.
