Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Illustration

Создание Абстрактной Векторной Графики с Ярким Свечением.

by
Difficulty:IntermediateLength:ShortLanguages:

Russian (Pусский) translation by Andrey Rybin (you can also view the original English article)

В этом уроке, я покажу вам как создать абстрактную векторную графику с пылающим свечением. Что замечательно в этом уроке, что здесь не используются какие либо растровые эффекты. Полученная картинка полностью выполнена в векторном формате! В этом уроке вы будете использовать переходы (blend), различные режимы наложения, и сетчатый градиент. Более того, эти техники очень просты и их можно использовать в других иллюстрациях.


Шаг 1

Создайте новый документ в 8 дюймов шириной и 11 дюймов высотой. Используйте инструмент Прямоугольник (М) (Rectangle Tool ), что бы создать прямоугольник размером с ваш документ. Залейте прямоугольник черным цветом (Я использую схему CMYK с величинами: C=100, M=100, Y=100, and K=100).

Step 1

Шаг 2

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

Step 2

Шаг 3

После того как вы добавили точку с помощью инструмента Сетчатый Градиент (U) (Mesh Tool), измените цвет узловой точки сетки в Панели цветов на темно-синий (C=100, M=40, Y=0, and K=60). Если вы случайно нажали мышкой, где-то в стороне от узла сетки, используйте инструмент Прямое Выделение (А) (Direct Selection Tool), что бы выбрать узел.

Step 3

Шаг 4

С помощью инструмента Сетчатый Градиент (U) (Mesh Tool), создайте другой узел сетки в центре прямоугольника. Постарайтесь, что бы он был на одной вертикальной линии с первым узлом.

Step 4

Шаг 5

Измените цвет второго узла сетки на темно-красный используя панель Цвет (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 Tool ), создайте прямоугольник 4 дюйма шириной и 0,125 дюймов высотой. Залейте его 5% градацией черного.

Step 7

Шаг 8

Копируйте (Command + C) новый прямоугольник и вставьте его на передний план (Command + F). Установите его высоту 0,03 дюйма и залейте белым цветом.

Step 8

Шаг 9

Выберите первый длинный прямоугольник и измените его Прозрачность на 0%. Если вам будет трудно от того, что вы не видите прямоугольника, вы можете расположить его над градиентной сеткой, и так вы будете видеть, что вы делаете.

Step 9

Шаг 10

Выберите оба прямоугольника и создайте Переход (Blend) используя вкладки Объект > Переход > Сделать. Теперь линия должна выглядеть сияющей.

Step 10

Шаг 11

Выберите ваш переходи закиньте его в панель Кисти (Brush Panel). Затем выберите из опций Объектная Кисть (New Art Brush). Оставьте все опции окна Объектной Кисти по умолчанию. Мы закончили с нашим переходом и вы можете убрать его в сторону или удалить.

Step 11

Шаг 12

С помощью новой кисти мы можем начать создавать вертикальные линии. У меня есть графический планшет Wacom, так что мне достаточно легко создавать гладкие плавные линии используя инструмент Кисть (В). Если у вас нет планшета или вы неуверенно пользуетесь инструментом Кисть, вы всегда можете воспользоваться инструментом Перо (P) (Pen Tool) и применить созданную кисть к контуру. Выберите инструмент, который вы хотите использовать и создайте вашу первую линию плавно проходящую сверху вниз по середине градиентной сетки.

Step 12

Шаг 13

Выберите новую линию измените Режим Наложения на Перекрытие (Overlay) в панели Прозрачность (Transparency Panel).

Step 13

Шаг 14

Нарисуйте еще от трех до пяти линий перекрывающих друг друга и установите для них Режим Наложения  - Перекрытие.

Step 14

Шаг 15

Теперь нарисуйте еще от трех до пяти линий, установите для них Перекрытие (Overlay), и измените толщину линий на 0.5 pt.

Step 15

Шаг 16

Снова нарисуйте еще от 5 до 10 линий,  установите для них Перекрытие (Overlay), и измените толщину линий на 0.25 pt, и установите Прозрачность (Opactity) на 20% в панели Прозрачность (Transparency Panel).

Step 16

Шаг 17

Нарисуйте еще от трех до пяти линий, установите для них Перекрытие (Overlay), и измените толщину линий на 3 pt, и установите Прозрачность (Opactity) на 35%.

Step 17

Шаг 18

Линии созданы и теперь настало время добавить еще немного свечения к нашей иллюстрации. Сперва создайте эллипс с помощью инструмента инструмент Эллипс (L) (Ellipse Tool), который будет размером 0.5 х 0,5 дюймов. Измените цвет на 8% желтого (в цветовой схеме CMYK).

Step 18

Шаг 19

Копируйте (Command + C) эллипс и Вставьте его (Command +F) на передний план, масштабируйте его до размеров 0.25 х 0.25 дюймов, и измените заливку на белый.

Step 19

Шаг 20

Далее измените Непрозрачность (Opacity) первого эллипса на 0% в панели Прозрачности и используйте инструмент Переход, так же как мы делали при создании кисти.

Step 20

Шаг 21

Поместите полученный эллипс на линию в том месте, где она пересекается с другой линией, и установите Режим Наложения на Перекрытие.

Step 21

Шаг 22

Копируйте (Command + C) и Вставьте (Command + V) наш эллипс несколько раз на линии в местах их пересечений.  Вот и Всё!

Step 22

Законченная Картинка

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

Final Image
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.