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

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

Арбуз и стакан сока в Adobe Illustrator

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

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

 

 


original juice image

1. Рисуем арбузный ломтик

Шаг 1

Начнем с прямоугольника цвета #F66145.

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

Когда ваша сетка будет такой как на картинке ниже, при помощи того же инструмента Mesh/Сетчатый градиент (U) перекрасьте некоторые точки в цвет #F2C7A4.

Продолжаем перекрашивать точки (указанные на картинке ниже) в цвет #EE4931. И наконец добавляем цвета #E5311B.

watermelon slice mesh

Шаг 2

Рисуем нижнюю часть арбуза тем же инструментом.

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

  1. #F1F2CA
  2. #B1CF70
  3. #42622A
  4. #EE9B7C
  5. #F4D7BC

green line mesh

Шаг 3

Выделите получившуюся фигуру и в меню выберите Effect > Warp > Arc/Эффект>Деформация>Дуга. Укажите параметры как показано ниже.

arc warp

Шаг 4

В меню выберите Object > Expand Appearance/Объект>Разобрать оформление. Теперь немного сместите положение точек, чтобы корка выглядела натуральнее.

expand appearance

Шаг 5

Соедините обе фигуры.

add element

Шаг 6

Добавьте точек цвета #466427 в овал цвета #314C0B.

mesh ellipse

Шаг 7

Примените к овалу эффект Arc/Дуга, затем Expand Appearance/Разберите оформление.

warp arc effect

Шаг 8

Добавляем фигуру к нашему арбузу. Подкорректируйте крайние точки, чтобы фигура лучше вписалась в арбузную дольку и выглядела реалистичнее.

modify edge

Шаг 9

Начинаем рисовать семечки для арбуза.

  1. #2C1C0E
  2. #705544
  3. #453323
  4. #402014

mesh seed

Шаг 10

Затем рисуем для них фигуры, которые будут их обтекать.

  1. #D72D19
  2. #B01D0C
  3. #EB5A43

gradient mesh

Шаг 11

Нарисуйте фигуру как показано ниже цвета #494041, укажите ей Opacity/Непрозрачность в 60% в палитре Transparency/Прозрачность и режим наложения Screen/Осветление.

highlight

Шаг 12

Объедините фигуры как показано ниже.

seed

Шаг 13

Создайте разные копии семечка, редактируя размер и пропорции и сделайте их более прозрачными (60% Opacity/Непрозрачности).

shapes

Шаг 14

Поместите семечки и выемки от них на арбуз.

add seeds

2. Рисуем арбуз

Шаг 1

Для начала нарисуйте овал цвета #78A422, затем добавьте точки цвета #B1D152, и затем цвета #51800B.

mesh base

Шаг 2

Еще немного цветов (#96BD3C и #CCE782).

watermelon

Шаг 3

Для этого шага вам понадобится файл watermelon.jpg. С его помощью мы создадим узор на арбузе.

Откройте файл в Adobe Illustrator, затем в меню Window/Окно выберите палитру Image Trace/Трассировка изображения. Введите параметры как показано ниже.

image trace

Шаг 4

В меню выберите Object > Expand Appearance/Объект>Разобрать оформление, затем Ungroup/Разгруппируйте объекты и удалите лишние точки.

trace

Шаг 5

Создайте копию объекта. Выберите оригинальный объект и Reflect/Отразите его по Horizontally/Горизонтали.

Укажите Opacity/Непрозрачность в 10% и режим наложения Multiply/Умножение.

reflect

Шаг 6

Выберите копию объекта и отразите ее по вертикали. Укажите объекту непрозрачность в 40%, и режим наложения Multiply/Умножение.

reflect

Шаг 7

Поместите один объект поверх другого.

assemble

Шаг 8

Поверх объектов нарисуйте овал, выделите овал и объекты, кликните по ним правой кнопкой и выберите Make Clipping Mask/Создать обтравочную маску.

make clipping mask

Шаг 9

Вернитесь в палитру Transparency/Непрозрачность и укажите получившемуся объекту Opacity/Непрозрачность в 40%. Поместите его поверх нашего овала.

add pattern

Шаг 10

Нарисуйте еще один овал, укажите ему радиальный градиент цветов #F9FEF3 to #B2C292 и #344927 в режиме наложения Overlay/Перекрытие, и на 50% Opacity/Непрозрачности.

add gradient

Шаг 11

Поместите его на наш арбуз.

overlay

3. Рисуем стакан

Шаг 1

Для начала рисуем нижнюю часть стакана при помощи все того же инструмента Mesh/Сетчатый градиент. Вот какие цвета вам понадобятся:

  1. #AEA8AB
  2. #724338
  3. #EEE8ED
  4. #C06131

glass base mesh

Шаг 2

Завершаем цветами:

  1. #2C090A
  2. #756B6F

finish gradient mesh

Шаг 3

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

transparent mesh

Шаг 4

Рисуем сок.

  1. #FFAA60
  2. #FF722F
  3. #FFB080

juice mesh

Шаг 5

  1. #FF8F53
  2. #FFD2B3
  3. #FF5727

finish mesh

Шаг 6

Рисуем стакан.

  1. #FFFFFF
  2. #4D1B2D
  3. #92747F
  4. #B9A5AC

glass mesh

Шаг 7

Укажите стакану режим наложения Multiply/Умножение и 50% Opacity/Непрозрачности.

transparent mesh

Шаг 8

Объедините все фигуры в стакан сока.

glass of juice

4. Рисуем сок и брызги

Шаг 1

Рисуем сок, льющийся в стакан.

  1. #FC6E3C
  2. #CC3316
  3. #FEA976
  4. #FFFFFF
  5. #EA4F27
  6. #EE8357

draw juice

Шаг 2

Делаем верхние точки сетки прозрачными.

transparent mesh

Шаг 3

Рисуем большой всплеск.

  1. #FDB87F
  2. #EA6F41
  3. #FEE1C8
  4. #F7874B

mesh juice splash

Шаг 4

Рисуем больше брызг.

  1. #EA7042
  2. #FCCDB2
  3. #FFFFFF
  4. #FDAE73

mesh

Шаг 5

  1. #EA7042
  2. #FDCCA9
  3. #FBAA6F
  4. #FFFFFF

gradient mesh

Шаг 6

  1. #EA7042
  2. #FCC69E
  3. #FFFFFF
  4. #F7955E

watermelon juice mesh

Шаг 7

  1. #EA7042
  2. — 
  3. #FCAF77
  4. #FDE7DD

vector mesh watermelon

Шаг 8

Добавляем меньшие элементы к большому.

watermelon juice vector gradient mesh splash

Шаг 9

Рисуем каплю сока.

  1. #F6802F
  2. #FEC587
  3. #EB6427

juice bubble

Шаг 10

Создаем несколько модифицированных копий.

different mesh bubbles

Шаг 11

Добавляем капли к брызгам.

juice splash

Шаг 12

Объединяем все созданные элементы в одну композицию!

watermelon with watermelon slices poring juice into juice glass with splash vector gradient mesh

Результат

original mesh image

Автор урока Vladimir Galantsev

Перевод — Дежурка

Смотрите также:




Комментарии

  1. Григорий
    Thumb up Thumb down +3

    781427fe76935997f4a9b1be952fecba.jpg

    Ответить

Оставить ответ


+ 3 = девять

Вставить изображение