مغزابزار > آموزش‌ > طراحی و تصویرسازی > ایلوستریشن > چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم
آموزش ایلوستریتور ایلوستریشن

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

سطح آموزش: مقدماتی

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

آنچه خواهید ساخت

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

در صورتی که میخواهید بروی شکل، لوگو و یا نوشته خود افکت سبزه عید اعمال کنید، اما زمان کافی ندارید، میتوانید با کلیک بروی تصویر زیر مجموعه کامل و زیبای اکشن فتوشاپ تولید سبزه Grass Generator را تهیه کنید.

اکشن فتوشاپ تولید سبزه

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

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

مرحله ۱

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

مرحله ۲

آن را سبز کنید. از کد رنگ #۶۹۹۱۰۸ استفاده کنید، من هم در این آموزش از همین کد رنگ استفاده میکنم.

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

مرحله ۳

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

مرحله ۴

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

مرحله ۵

حالا مشی که ایجاد کردیم را رنگ میکنیم. از پایین‌ترین گره شروع میکنیم و آنرا با کد رنگ #۳۲۵۰۰۱ رنگ میکنیم.

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

مرحله ۶

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

مرحله ۷

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

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

کد رنگ #۴۱۶۲۰۳ را برای گره پنجم استفاده کنید.

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

مرحله ۸

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

مرحله ۹

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

مرحله ۱۰

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

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

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

مرحله ۱

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

مرحله ۲

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

  • ۴۵% Bend (خمش)
  • ۲۱% Horizontal Distortion (اعوجاج افقی)

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

مرحله ۳

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

مرحله ۴

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

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

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

مرحله ۵

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

  • ۳۵%- Bend (خمش)
  • ۱۰%- Horizontal Distortion (اعوجاج افقی)

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

مرحله ۶

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

مرحله ۷

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

  • ۴۶%- Bend (خمش)
  • ۲۶% Horizontal Distortion (اعوجاج افقی)
  • ۱% Vertical Distortion (اعوجاج عمودی)

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

مرحله ۸

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

  • ۷۵% Bend (خمش)
  • ۷۱% Horizontal Distortion (اعوجاج افقی)
  • ۱% Vertical Distortion (اعوجاج عمودی)

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

مرحله ۹

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

مرحله ۱۰

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

  • ۱۸%- Red (قرمز)
  • ۱۹%- Green (سبز)

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

مرحله ۱۱

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

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

  • ۱۲% Red (قرمز)
  • ۱۳% Green (سبز)

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

مرحله ۱۲

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

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

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

مرحله ۱

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

مرحله ۲

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

مرحله ۳

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

این کار را دوباره تکرار کنید تا از طول نهایی بنر خود راضی شوید.

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

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

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

مرحله ۱

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

مرحله ۲

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

مرحله ۳

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

مرحله ۴

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

مرحله ۵

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

مرحله ۶

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

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

مرحله ۷

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

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

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

چطور یک بنر سبزه در ادوبی ایلوستریتور بسازیم

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

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