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

Как да нарисувате диня и чаша сок с Adobe Illustrator

by
Read Time:5 minsLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

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

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

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

Стъпка 1

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

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

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

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

watermelon slice meshwatermelon slice meshwatermelon slice mesh

Стъпка 2

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

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

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

Стъпка 3

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

arc warparc warparc warp

Стъпка 4

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

expand appearanceexpand appearanceexpand appearance

Стъпка 5

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

add elementadd elementadd element

Стъпка 6

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

mesh ellipsemesh ellipsemesh ellipse

Стъпка 7

Приложете Effect > Warp > Arc (този път за Bend сложете -82%) и натиснете след това Expand Appearance

warp arc effectwarp arc effectwarp arc effect

Стъпка 8

Прибавете и тази част към долната част от резена и след това променете малко краищата му, за да изглежда малко по-назъбена и естествена.

modify edgemodify edgemodify edge

Стъпка 9

Започнете да рисувате семките на динята като използвате формата, която е показана отдолу.

  1. #2C1C0E
  2. #705544
  3. #453323
  4. #402014
mesh seedmesh seedmesh seed

Стъпка 10

Нарисувайте очертанията на сменето.

  1. #D72D19
  2. #B01D0C
  3. #EB5A43
gradient meshgradient meshgradient mesh

Стъпка 11

Нарисувайте форма, която запълнете с #494041 и след това задайте стойност на Opacity 60% и режим на Transparency да е в Screen

highlighthighlighthighlight

Стъпка 12

Комбинирайте всички форми в една, както е показано по-долу.

seedseedseed

Стъпка 13

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

shapesshapesshapes

Стъпка 14

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

add seedsadd seedsadd seeds

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

Стъпка 1

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

mesh basemesh basemesh base

Стъпка 2

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

watermelonwatermelonwatermelon

Стъпка 3

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

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

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

image traceimage traceimage trace

Стъпка 4

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

tracetracetrace

Стъпка 5

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

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

reflectreflectreflect

Стъпка 6

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

reflectreflectreflect

Стъпка 7

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

assembleassembleassemble

Стъпка 8

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

make clipping maskmake clipping maskmake clipping mask

Стъпка 9

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

add patternadd patternadd pattern

Стъпка 10

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

add gradientadd gradientadd gradient

Стъпка 7

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

overlayoverlayoverlay

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

Стъпка 1

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

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

Стъпка 2

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

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

Стъпка 3

Селектирайте двата горни реда на Mesh и променете Opacity на 0%

transparent meshtransparent meshtransparent mesh

Стъпка 4

Нарисувайте сока.

  1. #FFAA60
  2. #FF722F
  3. #FFB080
juice meshjuice meshjuice mesh

Стъпка 5

  1. #FF8F53
  2. #FFD2B3
  3. #FF5727
finish meshfinish meshfinish mesh

Стъпка 6

Нарисувайте чашата

  1. #FFFFFF
  2. #4D1B2D
  3. #92747F
  4. #B9A5AC
glass meshglass meshglass mesh

Стъпка 7

Променете режима да е в Multiply, a Opacity на 50%

transparent meshtransparent meshtransparent mesh

Стъпка 8

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

glass of juiceglass of juiceglass of juice

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

Стъпка 1

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

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

Стъпка 2

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

transparent meshtransparent meshtransparent mesh

Стъпка 3

Нарисувайте голямата пръска.

  1. #FDB87F
  2. #EA6F41
  3. #FEE1C8
  4. #F7874B
mesh juice splashmesh juice splashmesh juice splash

Стъпка 4

Нарисувайте още пръски.

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

Стъпка 5

  1. #EA7042
  2. #FDCCA9
  3. #FBAA6F
  4. #FFFFFF
gradient meshgradient meshgradient mesh

Стъпка 6

  1. #EA7042
  2. #FCC69E
  3. #FFFFFF
  4. #F7955E
watermelon juice meshwatermelon juice meshwatermelon juice mesh

Стъпка 7

  1. #EA7042
  2. -
  3. #FCAF77
  4. #FDE7DD
vector mesh watermelonvector mesh watermelonvector mesh watermelon

Стъпка 8

Добавете по-малките елементи към голямата пръска.

watermelon juice vector gradient mesh splashwatermelon juice vector gradient mesh splashwatermelon juice vector gradient mesh splash

Стъпка 9

Нарисувайте капките сок.

  1. #F6802F
  2. #FEC587
  3. #EB6427
juice bubblejuice bubblejuice bubble

Стъпка 10

Направете няколко копия в различни форми и размери.

different mesh bubblesdifferent mesh bubblesdifferent mesh bubbles

Стъпка 11

Привавете капките към пръската.

juice splashjuice splashjuice splash

Стъпка 12

Подредете всички елементи, които направихте до този момент в едно изображение.

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

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

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

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

original mesh imageoriginal mesh imageoriginal mesh image
Комплект чаши с плодове и сок
One subscription.
Unlimited Downloads.
Get unlimited downloads