Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Абстрактная иллюстрация в Adobe Illustrator

6 марта 2016 | Опубликовано в Уроки | 2 Комментариев »

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

 

 


Шаг 1

Создайте новый документ размером 8 in на 11 in. Инструментом Rectangle/Прямоугольник (M) нарисуйте фигуру по размеру холста. Укажите прямоугольнику черный цвет заливки.
Step 1

Шаг 2

Инструментом Mesh/Сетчатый градиент (U) кликните в верхней части прямоугольника, стараясь попасть в центр по горизонтали и немного отступив от верхней рамки по вертикали.
Step 2

Шаг 3

После того как вы добавите точку сетки для градиента, измените цвет этой точки в палитре Color/Цвет. Укажите точке темно-синий цвет (C=100, M=40, Y=0, and K=60). Если точка не выделена, вы можете выбрать ее инструментом Direct Selection/Прямое выделение (A).
Step 3

Шаг 4

Инструментом Mesh/Сетчатый градиент (U) создайте еще одну точку примерно в центре прямоугольника на той же вертикальной линии.
Step 4

Шаг 5

Смените цвет второй точки на темно-красный в палитре Color/Цвет (C=0, M=100, Y=100, and K=50).
Step 5

Шаг 6

Добавьте еще одну точку на той же вертикальной линии, в нижней части, и укажите ей темно-оранжевый цвет (C=0, M=80, Y=100, and K=30).
Step 6

Шаг 7

Теперь мы возьмемся за создание кисти для светящихся линий. Инструментом Rectangle/Прямоугольник (M) создайте фигуру размером 4 in на 0,125 in. Укажите фигуре серый цвет заливки (5% black).
Step 7

Шаг 8

Копируйте (Command/Ctrl + C) созданный прямоугольник и вставьте копию на передний план (Command/Ctrl + F). Укажите копии высоту в 0.03 in и заливку белого цвета.
Step 8

Шаг 9

Выделите первый длинный прямоугольник и укажите ему Opacity/Непрозрачность в 0%.
Step 9

Шаг 10

Выделите оба прямоугольника и создайте переход, выбрав в меню Object > Blend > Make/Объект>Переход>Создать. Теперь линия должна выглядеть так, словно она светится.
Step 10

Шаг 11

Выделите получившийся объект и перетащите его в палитру Brush/Кисть. Выберите вариант Art Brush/Объектная кисть. Оставьте все настройки по умолчанию. Кисть готова, можете удалить объекты из которых она была создана.
Step 11

Шаг 12

Итак, теперь мы можем начать рисовать наши линии. При помощи инструмента Brush/Кисть (B) и планшета легко и удобно нарисовать плавные линии. Если у вас нет планшета, рисуйте мышкой, или используйте инструмент Pen/Перо (P), после чего примените кисть к контуру.
Step 12

Шаг 13

Выделите линию и укажите ей blend mode/режим наложения Overlay/Перекрытие в палитре Transparency/Прозрачность.
Step 13

Шаг 14

Нарисуйте еще три линии, пересекающие друг друга в некоторых местах, и также в режиме наложения Overlay/Перекрытие.
Step 14

Шаг 15

Нарисуйте еще пять линий в режиме Overlay/Перекрытие, однако сделайте их тоньше — в 0.5 pt.
Step 15

Шаг 16

Продолжаем рисовать линии. Нарисуйте от пяти до десяти новых линий толщиной в 0.25 pt, и снизьте Opacity/Непрозрачность до 20% в палитре Transparency/Прозрачность.
Step 16

Шаг 17

Еще три линии в том же режиме наложения, но на этот раз толщиной в 3 pt, и снизьте Opacity/Непрозрачность до 35%.
Step 17

Шаг 18

Линии готовы. Теперь давайте добавим им свечения. Для начала нарисуйте круг инструментом Ellipse/Эллипс (L) размером 0.5 на 0.5 in. Укажите светло-желтый цвет заливки (8% yellow).
Step 18

Шаг 19

Копируйте (Command/Ctrl + C) круг и вставьте копию на передний план (Command/Ctrl +F), масштабируйте копию до 0.25 на 0.25 in, и укажите белый цвет заливки.
Step 19

Шаг 20

Смените Opacity/Непрозрачность большего круга на 0% в палитре Transparency/Прозрачность, и создайте переход между двумя кругами, как мы сделали это ранее.
Step 20

Шаг 21

Пометите копии получившихся объектов в одно из мест пересечения линий, и укажите режим наложения Overlay/Перекрытие.
Step 21

Шаг 22

Копируйте (Command/Ctrl + C) и вставьте (Command/Ctrl + V) объект в некоторых других местах пересечений, и это все!
Step 22

Результат

Final Image
Автор урока Ryan Putnam
Перевод — Дежурка
Смотрите также:




Комментарии

  1. Виктор
    Thumb up Thumb down 0

    Здравствуйте. Спасибо за ваш урок. Одна проблема. В результате всех манипуляций файл стал весь очень много, а иллюстратор — сильно тормозить. Подскажите, пожалуйста, каким образом можно уменьшить вес файла? Спасибо.

[an error occurred while processing the directive]


[an error occurred while processing the directive]