How to Create a Rainy Window Vector Background
Дождливый Векторный Фон

Шаг 1.
Создаем новый документ 11 inches на 8.5 inches. Это может быть CMYK или RGB, на ваше усмотрение. Создаем цветовую группу из 5 оттенков. Именуем цвета "1" для самого светлого, "8" для самого темного, и остальные соответственно тоже.

Шаг 2.
Рисуем прямоугольник на нашем рабочем поле, и заливаем средним синим, из нашей группы цветов. Следуем Object > Create Gradient Mesh, и вводим 6 строк и 6 колонок.

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

Шаг 4.
Блокируем слой с задним фоном, и создаем новый выше. Рисуем круги разных размеров и в разном порядке размещаем их на документе. Заливаем круги светлыми оттенками из группы цветов, и изменяем уровень Opacity 60% - 80%.
Размещаем светлые круги, на светлых областях мешевого фона, и более прозрачные на более темные области. Выделяем все круги и следуем Effect > Blur > Gaussian Blur. Вводим значение 4 pixels. Выделяем чуть меньше кругов, и меняем значение 6 pixels.
Это придаст глубины светлым участкам. Иллюстрация должна выглядеть, как показано ниже.


Шаг 5.
Блокируем слой с кругами и создаем новый. Рисуем эллипс, и заливаем четырех шаговым градиентом, как показано ниже. Регулируем градиент так,чтобы белый цвет был по краям эллипса. Gradient Annotator в Illustrator CS4 сделать это гораздо легче, чем в более поздних версиях.

Шаг 6.
Применим Inner Glow к эллипсу.

Шаг 7.
Рисуем вытянутый эллипс, и заливаем светлым цветом из цветовой группы (Синий #1). Следуем Effect > Warp > Arc, и вводим значения как показано ниже. Помещаем эллипс поверх градиента, который мы только что создали.
Помещаем на верх и вращаем вне центра . Уменьшим или увеличим, чтобы соответствовать размерам капли. Следуем Object > Expand Appearance. Применяем радиальный градиент, как ниже, и режим смешивания на Screen.


Шаг 8.
Дублируем оригинальный эллипс, размещаем позади, и заливаем тонким темным линейным градиентом. Режим смешивания на Multiply и значение Opacity на 80%. Это будет тень для капель.

Шаг 9.
Дублируем каплю дважды. Регулируем градиенты на них; Одна должна быть светлее чем оригинал, другая темнее.

Шаг 10.
Перетаскиваем каплю в панель Символов (Symbols panel). Выбираем Graphic как Type, и называем новый символы как вам нравиться.Я назвал "Droplet Light," "Droplet Medium" и "Droplet Dark."

Шаг 11.
Теперь у нас есть созданные символы, берем Symbolism Tools кликнув и удержав Symbol Sprayer Tool (Shift + S). Перемещаем мышь через вертикальный tearoff бар, затем отпускаем. Это облегчит использование различных инструментов символа. Все инструменты символики начинаются с буквы 'S.'

Шаг 12.
Выбираем Symbol Sprayer Tool,кликаем на светлый символ с каплями, и тянем курсор через треть иллюстрации. Распылим несколько символов, потом Ctrl-click чтобы снять выделение и начать другую группу.
Свободно покройте треть иллюстрации каплями. Проделайте тоже самое для средней трети, и нижнюю треть, используя соответствующие символы и капельки для тех секций (средний и темный).
Меняйте диаметр инструмента если это необходимо, нажимая левые или правые скобки. Когда вы закончите, иллюстрация должна выглядеть как показано ниже.


Шаг 13.
Выбираем Symbol Sizer Tool. В разброс кликаем по символам, изменяя их размер. Зажмем Alt key чтобы уменьшить размер. Нужно наловчиться к таким действиям. Попытайтесь щелкать непосредственно сверху капли, чтобы изменить ее размер. Чтобы продолжить рандомизировать символы,используйте Symbol Shifter Tool чтобы переместить их.

Шаг 14.
Вы можете дублировать отдельные символы, и изменять их размеры как у целой группы. Вам решать насколько дождливый фон вы хотите, дублируйте группы, и размещайте в хаотичном порядке.
Как только вы закончили с каплями,следуем Object > Expand. Это результат для индивидуальных символов, далее следуем Object > Expand снова, чтобы вернуть символы к объектам.


Шаг 15.
Заключительный шаг работы с каплями. Изменяем размер, и располагаем также хаотично на документе, и применяем разные стили наложения.

Шаг 16.
Создаем новый слой выше слоя "circles", и ниже чем слой "drops". Используем Blob Brush Tool (Shift + B ) и рисуем несколько капель вверху страницы.
Заливаем формы темным градиентом (от Синий 8 до Синий 6), и меняем режим в панели Transparency на Soft Light. Регулируем градиенты.

Финальный результат:

Автор:Cheryl Graham
Перевод:Irdin
Отредактировано: meine_kleine — 8 Августа 2013, 11:05