Advertisement
  1. Design & Illustration
  2. Nature
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 استفاده کنید و با اعمال اندکی تنظیمات شفافیت (Transparency) بسادگی ظاهر بهتری را برای تصاویر خود ایجاد کنید. همینطور یک پس‌زمینه طبیعی بهاری با گل‌ها را نیز طراحی خواهید کرد.

در صورتی که تمایل دارید میتوانید این آموزش را رد کنید و نتیجه نهایی را در طرح‌های مختلف در قالب یک بنر با مضمون کریسمس خریداری کنید، به سایت GraphicRiver مراجعه کنید تا تصویر ‌پس زمینه بهاری از شکوفایی گلهای شاخه ی درخت را تهیه کنید.

Spring Background

قبل از اینکه شروع کنیم، لازم است که فایل ضمیمه را با استفاده از دکمه ی قرار گرفته در سمت راست دانلود کنید. این ضمیمه شامل یک فایل است که من ایجاد کردم و در اینجا قابل استفاده خواهد بود.

1. چطور گلبرگ‌های گل را ایجاد کنیم

مرحله 1

با کشیدن یک بیضی صورتی بکمک ابزار Ellipse (کلید L) شروع کنید. آن را با رنگ کد FAE8E6# رنگ کنید و با ابزار Mesh (کلید U) کلیک کنید تا یک گره در وسط ایجاد کنید.

pink ellipse with a mesh node in the middle

مرحله 2

با کلیک و کشیدن گره ها با ابزار Mesh (کلید U) شکل را همچون تصویر زیر تغییر دهید.

shape the circle so it looks like an asymmetrical flower petall

مرحله 3

با استفاده از ابزار Mesh (کلید U)، یک مش مشابه با تصویر زیر ایجاد کنید.

create a mesh that has 6 rows and 4 columns

مرحله 4

هر یک برآمدگی‌های مش را بر اساس تصویر زیر رنگ کنید - هر کد رنگی که لازم دارید در کنار آن نوشته شده است. برای انتخاب چند برآمدگی بطور همزمان، از ابزار Lasso (کلید Q) استفاده کنید یا کلید Shift را بگیرید و با ابزار Direct Selection (کلید A) کلیک کنید.

color the petal with some darker pink nodes in the middle and a couple dark yellow nodes on the right

مرحله 5

حالا که ایجاد گلبرگ را تمام کردیم، خود گل را ایجاد میکنیم. چند کپی از گلبرگ تکمیل شده ایجاد کنید (کلیدهای Ctrl و C و سپس Ctrl و V را بزنید ، یا اینکه در حالی که کلید Alt را گرفتید کلیک کنید و بکشید) و آنها را بچرخانید تا اینطور به نظر برسند:

arrange three petals

گلبرگ سمت راست بالا باید زیر دیگر گلبرگ‌ها باشد. میتوانید بروی آبجکت کلیک راست را بزنید و با رفتن به منوی Arrange ، گزینه Send Backward (کلیدهای Ctrl و ]) را انتخاب کنید.

مرحله 6

با اضافه کردن چند گلبرگ شکل قرارگیری گل را تکمیل کنید.

arrange the petals to fill in the empty space

در مورد شکاف باز میانی نگران نباشید، چند بخش دیگر این مساله را برطرف میکنیم.

2. چطور پرچم گل را ایجاد کنیم و اجزای گل را یکی کنیم

مرحله 1

حالا پرچم‌های گل را ایجاد میکنیم. با ابزار Rectangle (کلید M) یک مستطیل باریک ایجاد کنید. یک گره مش در میان همچون کاری که در بخش قبل آموزش انجام دادیم ایجاد کنید. مستطیل را با کد #E5BE93 رنگ کنید.

very long narrow rectangle

مرحله 2

گره مش بیشتری ایجاد کنید و رنگ برآمدگی‌ها را همچون اسکرین‌شات زیر تغییر دهید - از ابزار Mesh (کلید U) استفاده کنید.

color the shape so its darker on the left and lighter on the right add a highlight

مرحله 3

حالا که مستطیل رنگ شده، با رفتن به منوی Effect ، سپس در Warp ، با انتخاب Arch ، آنرا تغییر شکل دهید. تنظیمات باید همچون مقادیر زیر باشد:

  • Bend 19% (خمش)
  • Horizontal -38% (اعوجاج افقی)
bend the shape with arch

مرحله 4

با رفتن به منوی Object و انتخاب Expand Appearance ، ظاهر شکل خود را توسیع دهید. هر بار که از افکت Warp در آینده استفاده میکنید، فراموش نکنید که این کار را انجام دهید.

expand appearance of the object

مرحله 5

از شکل خم شده کپی ایجاد کنید و طوری آنها را قرار دهید که همچون شکل زیر به نظر برسد.

add four shapes heading to the right direction with semi-regular spaces between them

مرحله 6

یک نسخه کوچکتر از شکل را ایجاد کنید و همچون اسکرین شات زیر موقعیت آنرا تنظیم کنید. در منوی Edit ، و در Edit Colors ، گزینه Saturate را انتخاب کنید و شدت Intensity را بروی 20% تنظیم کنید.

lower intensity by 20

مرحله 7

گروه دوم اشکال خم شده را زیر گروه اول قرار دهید.

arrange the second group under the first one so it fills in the big spaces

مرحله 8

حالا میخواهیم بخش دوم پرچم گل را ایجاد کنیم. با ابزار Ellipse (کلید L) یک بیضی رسم کنید و آنرا با یک رنگ نارنجی پر کنید - میتوانید از کد رنگ #EEAF58 استفاده کنید.

create a narrow ellipse with EEAF58

مرحله 9

با رفتن به منوی Object و انتخاب Create Gradient Mesh یک مش در شکل ایجاد کنید. تعداد را برای Rows (ردیف) روی 4 و برای Columns (ستون) روی 5 تنظیم کنید.

create gradient mesh as mentioned above

مرحله 10

مش را با انتخاب گره‌های نشان داده شده در اسکرین‌شات و کد رنگی که مشخص شده رنگ کنید.

make the bottom darker and the top lighter

مرحله 11

بیضی‌های آماده را به گروه شکلی که در مرحله 7 ایجاد کردیم اضافه کنید. میتوانید خودتان آنها را مرتب کنید با بر اساس شکل زیر این کار را انجام دهید.

add two or one ellipse to each stalk

مرحله 12

یک کپی از آنچه که ساختید بگیرید ، آن را بچرخانید، و آن را طوری بچرخانید که نتیجه ظاهری مشابهی با شکل زیر داشته باشد.

attach the copy to the original creation so it looks like a bowtie

مرحله 13

در نهایت، سایه ای برای پرچم گل ایجاد میکنیم. یک بیضی بکشید و با یک گردانیت شعاعی (radial) از رنگ قهوه ای به نارنجی و سپس به سفید آنرا پر کنید.

radial gradient from 512E05 to E6BE79 to white

مرحله 14

با استفاده از ابزار Gradient (کلید G)، گرادینت را بکشید تا شکل آن بیضوی شود.

gradient follows the shape of the ellipse but is a little smaller

مرحله 15

در پنل Transparency (منوی Window و سپس انتخاب Transparency حالت ترکیبی Blend Mode را بروی Multiply تنظیم کنید و مقدار Opacity را بروی 80% قرار دهید.

transparency settings mentioned above

مرحله 16

در نهایت، شکل‌هایی که در این بخش ایجاد کردید را در کنار گلبرگ‌ها که در بخش قبل ساختید قرار دهید.

finished flower

مرحله 17

برای این مرحله، خلاق باشید! چند نسخه ی مختلف از گل ایجاد کنید.  میتوانید هر یک را بچرخانید، یا گلبرگ آنرا بردارید، یا مقدار Opacity را در پنل Transparency تغییر دهید یا حتی رنگ آنها را در منوی Edit ، سپس در Edit Colors و انتخاب Adjust Colors تنظیم کنید.

من چند نمونه مختلف از گل ایجاد کردم:

example of different flowers you can create

وقتی که از گل‌هایی که ایجاد کردید راضی شدید، سراغ بخش بعدی بروید.

3. چطور برگ‌ها را ایجاد کنیم

مرحله 1

یک بیضی بکشید و آن را با رنگ کد #5F8500 پر کنید.

narrow ellipse 5F8500

مرحله 2

تصویر زیر را دنبال کنید تا یک مش ایجاد کنید و آنرا رنگ کنید.

color the middle darker and two nodes above and below the middle lighter

مرحله 3

با ابزار Pen (کلید P) خطوطی برای برگ بکشید. یک خط حاشیه سبز با رنگ کد #9E9E02 به آن اعمال کنید و در پنل Stroke (منوی Window و سپس انتخاب Stroke) پروفایل پهنای شماره 4 (Width Profile 4) را به آن اعمال کنید.

assign the width profile that looks like a triangle pointing to the left

مرحله 4

به منوی Window بروید و در پنل Pathfinder خطوط را انتخاب کنید و آنها را با هم یکپارچه (Unite) کنید.

Unite in the Pathfinder panel

مرحله 5

خطوط را در بالای بیضی قرار دهید. فایل ایلوستریتور .ai که با کلیک بروی Download Attachment در سمت راست صفحه دانلود کردید را باز کنید و شکلی را که در آن می‌یابید را در بالای برگ قرار دهید. برای این مرحله در صورت تمایل میتوانید از شکل خودتان استفاده کنید.

همه ی اجزا را انتخاب کنید، کلیک راست را بزنید و در منوی باز شده Make Clipping Mask (ایجاد ماسک چینش) را انتخاب کنید.

make clipping mask after right-clicking

مرحله 6

حالت نهایی برگ باید اینطور ظاهری داشته باشد.

finished leaf

مرحله 7

یک کپی از برگ ایجاد کنید و در منوی Edit ، سپس در Edit Colors ، گزینه Adjust Colors را انتخاب کنید تا آنرا روشنتر کنید. 13% قرمز و 10% سبز استفاده کنید.

follow the instructions above

4. چطور شاخه‌ها را ایجاد کنیم

مرحله 1

یک مستطیل باریک بکشید و آنرا با رنگ #030100 پر کنید.

long narrow rectangle 030100

مرحله 2

یک گره مش در مرکز با ابزار Mesh (کلید U) ایجاد کنید و آنرا با کد رنگ #714B00 پر کنید.

one mesh node in the middle 714B00 color

مرحله 3

در منوی Effect و سپس Warp ، گزینه Arch را انتخاب کنید تا شکل را خم کنید، 10% به Bend (خمش) آن اعمال کنید و فراموش نکنید که فرمان Expand Appearance را هم اجرا کنید.

bend the twig with arch as mentioned above

مرحله 4

چند گره مش ایجاد کنید و یکی از آنها بطوری بکشید که شبیه تصویر زیر به نظر برسد.

drag one node in the middle upwards

مرحله 5

چند گره مش دیگر بسازید تا مش را همچون اسکرین شات زیر ایجاد کنید.

create 5 columns and 4 rows of mesh

مرحله 6

ترکه را همچون تصاویر زیر رنگ کنید.

color the twig so there is lighter brown in the middle

مرحله 7

یک مستطیل دیگر ایجاد کنید، و این بار آنرا با کد رنگ #5D6A2C پر کنید.

long narrow rectangle with 5D6A2C

مرحله 8

همچون مرحله 2 آنرا تغییر شکل (Warp) دهید و تنظیمات زیر را به آن اعمال کنید:

  • Bend 24% (خمش)
  • Horizontal -40% (اعوجاج افقی)
bend the stalk with the mentioned settings

فرمان Expand Appearance را برای این شکل اجرا کنید.

مرحله 9

با استفاده از مش (Mesh)، شکل را با توجه به تصاویر زیر رنگ کنید.

color the stalk with four colors - darkest on the right side lighter in the middle lightest on the right side on the bottom

مرحله 10

شکل جدید ایجاد شده را به ترکه ای که در مرحله 6 ایجاد کردیم اضافه کنید.

attach the green stalk to the twig

5. چطور تصویر پس‌زمینه را ایجاد کنیم

مرحله 1

یک مستطیل بسازید و آن را با کد رنگ #F2F2E2 رنگ کنید.

square with F2F2E2

مرحله 2

با استفاده از ابزار Mesh (کلید U)، یک مش همچون تصویر زیر ایجاد کنید.

mesh with 4 rows and 5 columns

مرحله 3

برآمدگی‌های مختلف را همچون شکل زیر رنگ کنید.

color the background with green nodes under the spaces the leaves are going to be in and pink under the flowers

6. چطور همه چیز را سرهم‌بندی کنیم

عالیست! حال ساخت تمامی اجزای مختلف را تمام کردیم. این بخش دیگر به خلاقیت شما بستگی دارد.

مرحله 1

همه شکل‌هایی که در بخش های 1 ، 2 ، 3 ، و 4 ایجاد کردید را بردارید و طوری آنها را قرار دهید که یک یا دو شاخه ی زیبا با گل و برگ های بهاری داشته باشید. برای تاثیر گرفتن میتوانید نتیجه ی من را ببینید.

example of the finished branches

مرحله 2

تصویر پس زمینه ای که در بخش 5 ایجاد کردیم را بردارید و همه ی گل ها را روی آن قرار دهید. سپس ، یک مستطیل بالای همه اجزا ایجاد کنید. این مستطیل باید شامل تمام چیزی باشد که در تصویر نهایی میتوان دید.

در نهایت، همه ی اجزا را انتخاب کنید (کلیدهای Ctrl و A)، کلیک راست را بروی آنها بزنید و گزینه Make Clipping Mask را انتخاب کنید.

make clipping mask after selecting all and right-clicking

عالی بود، کار شما تمام شد!

حالا چیکار کنیم؟ میتوانید چند نمونه اجزای اضافی (مثل هایلایت بوکه) اضافه کنید و بروی آن تغییراتی اعمال کنید تا کاملا از تصویر پس‌زمینه بهاری خود راضی باشید.

finished image

در این آموزش، یاد گرفتید که چطور یک تصویر پس‌زمینه گل بهاری را در ابتدا با استفاده از ابزار Mesh و سپس افکت‌های Warp ایجاد کنید.

امیدوارم از این آموزش لذت برده و یاد گرفته باشید که چطور از بعضی ابزار مفید برای آینده استفاده کنید.

میتوانید تصویر پس‌زمینه گلهای بهاری مشابه را در وبسایت GraphicRiver ببینید. حتی تعداد بیشتری از آنها در نمونه‌کارهای من وجود دارد.

Spring 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.