طراحی یک بک گراند سه بعدی جذاب در ایلاستریتور
اگر می خواهید وارد بازار طرح های Stock (خرید و فروش عکس و طرح) شوید و در آن پیشرفت کنید، باید بدانید که هزاران منبع برای آن وجود دارد و خلاقیت در آن حرف اول را می زند. در نتیجه باید با پشتکار و سخت کوشی و هم چنین ایده های خلاقانه، جایگاه خود را در دنیای هنر پیدا کنید. در این مطلب می خواهیم به شما آموزش دهیم که چگونه یک بک گراند را به یک اثر هنری که برای کاربران نیز جذاب باشد تبدیل کنید. این آموزش جامع را که درباره ی نحوه ساخت یک بک گراند سه بعدی با استفاده از چند شکل شش گوشه است، بخوانید و برای ساخت یک طرح متفاوت آماده شوید!
در این صفحه میخوانید:
مراحل ساخت یک بک گراند سه بعدی با ایلاستریتور
می خواهیم طرح بالا را در ایلاستریتور اجرا کنیم؛ پس ایلاستریتور خود را باز کنید، یک سند جدید ایجاد کرده، آن را نام گذاری و ابعادش را مشخص کنید. سپس مراحل زیر را در آن اجرا کنید. برای دنبال کردن این آموزش باید کمی به ایلاستریتور و نحوه کار کردن با ابزارها و گزینه های آن آشنا باشید.
۱: ابزار Rectangle (با میانبر M) را بردارید و یک مستطیل در آرت بورد خود بکشید. بهتر است برای این مستطیل یک رنگ تیره انتخاب کنید تا در پایان کار نتیجه ی بهتری بگیرید.
۲: پس از آن ابزار Mesh را بردارید و مانند تصویر زیر، برای نقاط مش رنگ های روشن را انتخاب کنید.
ساخت پترن شش گوشه
شکل هندسی اصلی در این بک گراند سه بعدی یک شش گوشه است که با مراحل زیر آن را به یک پترن تبدیل کرده ایم:
۱: ابزار Polygon ر ا بردارید، یک شش گوشه بکشید و به آن یک گرادیانت شعاعی بدهید (Window-> Gradient). سپس برای جذاب تر شدن شکل، قسمت پایین سمت راست آن را سایه بزنید تا عمق پیدا کند. اینجا به Stroke رنگ بنفش روشن داده ایم.
نکته: Stroke را به سمت داخل بکشید که زمان اجرای پترن، لبه ی شکل ها روی هم قرار نگیرد.
۲: ابزار Ellipse(با میانبر M) را بردارید و یک دایره با همان رنگ Stroke برای هر راس شش گونه بکشید. سپس به Window -> Pathfinder -> Divide بروید تا نواحی بیرون از شش گوشه حذف شود. سپس تمام اجزا را یک گروه کنید.
۳: برای ساخت پترن از این شکل، آن را انتخاب کنید و به Object -> Pattern- > Make بروید.
۴: پنل Pattern Options را باز کنید و تنظیمات آن را تغییر دهید تا به نتیجه ی دلخواه خود برسید. در این بک گراند، گزینه ی Tile Ttype را روی Hex by Column و تعداد Copies را روی ۹×۹ تنظیم کرده ایم.
۵: یک مستطیل به اندازه ی کمی بزرگتر از آرت بورد بکشید و پترن را در آن اجرا کنید.
نکته ی کاربردی: اگر Grid بزرگ است، برای کوچک کردن آن، گزینه های پنل Transform را تغییر دهید و تنظیمات پنل را روی Transform Pattern Only بگذارید.
Distort کردن پترن
در این مرحله با Distort کردن پترن شکل طبیعی تر و زیباتری به آن می دهیم:
۱: به Object -> Expand بروید و Fill را انتخاب کنید. با این کار چند Clipping Mask در پنل لایه ها می بینید که می خواهیم آن ها را Release کنیم تا کار روی پترن راحت تر شود.
۲: به Object -> Clipping Mask -> Release بروید و بعد از آن مسیر Object > Path > Clean up را طی کنید.سپس همه ی اجزا را یک گروه کنید.
۳: گروه را انتخاب کنید، به Object-> Envelope Distort-> Make with Mesh بروید و مقدار Rows و Columns را ۱ قرار دهید.
۴: سپس ابزار Mesh را بردارید و بسته به شکلی که می خواهید ایجاد کنید، نقاط مش را درج کنید. در این بک گراند، میخواهیم یک موج از شش ضلعی ها ایجاد کنیم، بنابراین نقاط مش را وارد کرده و Drag می کنیم تا به شکل دلخواه برسیم.
Opacity Mask
در این مرحله می خواهیم یک Opacity Mask ایجاد کنیم و لبه های اشکال را نرم تر و در واقع کمی محو کنیم. با این کار طرحمان در این بک گراند سه بعدی طبیعی تر به نظر می رسد.
۱: قصد داریم یک مش سفید شبیه به شکل ساخته شده ایجاد کنیم و در جاهایی که می خواهیم شکلی دیده نشود از رنگ مشکی استفاده کنیم. از آنجایی که قبلاً با مش یک پوشش Distort ساخته بودیم، حالا با استفاده از این مش شفافیت را بیشتر می کنیم.
۲: اول از همه شکل را کپی کنید و روی آن Paste کنید و بعد به Object- > Envelope Distort -> Release بروید.
۳: حالا گروه را پاک کنید و مش را نگه دارید.
۴: به این مش رنگ سفید بدهید و بعد با ابزار Lasso(با میانبر Q)، جاهایی که میخواهید دیده نشوند را انتخاب کنید و به آن ها رنگ مشکی بدهید.
۵: وقتی که ماسک خود را ساختید، در پنل Transparency گزینه ی Make Mask را انتخاب کنید.
اضافه کردن افکت
بسته به افکتی که در نظر دارید، تنظیمات لازم برای آن متفاوت خواهد بود. در این بک گراند، می خواهیم به طرح خود عمق بدهیم و این افکت را از طریق بازی کردن با Blending Mode ها و مقدار Opacity به دست می آوریم. برای این کار اول سه نسخه ی کپی از شکل اصلی خود ایجاد می کنیم:
۱: تنظیمات شکل اصلی: Opacity این شکل باید ۱۰۰% و Blending Mode آن Normal باشد. هم چنین یک افکت Gaussian Blur وRadius با مقدار ۱.۳px بدهید(Effect ->Blur -> Gaussian Blur).
نکته ی مهم: توجه کنید که افکت Gaussian Blur را از نسخه های کپی شده حذف کنید.
۲: شکل اصلی را کپی و پشت آن Paste کنید و ابزار Reflect( با میانبر O) را برای جا به جا کردن نسخه ی کپی بردارید. از طریق پنل Transparency ، Blending Mode را انتخاب کنید. برای این بک گراند Blending Mode های Multiply یا Darken مناسبند.سپس Opacity این نسخه را حدودا روی ۵۰% تنظیم کنید.
نکته: ممکن است لازم باشد با تنظیمات و مقادیر بازی کنید تا به نتیجه ی دلخواه خود برسید.
۳: دوباره شکل اصلی را کپی کنید و این بار روی آن Paste کنید. Blending Mode این نسخه را روی Color Burn و Opacity آن را روی ۵۰% تنظیم کنید.
۴: برای آخرین بار از نسخه ی اصلی کپی بگیرید و روی آن Paste کنید. Blending Mode آن را روی Overlay و Opacity را روی ۵۰% کنید.
۵: همه ی اجزا را یک گروه کنید.
نکته: می توانید یک Opacity Mask دیگر برای تنظیم بیشتر رنگ ها و نرم تر کردن لبه های شکل ایجاد کنید.
تنطیمات پایانی
می توانید تنظیمات زیر را برای جذاب تر کردن این بک گراند سه بعدی و نزدیک کردن آن به یک طرح حرفه ای انچام دهید:
تنظیمات رنگ:
در این مرحله می خواهیم با اضافه کردن رنگ، رنگ های بک گراند را تقویت کنیم:
۱: ابزار Rectangle یک مستطیل به اندازه ی آرت بورد بکشید.
۲: یک گرادیانت شعاعی در آن ایجاد کنید. به کناره ها رنگ آبی تیره و به مرکز آبی روشن تر دهید.
۳: Blending Mode آن را روی Overlay وOpacity آن را روی ۵۰% تنظیم کنید.
۴: همه ی اجزا را یک گروه کنید.
افکت های نور:
میخواهیم برای جذاب تر شد طرحمان، افکت هایی از نور به آن اضافه کنیم:
۱: ابزار Ellipse را بردارید و چندین دایره ی کوچک سفید در جاهای مختلف بک گراند بکشید.
۲: به آن ها گرادیانت شعاعی بدهید و Transparency روی ۱۰۰% تنظیم کنید.
۳: سپس Blending Mode آن ها را روی Overlay قرار دهید.
اضافه کردن متن:
اگر بخواهید می توانید به این طرح متن هم اضافه کنید. در این بک گراند سه بعدی متن “Futuristic hexagonal background” را اضافه می کنیم.
بعد از انجام همه ی مراحل بالا، نتیجه مانند تصویر زیر خواهد بود:
به عنوان یک طراح باید این نکته را بدانید که اشکال هندسی علاوه بر بک گراند های سه بعدی، در بسیاری از طرح ها کاربرد دارند؛ مانند طرح های سه بعدی، طرح های مربوط به زمینه های علمی، فناوری و …در زیر چند مثال از کاربرد اشکال هندسی را میبینید که می توانید از آن ها ایده بگیرید و با مهارت و خلاقیت خود طرح دلخواه خود را بسازید.
پوستر:
لندینگ پیج:
مناظر طبیعی سه بعدی Retro:
منبع این آموزش سایت freepik بوده که برای کاربران عزیز سایت خانه فتوشاپ ترجمه شده است. ویدیوی این آموزش را می توانید از این لینک ببینید.
درباره ریحانه نصیری
توی دانشگاه آیتی خوندم و به فضای وب و گرافیک خیلی علاقه دارم. به نظرم دنیای وب و گرافیک بیانتهاست و من تلاش میکنم سهمی توی نشون دادن بخشی از اون به شما داشتهباشم.
نوشته های بیشتر از ریحانه نصیری
دیدگاهتان را بنویسید