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:

Bulgarian (Български) translation by Radostena Lozeva (you can also view the original English article)

Final product image
What You'll Be Creating

В този урок ще научите как да използвате инструмента Mesh, за да създадете диня, резен от диня и чаша сок!

Ако искате да прескочите урока и просто да използвате тази векторна графика с още две допълнителни чаши, можете да закупите от GraphicRiver комплект чаши с плодов сок.

original juice image
Комплект чаши със сок

1. Как да нарисуваме резен диня

Стъпка 1

Първо, нарисувайте правоъгълник и го запълнете с цвят #F66145, както е показано по-долу.

Нека започнем с инструмента Mesh! Изберете Mesh (U) и издърпвайте ъглите на правоъгълника докато го оформите като полукръг. След това създайте Mesh Grid, като този показан отдолу, като натискате върху възлите както е показано.

След както приключите с Mesh Grid, започнете да оцветявате мрежата като селектирате възлите по краищата на формата с интрумента Mesh (U) и промените цвета на #F2C7A4.

Продължете да оцветявате, като селектирате някои от възлите в лявата страна на резена (селектираните възли са показано по-долу) с #EE4931. След това оцветете и възлите от дясната страна на резена с #E5311B.

watermelon slice mesh

Стъпка 2

Нарисувайте кората на динята с инструмента Mesh

Използвайте следните цветове:

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

Стъпка 3

Селектирайте резултата и отидете на Effect > Warp > Arc. Задайте стойност на Bend (извивка) -91% и натиснете Apply (приложи). 

arc warp

Стъпка 4

Отидете на Object > Expand Appearance и извийте малко краищата, за да изглеждат по естествени. 

expand appearance

Стъпка 5

Добавете вътрешната част на резена, която нарисувахме преди това.

add element

Стъпка 6

Прибавете възли с цвят #466427 към Mesh елипса с цвят  #314C0B

mesh ellipse

Стъпка 7

Приложете Effect > Warp > Arc (този път за Bend сложете -82%) и натиснете след това 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

Направете няколко копия на семката. После прибавете няколко копия само на червеното очертание, като ги направите по-прозрачни със стойност на Opacity 60%

shapes

Стъпка 14

Добавете семената и червените очертания към резена.

add seeds

2. Как да нарисувате диня

Стъпка 1

Първо нарисувайте кората като използвате елипса и я запълните първо с #78A422, след това с #B1D152 и накрая с #51800B

mesh base

Стъпка 2

Завършете като прибавите още цветове във възлите (#96BD3C и #CCE782). 

watermelon

Стъпка 3

За тази стъпка е нужно да свалите изображението, което идва с този урок, watermelon.jpg. Това е снимка, която съм наравил и която ще използваме като шарка за нашата работа. 

Отворете снимката във работното поле на Adobe Illustrator, отидете на Window и отворете панела Image Trace. Там задайте стойностите, които са показани по-долу. Не забравяйте да отметнете Ignore White.

След като приключите, натиснете Trace.

image trace

Стъпка 4

Отидете на Object > Expand Appearance, за да разширите трасирания вектор, разгрупирайте (Ungroup) го и изчистете линиите, като изтриете излишните точки.

trace

Стъпка 5

Направете копие на резулата, хванете оригинала и натиснете Reflect Horizontally (Отразяване, хоризонтално).

Задайте Opacity на резултата да е 10% и Transparency да е в режим Multiply

reflect

Стъпка 6

Изберете копието на динята, което направихте по-рано, отидете на Reflect и натиснете Vertically и му задайте стойности 40%, режим Multiply

reflect

Стъпка 7

Поставете двете изображения едно върху друго, за да се слеят.

assemble

Стъпка 8

Нарисувайте очертанията на динята и изберете Make Clipping Mask.

make clipping mask

Стъпка 9

Върнете се на панела Transparency и променете Opacity (непрозрачност) на обекта на 40%. След това го поставете върху динята (зелената елипса). 

add pattern

Стъпка 10

Нарисувайте още една елипса, запълнете я с Radial Gradient със следните цветове, които да се преливат от #F9FEF3, към #B2C292, към #344927. Задайте режим Overlay и 50% за Opacity

add gradient

Стъпка 7

Поставете резултата върху динята.

overlay

3. Как да нарисувате чашата

Стъпка 1

Сега ще нарисуваме основата на чашата с помощта на инструмента Mesh. Ще са ви нужни следните цветове:

  1. #AEA8AB
  2. #724338
  3. #EEE8ED
  4. #C06131
glass base mesh

Стъпка 2

Завършете основата със следните цветове:

  1. #2C090A
  2. #756B6F
finish gradient mesh

Стъпка 3

Селектирайте двата горни реда на Mesh и променете 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, a Opacity на 50%

transparent mesh

Стъпка 8

Комбинирайте всичките елементи, за да създадете чаша със сок. 

glass of juice

4. Как да нарисувате пръските от сок

Стъпка 1

Нарисувайте сокът, който се влива в чашата.

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

Стъпка 2

Направете двата горни реда от Mesh напълно прозрачни.

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

Страхотна работа. Готови сте!

А сега какво? Можете да пробвате и с другите уроци в моя профил или да погледнете моето портфолио в GraphicRiver, както и оригиналното векторно изображение, което създадохме в този урок. 

Надявам се, че сте се забавлявали по време на урока и ще ме направите много щастлив, ако ми изпратите вашите изображения в мястото за коментари по-долу!

original mesh image
Комплект чаши с плодове и сок
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.