بک گراند چندضلعی

آموزش ساخت بک گراند چندضلعی

با آموزش دیگری از نرم‌افزار ایلاستریتور در خدمتتان هستیم و قرار است در این آموزش ساخت یک بک گراند چندضلعی را با هم یاد بگیریم. دیگر وقتش رسیده که بک گراند خود را حذف کنید و یک بک گراند جدید برای خودتان درست کـنید!

 

جزییات آموزش ساخت بک گراند چندضلعی در ایلاستریتور:

 

  • نرم‌افزار: ادوبی ایلاستریتور
  • ابزارها و تکنیک‌های استفاده شده: Live paint, gradient, Polygon tool, Swatches panel
  • درجه سختی: متوسط
  • زمان تخمین‌زده شده: ۳۰ دقیقه

ساخت و آماده‌سازی اولیه پروژه در ایلاستریتور

 

قدم اول

نرم‌افزار ایلاستریتور را باز کـنید و پروژه‌ای با اندازه ۸۰۰ در ۶۰۰، مد رنگ RGB و رزولوشن ۷۲ ایجاد کنـید. همچنین گزینه Align new objects to pixel grid را هم تیک بزنید.

 

پروژه ایلاستریتور

 

قدم دوم

با استفاده از ابزار Rectangle Tool یک مستطیل به اندازه صفحه اصلی پروژه بکشید و به آن یک رنگ ثابت مثلا آبی بدهید. با استفاده از پنل Align گزینه Align to artboard را انتخاب کنـید تا مستطیل کاملا بر صفحه اصلی منطبق شود.

 

آموزش ایلاستریتور

 

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

 

قدم اول

در پنل لایه‌ها لایه‌ی جدیدی ایجاد کـنید و در آن با استفاده از Polygon tool یک پنج‌ضلعی با Stroke ولی توخالی بکشید، سپس با ابزار Pen tool از گوشه‌های پنج‌ضلعی خطوطی را به وسط شکل رسم کنیـد (یعنی درکل پنج خط) و سپس شکل و خط‌هارا با هم انتخاب کنید و گروه کنـید(Ctrl + G).

 

چند‌ضلعی

 

قدم دوم

شکل را کپی کنید تا دوتا از آن داشته باشید. یکی از آنها را خارج از صفحه اصلی پروژه نگه دارید چون بعدا به آن نیاز میشود و تغییرات را روی آن یکی شکل اعمال کـنید. با استفاده از ابزار Direct Selection Tool گوشه‌های دلخواه از چند‌ضلعی را بگیرید و بکشید تا شکل شما از منتظم بودن خارج شود.

دوره های اموزشی برنامه نویسی

 

آموزش ایلوستریتور

 

قدم سوم

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

 

آموزش ساخت بک‌گراند

 

قدم چهارم

وقتی همه‌ی صفحه پروژه در ایلاستریتور از چند‌ضلعی پر شد (هم‌گوشه کردن چند‌ضلعی ها فراموش نشود!) همه‌ی شکل‌ها را انتخاب و گروه کنـید(Ctrl + G) سپس مستطیلی به اندازه صفحه بکشید که دارای Stroke ولی بدون رنگ داخلی باشد. این مستطیل باید دور تا دور چند‌ضلعی ها را پر کند.

 

بک‌گراند چند‌ضلعی

 

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

 

قدم اول

در پنل Swatches یک فولدر جدید بسازید و در آن چند طیف مختلف از آبی بگذارید تا برای رنگ‌آمیزی از آنها استفاده کنیم.(۳ یا ۴ تا رنگ کافی است) اگر میخواهید همه رنگ‌ها از یک طیف رنگی نباشند میتوانید از سایت uiGradients استفاده کنیـد و رنگ‌های دلخواه خود را در Swatch ذخیره کـنید. بعداز وارد کردن رنگ‌ها به منوی Object > Live Paint > Make بروید و تک تک مثلث‌هار را با رنگ‌های ذخیره‌شده رنگ کنید.

 

رنگ‌آمیزی

 

قدم دوم

وقتی همه مثلث‌ها را رنگ کردید آنها را انتخاب کنـید و Stroke همه را حذف کنیـد تا فقط رنگ‌ها بمانند و سپس به منوی Object > Live Paint > Expand بروید.

 

بک‌گراند چند‌ضلعی

 

قدم سوم

همه مثلث‌ها را انتخاب کنید و با Ctrl + F آنها را در همان محل قبلی کپی کـنید. وقتی مثلث‌ها در حالت انتخاب هستند با رفتن به منوی Window > Gradient به آنها رنگ Gradient بدهید. نوع آنرا Linear یا خطی بگذارید و Opacity را نیز ۰ درصد.

 

بک‌گراند آبی

 

قدم چهارم

وقتی که هنوز هم مثلث‌ها در حالت انتخاب‌شده هستند باید به آنها افکت بدهیم. برای این کار ابتدا به منوی Window > Transparency بروید و مانند شکل زیر گزینه Color burn را انتخاب کرده و opacity را هم حدود ۱۰ تا ۲۰ درصد کنیـد.

 

تنظیمات ایلاستریتور

 

قدم پنجم

برای حجم دادن بیشتر به کار نهایی لایه جدیدی ایجاد کـنید و در آن مستطیلی بکشید به اندازه صفحه اصلی پروژه و آنرا در مرکز صفحه قرار دهید. برای این مستطیل در پنل Gradient تغییرات زیر را اعمال کنـید تا دور بک گراند نهایی یک سایه ایجاد کند.

 

آموزش ایلاستریتور

 

نتیجه نهایی بک گراند چند‌ضلعی در ایلاستریتور

بدین ترتیب نتیجه زیر حاصل میشود و شما توانستید برای لپ‌تاپ یا کامپیوتر خود یک بک گراند منحصربه‌فرد طراحی کنید.با استفاده از رنگ‌های مختلف برای مثلث‌ها میتوانید بک گراند را به سلیقه خود نزدیک‌تر کنیـد.

 

بک‌ گراند چند ضلعی

 

این آموزش ایلاستریتور هم دراینجا به پایان میرسد. نتیجه کارتان را با ما به اشتراک بگذارید! همچنین سوالات و انتقادات و پیشنهادتان برای این آموزش و آموزش‌های دیگر را هم حتما با ما درمیان بگذارید.

 

2 در مورد “آموزش ساخت بک گراند چندضلعی”

  1. graphic line

    چرا ویدیو نیست
    اها سایتتون خیلی خوبهههههه ولی چرا برای الیستریتور ویدیوهاتون کمه؟

    1. یگانه ایوبی

      سعی میکنیم ویدیوهای بیشتری قرار بدیم.

      ممنون از نظر شما 🙂

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

سبد خرید
Scroll to Top