Advertisement
  1. Design & Illustration
  2. Gradient Mesh Tool
Design

روش ساخت وکتور زمینه پاییزی در ادوبی ایلوستریتور

by
Difficulty:BeginnerLength:ShortLanguages:

Persian (پارسی) translation by Ahmad Mostofi (you can also view the original English article)

Final product image
What You'll Be Creating

در این آموزش ساده، یاد میگیرید که چطور از ابزار Mesh و کمی Image Trace (طرح تصویر) در ادوبی ایلوستریتور استفاده کنید تا یک زمینه پاییزی بسازید!

در صورتیکه میخواهید این آموزش را رد کنید و فقط این زمینه را در کار خود استفاده کنید، میتوانید تصویر زمینه پاییزی با چتر و پوتین های بارانی را از وبسایت GraphicRiver تهیه کنید!

Autumn Background with Umbrella and Rain Boots
زمینه پاییزی با چتر و پوتین های بارانی

1. چطور پوتین ها را بکشید

مرحله 1

با کشیدن اولین پوتین با ابزار Gradient Mesh شروع میکنم.

یک مستطیل نارنجی بسازید که رنگ آن #CB492C می باشد.

سپس ابزار Mesh (کلید U) را بردارید. کلیک کنید تا گره ایجاد کنید که در نتیجه شبکه مش ایجاد میکنید. وقتی که شبکه مش بقدر کافی ضخیمی دارید، لبه های مستطیل را بگیرید و جابجا کنید تا شکلی با گردی بیشتر داشته باشید. بایستی شبیه شکل یک پوتین شود.

وقتی کار شما با ایجاد شکل تمام شد، گره های سمت چپ کفش را انتخاب کنید (در حال حاضر در اسکرین شات رنگ متفاوتی دارند) و آنها را با رنگ #F7997F پر کنید.

سپس، گره های رو لبه های آبجکت را انتخاب کنید (همانطور که در زیر انتخاب شده اند) و آنها را با رنگ #A73013 پر کنید. چند تون قرمز تیره تر در مرحله چهارم با رنگ #BA391D اضافه کنید و سپس با رنگ های #DD6B4E و #D0593C هایلایت بیشتری اضافه کنید.

همواره مطمئن شود از اینکه گره هایی که در اسکرین شات زیر انتخاب شده را انتخاب میکنید و رنگ مطابق آنرا اعمال میکنید.

gradient mesh tutorial autumn background rain boots

مرحله 2

یک آبجکت با شکل تخت کفش برای پوتین بکشید و آنرا با رنگ #1A1C24 پر کنید. آنرا به شکل مش ضمیمه کنید و سپس کپی کوچکتری از هر دو آبجکت بسازید.

vector rain boots

مرحله 3

نسخه ی کوچکتر را با مش اصلاح کنید. به این رنگ ها نیاز خواهید داشت:

  1. -
  2. #98250F
  3. #CA4C31
rain boot mesh tutorial

مرحله 4

با تکثیر یک بیضی پر شده با گرادینت شعاعی (Radial) از رنگ #C4A78B تا سفید، چند سایه اضافه کنید. آنها را روی Multiply تنظیم کنید.

gradient shadow

2. چطور چتر را بکشید

مرحله 1

کشیدن چتر با مش را شروع کنید.

  1. #EE836B
  2. #BB361E
  3. #D34628
gradient mesh

مرحله 2

  1. #F77758
  2. #AE1E0A
  3. #E13D1C
  4. #FF6944
gradient mesh tutorial

مرحله 3

  1. #E56F52
  2. #B43019
  3. #CC4428
umbrella vector

مرحله 4

  1. #A43627
  2. #52130D
  3. #230303
  4. #81251A
vector mesh umbrella tutorial

مرحله 5

با پر کردن یک مستطیل باریک با یک گرادینت خطی Linear یک دسته بکشید. بایستی شامل این رنگ ها باشد. C6BDB3# - #4A4138 - #BAAFA4 - #14120F

gradient umbrella handle

مرحله 6

با اعمال یک گرادینت به خط حاشیه مسیر رسم شده، بخش نهایی را بکشید. بایستی شامل این رنگ ها باشد: 1B0D03# - #C39983 - #1B0D03

فرمان Expand را روی مسیر اجرا کنید.

gradient

مرحله 7

اجزای چتر را به هم وصل کنید و زیر آن چند سایه ایجاد کنید.

vector umbrella

3. چطور زمینه و کف را بکشید

مرحله 1

با کشیدن پس زمینه با مش شروع کنید.

  1. #DDF5E2
  2. #86AFAE
  3. #E2AD12
  4. #FEF69B
mesh adobe illustrator

مرحله 2

  1. #FFFEFD
  2. #E7D2A8
  3. #ADC4AE
  4. #C98105
gradient mesh

مرحله 3

  1. #ECF1C4
  2. #E1E0B4
mesh background

مرحله 4

برای اضافه کردن کف چوبی، ابتدا بخش 4 این آموزش را بررسی کنید:

سپس با رفتن به منوی Effect و سپس در Distort & Transform و انتخاب Free Distort همانطور که در زیر نشان داده شده آنرا خم کنید.

نتیجه بعد از اجرا کردن فرمان Expand Appearance

free distort

مرحله 5

یک شکل روی بخش هایلایت شده کف بکشید و سپس آنرا بصورت Clipping Mask تنظیم کنید.

clipping mask

مرحله 6

یک زمینه با رنگ #533D18 پشت قطعات تخته پوش قرار دهید.

planks backdrop

مرحله 7

یک مستطیل بسازید، آنرا با یک گرادینت از رنگ #F5BB59 تا رنگ #75441B پر کنید.

آنرا روی حالت ترکیبی Overlay با 80 درصد Opacity تنظیم کنید و آنرا در بالای کف قرار دهید.

gradient overlay

مرحله 8

یک لبه ی کوچک با استفاده از یک گرادینت شعاعی Radial روی خط حاشیه از رنگ #42210B تا #F5BB59 ایجاد کنید.

gradient rim

4. چطور برگ ها و نور بوکه را اضافه کنید

مرحله 1

در این آموزش یاد بگیرید چطور برگ نارنجی را درست کنید:

سپس با رفتن به منوی Effect ، سپس در Warp و انتخاب Arc و با استفاده از تنظیمات زیر آنرا خم کنید:

  • Bend: 30% (خم)
  • H.: -26% (افقی)
  • V.: 26% (عمودی)

نتیجه بعد از اجرا کردن فرمان Expand Appearance

warp effects adobe illustrator

مرحله 2

یک کپی از برگ خم شده اضافه کنید و با رفتن به منوی Edit و سپس Edit Colors و سپس انتخاب Adjust Colors آنرا زرد کنید.

adjust colors

مرحله 3

یک بار دیگر برگ اصلی را بردارید و با رفتن به منوی Effect و سپس Warp و انتخاب Arc آنرا خم کنید.

warp effect arc

مرحله 4

یک کپی دیگر از این یکی هم ایجاد کنید و با رفتن به منوی Edit و سپس Edit Colors و انتخاب Saturate آنرا روشنتر کنید.

saturate

مرحله 5

دکمه ی Download Attachment را روی سایدبار سمت راست صفحه بزنید و فایل leaf.jpg را در فایل کاری خود در ادوبی ایلوستریتور باز کنید.

leafjpg

مرحله 6

از فرمان Image Trace (طرح تصویر) استفاده کنید تا یک طرح سیاه و سفید از آن جدا کنید.

image trace adobe illustrator

مرحله 7

طرحی که بدست می آورید را با رنگ #D09739 پر کنید. یک برگ واقعی اضافه کنید و آنرا با رنگ #EAC02C و مقدار 20 درصد Opacity پر کنید.

image trace

مرحله 8

یک برگ دیگر اضافه کنید و این بار آنرا با رنگ #E09736 پر کنید. همینطور از مقدار 20 درصد Opacity استفاده کنید.

leaf vector

مرحله 9

برگ ها را بچینید و زیر هر یک از آنها سایه اضافه کنید.

vector leaves

مرحله 10

با یک دایره پر شده با گرادینت شعاعی Radial یک ماسک Opacity Mask از رنگ #FF1200 تا بی رنگی ایجاد کنید. حالت ترکیبی Transparency mode را روی Screen با 70 درصد Opacity تنظیم کنید.

transparency settings

مرحله 11

در صورتی که دوست دارید نور بوکه اضافه کنید، این کار را اینجا بگیرید:

یک پس زمینه بسازید.

bokeh lights vector

مرحله 12

همه ی اجزا را با هم ترکیب کنید!

autumn background vector

تبریک میگویم، کار شما تمام است!

از اینکه این آموزش را دنبال کردید ممنونم و خواهش میکنم نتیجه حاصل خود را در کامنت ها پست کنید. منتظرم که کار شما را ببینم!

در این آموزش یاد گرفتید که چطور یک زمینه پاییزی با استفاده از ابزار Mesh ایجاد کنید. امیدوارم از این آموزش لذت برده باشید و یاد گرفته باشید که در آینده چطور از ابزار Gradient Mesh استفاده کنید! چند آموزش وکتوری دیگر من را در پروفایل آموزشی من بررسی کنید.

میتوانید زمینه پاییزی با چتر و پوتین بارانی و همینطور طراحی های مشابهی را در نمونه کارهای من در وبسایت GraphicRiver تهیه کنید.

End Result
زمینه پاییزی با چتر و پوتین بارانی

آموزش های دیگری که ممکن است بپسندید را بررسی کنید!


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.