Russian (Pусский) translation by Andrey Rybin (you can also view the original English article)
Следуйте инструкциям этого урока и вы узнаете, как нарисовать сияющий абстрактный фон. Мы будем использовать очень полезный Скрипт, который называется Vary Hues, чтобы ускорить процесс раскрашивания, также будем использовать эффекты Трансформирования, Дискретную Кисть и немного Градиентную Сетку. У нас получится два варианта, так что давайте скорее приступать.
Шаг 1
Сначала откройте новый документ. Теперь возьмите инструмент Отрезок Линии (\) и щелкните где нибудь в монтажной области, чтобы открыть окно Параметров. Здесь задайте 100 рх, и у вас получится первая вертикальная линия. Выбрав эту линию, зайдите в Эффект > Исказить и Трансформировать > Трансформировать (Effect > Distort & Transform > Transform). Задайте для Смещения по Горизонтали - 5 рх и 70 Копий.
Для того, чтобы разобрать эффект, чтобы у вас получились отдельные линии, зайдите в Объект > Разобрать Оформление (Object > Expand Appearance) из затем Разгруппируйте их.
Шаг 2
Выберите все получившиеся у вас линии, и зайдите в Объект > Трансформировать > Трансформировать Каждый. Выберите перемещение на 5 рх по горизонтали, отметьте опцию Случайно и нажмите Копировать. Я изменила цвет Обводки на синий, так чтобы вам лучше было видно результат. Не снимайте выделение со всех линий и перейдите к следующей картинке.
Пока все синие линии выделены, нажмите Control+D, чтобы опять выполнить Трансформацию - повторить последнее действие (Сдвинуть все линии случайным образом по горизонтали на 5 рх). У вас получится еще больше линий, на картинке ниже они обозначены зеленым.
Шаг 3
Вот мы получили все наши линии, готовые к дальнейшему использованию. Мы создадим фон размером 600 х 400 рх, использовав инструмент Прямоугольник (М) (Rectangle Tool), для этого щелкните где-то по монтажной области и введите в появившемся окне размер прямоугольника. Теперь выделите все линии и давайте перейдем в панель Трансформирования (Transform Panel) (Окно > Трансформирование). Нам нужно изменить Значения для Толщины и Высоты, для этого введите значения 610 рх и 410 рх, чуть больше нашего прямоугольника. Прежде чем вы продолжите, выравняйте линии поверх прямоугольника, как на картинке, Копируйте и Вставьте Назад зеленый прямоугольник, потому что он нам понадобится еще позже.
Совет: Если вы хотите создать фон большего размера, чем этот, я рекомендую вам выбрать не 70 копий при Трансформации, а 100 и больше.
Теперь, выделите все линии, а также прямоугольник и кнопку Разделение (Divide) на панели Обработка Контуров (Pathfinder), а затем Разгруппировать (Ungroup) в меню Объект. В результате у вас получится много прямоугольников различной толщины. Задайте для них черную заливку.
Шаг 4
На этом шаге, мы будем использовать новый скрипт Vary Hues, который, на мой взгляд, очень полезный. Он очень ускоряет процесс раскрашивания. Зайдите сюда и следуйте инструкциям по загрузке и установке. После того, как вы перезапустите Иллюстратор, вы можете найти скрипт в меню Файл > Сценарии. Далее, выберите все черные прямоугольники, запустите скрипт, введите 20 и нажмите ОК. Теперь ваши полоски будут залиты различными оттенками серого, и теперь их следует Сгруппировать.
Шаг 5
Теперь, нам понадобится копия прямоугольника, который мы сделали на 3 шаге. Поместите его позади группы с полосками и залейте его градиентом, который называется Spectrum (Спектр), который вы можете найти в меню Библиотеки Образцов (Swatch Libraries) - Меню Библиотеки Образцов > Градиенты > Спектры. Установите Режим Наложения (Blending mode) на Освет.осн - Осветление Основы (Color Dodge).
Выберите группу полосок, затем зайдите в Эффект > Размытие > Размытие по Гауссу ( Effect > Blur > Gaussian Blur) и задайте Радиус 1.5 рх. Чтобы получить острые края мы используем маску. Сначала, сделайте копию прямоугольника, удалите градиентную заливку и поставьте его поверх полосок. Теперь выделите этот прямоугольник и группу полосок и зайдите в Объект > Обтравочная Маска > Создать (Object > Clipping Mask > Make).
Шаг 6
Сделайте другую копию фонового прямоугольника и поместите ее вперед. Залейте пока серым. Пока он выделен, зайдите в Объект > Создать Сетчатый Градиент (Object > Create Gradient Mesh), задайте 4 ряда и 7 столбцов и нажмите ОК.
Возьмите инструмент Прямое Выделение (А) (Direct Selection Tool) и выделите первый ряд узлов сетки, и затем измените их цвет на черный. Далее выделите все точки сетки в среднем ряду и измените их цвет заливки на белый. Для последнего ряда узлов сетки выберите черный, как цвет заливки.
Шаг 7
Теперь, мы подвинем некоторые узлы во втором ряду. Выберите Прямым Выделение узлы, указанные ниже и подвиньте их вверх. Мы будем использовать различные оттенки серого для каждого узла точек, поэтому следуйте за описанием и залейте их 90 %, 80 %, 60 %, 40 % и 30 % черного.
Повторите тоже самое для узлов четвертого ряда. Выберите указанные точки, с помощью Прямого Выделения (А) и подвиньте их как показано. Когда все сделаете, залейте их 80 %, 60 %, 40 % и 20 % оттенками черного.
И наконец, установите Режим Наложения на Умножение (Multiply), так как при этом белый цвет станет прозрачным.
Шаг 8
Возьмите инструмент Эллипс (L) (Ellipse Tool) и нарисуйте круг 10 х 10 рх. Залейте его черным и поместите круг в панель Кистей и выберите Новая Дискретная кисть (Scatter Brush). В окне Параметров, оставьте все элементы по умолчанию, и измените только Метод Окраски (Colorization Method) на Полутона (Tints).
Шаг 9
Далее, используйте Карандаш (N) (Pencil Tool), чтобы нарисовать произвольную линию через весь фон, как на рисунке ниже, и выберите в качестве Обводки, Дискретную кисть, созданную на предыдущем шаге. Чтобы изменить Параметры обводки, дважды щелкните по обводке-кисти в панели Оформление (Appearance Panel), чтобы открылось окно Параметров и подвигайте ползунки Размера, Интервала и Разброса, как хотите.
Вот величины, которые я использовала, выбранные наугад.
Шаг 10
Выберите нарисованную линию, и зайдите в Объект > Разобрать Оформление (Object > Expand Appearance). В результате, у вас получится группа окружностей. Выберите белый цвет в качестве заливки, затем зайдите в Эффект > Размытие > Размытие по Гауссу ( Effect > Blur > Gaussian Blur) и примените Радиус 2 рх. Установите Режим Наложения на Перекрытие и уменьшите Непрозрачность до 50%.
Шаг 11
Опять возьмите Карандаш (N) и нарисуйте другую линию посередине фона. Используйте в качестве обводки Дискретную Кисть, и измените Размер, Разброс и Интервалы, как вы сделали раньше.
Пока ваша линия выбрана, зайдите в Объект > Разобрать Оформление. Залейте получившуюся группу окружностей радиальным градиентом от белого к черному и установите Режим Наложения - Перекрытие (Overlay).
Шаг 12
Используя инструмент Эллипс (L) (Ellipse Tool) нарисуйте овальную фигуру по середине фона. Залейте ее линейным градиентом от серого к черному и затем зайдите в Эффект > Размытие > Размытие по Гауссу ( Effect > Blur > Gaussian Blur) и задайте Радиус 17 рх. Измените Режим Наложения на Осветление Основы, чтобы у вас получилось сияние. Поместите эллипс позади двух групп с окружностями.
Шаг 13
Теперь нам нужно скрыть по маской, все что выходит за границы фона. Для этого копируйте фоновый прямоугольник (залитый цветным градиентом на заднем плане), уберите градиентную заливку и поместите его вперед. Теперь выберите две группы окружностей, эллипс и этот прямоугольник и зайдите в Объект > Обтравочная Маска > Создать (Object > Clipping Mask > Make). Теперь можно сказать, что абстрактный фон готов.
Дополнение
1. Вот другой вариант абстрактного фона и как его можно получить, сделав несколько незначительных изменений. Начните с прямоугольника на заднем плане с градиентной заливкой и измените градиент на ваше усмотрение.
Далее перейдите к сетчатом градиенту. На этот раз я использовала черный и темные оттенки серого только внизу фона, 20% оттенка черного в верхних точках и белый цвет по-середине. Более подробно все описано в шагах 5,6 и 7.
2. Первая группа окружностей с шага 10 остается без изменений. Для второй, возьмите Карандаш (N) и нарисуйте линию, как на рисунке ниже, и следуйте инструкциям шага 11 и используйте те же установки.
3. Нарисуйте эллипс, как вы это сделали на 12 шаге, только на этот раз поместите его не верх, а не по-середине. И наконец, сделайте Обтравочную Маску, чтобы убрать все, что заходит за края, как мы это сделали на 13 шаге.
Заключение
Вот две картинки, которые у нас получились в результате. Таким образом можно создать много других вариантов, и если у вас получится что-то интересное, я бы с удовольствием посмотрела.
