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 و افکت‌های Warp در ادوبی ایلوستریتور استفاده کنید تا یک بنر سبزه‌ باطراوت بهاری بسازیم.

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

Green Grass
Green Grass (چمن سبز)

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

مرحله 1

در مرحله اول میخواهیم یک برگ باریک از سبزه را ایجاد کنیم. یک مستطیل باریک و بلند با استفاده از ابزار Rectangle (کلید M) ایجاد کنید.

Green rectangle

مرحله 2

آن را سبز کنید. از کد رنگ #699108 استفاده کنید، من هم در این آموزش از همین کد رنگ استفاده میکنم.

Colored with 699108

مرحله 3

با ابزار Direct Selection (کلید A) ، گوشه راست بالایی مستطیل را انتخاب کنید و آنرا پاک (delete) کنید تا یک شکل مثلثی داشته باشید.

Deleted node to create triangle

مرحله 4

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

Created nodes with Mesh Tool

مرحله 5

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

Colored node with 325001

مرحله 6

سپس گره دوم از پایین را انتخاب میکنیم و آنرا با کد رنگ #7CA10F رنگ میکنیم.

Colored node with 7CA10F

مرحله 7

به رنگ‌کردن گره‌ها ادامه دهید، و رنگ‌ها را بصورت روشن‌تر و تیره‌تر، همانطور که در تصویر زیر نشان داده شده تغییر دهید:

کد رنگ #4C6C06 را برای گره سوم استفاده کنید.

Colored node with 4C6C06

کد رنگ #7CA10F را برای گره چهارم استفاده کنید.

Colored node with 7CA10F

کد رنگ #416203 را برای گره پنجم استفاده کنید.

Colored node with 416203

نهایتا کد رنگ #7CA00D را برای بالاترین گره استفاده کنید.

Colored node with 7CA00D

مرحله 8

با کلیک در حوالی میانه‌ی شکل با ابزار Mesh (کلید U)، یک ردیف دیگر از گره مش ایجاد کنید.

Created node in the middle of the shape

مرحله 9

با انتخاب همه گره‌ها با ابزار Lasso Tool (کلید Q) و رنگ کردن آنها با کد #F3FF84 ، انتهای لبه‌ی برگ سبزه را باریکتر کنید.

Colored the tip with F3FF84

مرحله 10

گره‌های ردیف میانی را با استفاده از ابزار Lasso (کلید Q) انتخاب کنید و با رفتن به منوی Edit ، سپس Edit Colors ، و انتخاب Adjust Colors ، رنگ آنها را تنظیم کنید.

تنظیمات نمایش داده شده در زیر را وارد کنید: %17 قرمز (Red) و %12 درصد سبز (Green)

Adjusted the colors 17 Red 12 Green

2. چطور شکل سبزه را با استفاده از افکت‌های warp ایجاد کنیم

مرحله 1

حالا چهار کپی دیگر از برگ باریک سبزه ایجاد میکنیم تا آنها را تغییر دهیم. میتوانید با زدن کلیدهای Ctrl و C و سپس Ctrl و V تعدادی از آن ایجاد کنید یا خیلی ساده بروی شکل کلیک کنید و در حالیکه کلید alt را گرفتید بکشید.

Created five copies

مرحله 2

یکی از کپی‌ها را انتخاب کنید و به منوی Effect بروید و در Warp ، گزینه Flag را انتخاب کنید. از این تنظیمات استفاده کنید:

  • 45% Bend (خمش)
  • 21% Horizontal Distortion (اعوجاج افقی)

با این کار برگ باریک سبزه را تغییر شکل (warp) میدهیم و آنرا طبیعی‌تر میکنیم.

Warped with Flag 45 Bend 21 Horizontal Distortion

مرحله 3

شکل حاصل را انتخاب کنید و به منوی Object بروید و Expand Appearance را انتخاب کنید تا شکل را با افکت اعمال شده تطبیق دهید. یادتان باشد که هر بار افکت Warp را اعمال میکنید این کار را انجام دهید.

Expanded Appearance

مرحله 4

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

  • 8% Bend (خمش)
  • 6%- Horizontal Distortion (اعوجاج افقی)

بعد از این کار، مرحله 3 را تکرار کنید.

Warped with Arc 8 Bend -6 Horizontal Distortion

مرحله 5

برای شکل سوم هم به منوی Effect بروید و در Warp ، گزینه Flag را انتخاب کنید، اما تنظیماتی متفاوت را به شکل زیر اعمال کنید:

  • 35%- Bend (خمش)
  • 10%- Horizontal Distortion (اعوجاج افقی)

مرحله 3 را تکرار کنید.

Warped with Flag -35 Bend -10 Horizontal Distortion

مرحله 6

برای رسیدن به ظاهری متفاوت، میتوانید با استفاده از کارکرد Add Anchor Point (کلید +) بروی شکل نقاط anchor point ایجاد کنید و سپس آنها را با ابزار Direct Selection (کلید A) بکشید، همانطور که من در اینجا این کار را انجام دادم.

Added Archor Point and dragged it a little downwards

مرحله 7

حال سراغ شکل پنجم میرویم، سپس در منوی Effect و سپس Warp ، با انتخاب Rise ، تنظیمات زیر را اعمال میکنیم:

  • 46%- Bend (خمش)
  • 26% Horizontal Distortion (اعوجاج افقی)
  • 1% Vertical Distortion (اعوجاج عمودی)

مرحله 3 را تکرار کنید.

Warped with Rise -46 Bend 26 Horizontal Distortion 1 Vertical Distortion

مرحله 8

نهایتا آخرین شکل را با رفتن به منوی Effect ، در Warp ، انتخاب Flag و اعمال تنظیمات زیر تغییر دهید.

  • 75% Bend (خمش)
  • 71% Horizontal Distortion (اعوجاج افقی)
  • 1% Vertical Distortion (اعوجاج عمودی)

مرحله 3 را تکرار کنید.

Warped with Flag 71 Bend 71 Horizontal Distortion 1 Vertical Distortion

مرحله 9

کار ما با تغییر شکل (warp) تمام شد ! حالا برگ‌های سبزه را بطوری بچرخانید تا در حالت درستی قرار بگیرند. هر 5 نسخه را انتخاب کنید و یک کپی از آنها ایجاد کنید (کلیدهای Ctrl و C را بزنید و سپس Ctrl و V را بزنید)

Created a copy of the grass

مرحله 10

شکل‌ها را انتخاب کنید و با رفتن به منوی Edit ، سپس Edit Colors و انتخاب Adjust Colors ، سبزه را تیره‌تر کنید.

  • 18%- Red (قرمز)
  • 19%- Green (سبز)
Adjusted the colors -18 Red -19 Green

مرحله 11

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

در منوی Edit و سپس Edit Colors ، گزینه‌ی Adjust Colors را انتخاب کنید.

  • 12% Red (قرمز)
  • 13% Green (سبز)
Adjusted the colors 12 Red 13 Green

مرحله 12

حال که نسخه‌هایی از برگ‌ها با رنگ‌های مختلف داریم، میخواهیم در مورد طول سبزه فکر کنیم !

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

Created more copies and scaled them to look shorter

3. چطور بنر سبزه‌ی خودتان را بسازید

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

مرحله 1

با استفاده از برگ‌های باریک سبزه که تازه ایجاد کردیم و کنار هم قرار دادن آنها، یک ناحیه از سبزه را ایجاد کنید. میتوانید از شکل‌ها کپی بگیرید و آنها را به عقب (کلیدهای Shift و Ctrl و ]) یا به جلو (کلیدهای Shift و Ctrl و [) بیاورید. البته میتوانید با استفاده از کارکردهایی که در این آموزش یاد گرفتید تکه‌های مختلف را هم تغییر دهید (میتوانید رنگ ، حالت تغییر شکل(warp) و غیره را تغییر دهید)

Arranging the grass

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

Final arranged picture

مرحله 2

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

Copying the grass patch - do not leave white spaces

مرحله 3

گروه دوم را انتخاب شده حفظ کنید و کلیدهای Ctrl و D را فشار دهید. با این کار آنرا دوباره کپی میکنید.
این کار را دوباره تکرار کنید تا از طول نهایی بنر خود راضی شوید.

Final banner

4. چطور آنرا زیباتر کنیم

تقریبا کار ما تمام شد ! تنها چیزی که باقی مانده این است که کمی ظاهر بنر را زیباتر کنید.

مرحله 1

یک مستطیل سفید با ابزار Rectangle (کلید M) بکشید. سایز برای الان اهمیتی ندارد.
ابزار Mesh (کلید U) را بردارید و یک گره در مرکز شکل ایجاد کنید.

White rectangle mesh node in the middle

مرحله 2

سه گره پایین را با ابزار Lasso (کلید Q) انتخاب کنید و رنگ #293500 را به آنها اعمال کنید.

Coloring the bottom row with 293500

مرحله 3

بطوری مشابه گره‌های میانی را انتخاب کنید و آنها را با کد رنگ #B8B87A پر کنید.

Coloring the middle row with B8B87A

مرحله 4

پنل Transparency (شفافیت) را باز کنید (در منوی Window ، انتخاب Transparency را برگزینید) و حالت ترکیبی Transparency شکل را به Multiply تغییر دهید.

Setting the Transparency to Multiply

مرحله 5

شکل را بطوری بکشید و اسکیل کنید تا متناسب با پایین بنر سبزه شما شود. در صورتی که فکر میکنید سایه خیلی تاریک است، در پنل Transparency ، مقدار Opacity را تغییر دهید. من آنرا بروی %70 قرار دادم.

Scaling the shape so it goes from the bottom to about the half of the banner

مرحله 6

در اینجا یک Clipping Mask (ماسک چیدن) ایجاد میکنیم تا بطور موثر بنر را برش دهیم.

بنابراین حالا یک مستطیل ایجاد کنید و آن را به بالای تصویر ببرید. قاب این مستطیل باید شامل تمام آنچه باشد که در تصویر نهایی میخواهید.

Creating rectangle for Clipping Mask

مرحله 7

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

Doing the Clipping Mask

تبریک میگم، کار تمام شد !

حالا چی؟ میتوانید بروی بنر خودتان بیشتر کار کنید. برای مثال برگ‌های مختلف سبزه را بکشید و بچرخانید. همینطور میتوانید رنگ سایه را هم تنظیم کنید.

Final Result

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

امیدوارم از این آموزش لذت برده باشید و ابزار مفیدی را برای استفاده در آینده یاد گرفته باشید.

این بنر سبزه منحصرا در این آموزش ساخته شده است، اما میتوانید بنرهای سبزه مشابه را در این تصاویر بیابید و موارد بیشتری هم در نمونه‌کارهای من وجود دارند.

Green Grass
Green Grass Banners (بنرهای چمن سبز)
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.