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

Как Нарисовать Абстрактный Золотой Фон в Adobe Illustrator, Используя Сетчатый Градиент

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

В этом уроке, вы узнаете, как использовать инструмент Сетчатый Градиент (Mesh Tool) в Adobe Illustrator, чтобы создать красивый абстрактный фон!

Если вы не хотите проходить урок, а хотите просто использовать этот фон в вашей работе, вы можете купить этот Elegant gold abstract background на GraphicRiver!

Элегантный Золотой Абстрактный Фон

1. Как Нарисовать Фон 

Шаг 1

Мы начнем с рисования двух самых больших элементов нашего фона с помощью Сетчатого Градиента. Элемент 1 - самый простой, поэтому давайте начнем с него!

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

Постарайтесь создать Градиентную Сетку как на скриншоте.

Далее, выберите узлы на нижней грани и перекрасьте их в цвет -  #FF7220. Продолжайте аналогичным образом, создавая  большее количество узлов и перекрашивая их.

Используйте эти цвета:

  1. #FFFCFA
  2. #FF7220
  3. #FF7220
  4. #FF7220
draw the background with mesh

Шаг 2

Закончите работу с элементом фона таким же образом. Для этого вам понадобятся следующие цвета:

  1. #FF7220
  2. #FF631C
  3. #FF460A
  4. #FEE5CD
finish with mesh

Шаг 3

Теперь давайте перейдем ко второму элементу нашего фона! Этот элемент более сложный.

Продолжайте использовать инструмент Сетчатый Градиент, чтобы создавать Узлы Сетки и окрашивайте их как на скриншоте ниже.

  1. #FFDDA2
  2. #F18D32
  3. #923300
  4. #FFF1B8
use mesh to draw curve

Шаг 4

Закончите работу со вторым элементом фона.

  1. #DF7B29
  2. #220D00
  3. #F5A24D
  4. #FFEBD3
finish curve

2. Как Нарисовать Кривые

Шаг 1

Теперь, когда мы нарисовали два фоновых элемента, давайте перейдем к завиткам на переднем фоне!

Начнем с первого завитка, так же как мы делали раньше.

  1. #F3B26E
  2. #FFDB9B
  3. #D67A2A
draw curve with mesh

Шаг 2

Завершите работу с завитком, использовав эти цвета:

  1. #4B2206
  2. #642401
  3. #AF5A17
finish using mesh

Шаг 3

Начните рисовать второй завиток, поменьше.

  1. #CD6816
  2. #521C00
  3. #010000
draw abstract piece with mesh

Шаг 4

Завершите работу с ним использовав еще три цвета.

  1. #170800
  2. #F7CA79
  3. #612503
finish curve

Шаг 5

Совместите два завитка и убедитесь, что они подходят друг к другу. Если нет, то измените немного их форму.

add both pieces together

3. Как Нарисовать Элемент на Переднем Фоне

Шаг 1

Теперь перейдем к последнему элементу нашего фона!

Нарисуйте прямоугольник, следующего цвета -  #FFD28C, и измените его форму перемещая узлы с помощью инструмента Сетчатый Градиент, и затем добавьте несколько полос, такого цвета - #BA5507.

draw final piece with mesh

Шаг 2

Продолжите работу, изменив цвета последнего элемента.

  1. #D6701F
  2. #FFEEBC
  3. #210C00
use mesh to draw final element

Шаг 3

Наконец, еще несколько последних штрихов!

  1. #9B3F05
  2. #FFF3DF
  3. #ECA153
add finishing touches

Шаг 4

Теперь объедините все элементы!

Элементы 1 и 2 на заднем фоне, 3 и 4 перед 2-м, и 5 элемент разместите впереди.

assemble background

Шаг 5

Давайте обрежем наш фон!

Нарисуем прямоугольный контур, в котором окажется все, что вы хотите оставить в результате. Потом выделите все элементы, щелкните правой кнопкой мыши, и выберите - Создать Обтравочную Маску (Make Clipping Mask).

make clipping mask

Шаг 6

Вот как должен выглядеть ваш фон, после того, как вы используете Обтравочную Маску!

final result

Поздравляю, Вы Все Сделали!

Спасибо, что вы прошли этот урок, и пожалуйста делитесь своими результатами  в комментариях. Я с нетерпением буду ждать их!

В этом уроке, вы узнали как создать современный абстрактный золотой фон с помощью инструмента Сетчатый Градиент.

Я надеюсь, вам понравился этот урок и вы узнали, как пользоваться Сетчатым Градиентом, что пригодится вам в будущем! Посмотрите и другие мои уроки по векторной графике, которые вы можете найти в моем профиле.

Вы так же можете приобрести этот фон, а так же может найти другие, подобные по стилю, работы в моем портфолио на GraphicRiver.

Elegant Gold Abstract Background
Advertisement
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.