آموزش ایلاستریتور, آموزش ها 8 دقیقه 2843

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

چکیدههر ساله و با گذر زمان، سبک های جدیدی از طرح های گرافیکی، راه خود را به این حرفه پیدا می کنند که به اصطلاح به آن ها ترند می گوییم. الهام گیری و یا استفاده از ترندهای روز، توسط طراحان گرافیک، باعث افزایش جذابیت و همچنین متفاوت شدن طرح های دیزانیز ها خواهد شد. […]

هر ساله و با گذر زمان، سبک های جدیدی از طرح های گرافیکی، راه خود را به این حرفه پیدا می کنند که به اصطلاح به آن ها ترند می گوییم. الهام گیری و یا استفاده از ترندهای روز، توسط طراحان گرافیک، باعث افزایش جذابیت و همچنین متفاوت شدن طرح های دیزانیز ها خواهد شد. یکی از ترندهایی که در سال 2021 وارد دنیای گرافیک شد، گلس مورفیسم یا تکنیک شیشه ای بود. گلس مورفیسم خیلی زود به چنان محبوبیت بالایی نزد طراحان گرافیک رسید که نه تنها این ترند به دست فراموش سپرده نشد، بلکه استفاده از آن روز به روز افزایش داشته و تکنیک هایی در جهت زیباتر شدن، به آن اضافه شده است. جالب است بدانید که اولین بار در ویندوز 7 و ios7 بود که از این افکت شیشه ای جذاب استفاده شد.

گلس مورفیسم، نسخه پیشرفتهِ نئومورفیسم

به‌طور کلی، Glass Morphism را می توان نسخه پیشرفتهِ نئومورفیسم دانست. نِئومورفیسم ترندی بود که در سال 2020 به محبوبیت بالایی رسید و هدف آن ترکیب طرح ها و المان های مسطح یا Flat به شکل 3D بود. استفاده از سایه ها به شکلی حرفه ای، باعث شد تا آیکون ها، حالتی سه بعدی به خود بگیرند و این واقعا جذاب بود! راستی در پستی جداگانه به آموزش ایجاد تکنیک نئومورفیسم در ایلاستریتور خواهیم پرداخت.

در سال بعد یعنی سال 2021، استفاده از افکت Blur باعث شد تا افکت شیشه ای یا گلس مورفیسم به شکلی زیباتر از نئومورفیسم، خود را به دنیای دیزاین معرفی کند و خیلی هم زود، در بین کاربران به محبوبیت برسد. گلس مورفیسم به کاربران این حس را می دهد که انگار آن ها از پشت یک شیشه شفاف، به کار شما نگاه می کنند. البته استفاده از Glass Morphism در طراحی رابط کاربری یا UI از اهمیت بیشتری برخوردار است.

افکت شیشه ای را می توان در نرم افزارهای گرافیکی مثل فتوشاپ، ایلاستریتور، ادوبی ایکس دی و فیگما طراحی کرد که روش ساخت گلس مورفیسم در هر یک از این نرم افزارهای تکنیک خاص خود را دارد. البته می توان گفت که از این بین، فتوشاپ برای ساخت افکت Glass Morphism نرم افزار مناسب تری است.

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

آموزش ایجاد گلس مورفیسم یا افکت شیشه ای

مراحل ایجاد Glass Morphism دارای چند مرحله کلی است که در هر یک از نرم افزارهای ذکر شده، می توانید این مراحل را انجام دهید.

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

مرحله اول ساخت گلس مورفیسم: داشتن یک بک گراند با کیفیت
مرحله اول: داشتن یک بک گراند با کیفیت

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

مرحله دوم ساخت گلس مورفیسم: ایجاد یک کپی از بک گراند و استفاده از افکت Blur
مرحله دوم: ایجاد یک کپی از بک گراند و استفاده از افکت Blur

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

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

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

مرحله چهارم: محدود کردن بک گراند کپی گرفته شده به کادر ایجاد شده توسط Clipping Mask
مرحله چهارم: محدود کردن بک گراند کپی گرفته شده به کادر ایجاد شده توسط Clipping Mask

در مرحله پنجم از گردینت (Gradient) استفاده کنید تا افکت شیشه ای کم کم، کامل شود. برای زیبا شدن و تکمیل تر شدن Glass Morphism، می توانید به کار استروک (Stroke) اضافه کنید.

مرحله پنجم: استفاده از گردینت و اضافه کردن استروک
مرحله پنجم: استفاده از گردینت و اضافه کردن استروک

در مرحله ششم، استفاده از افکت هایی مثل Noise یا Grain باعث جذاب شدن هر چه بیشتر کار شما خواهد شد.

مرحله ششم: اضافه کردن افکت نویز یا گرین Grain
مرحله ششم: اضافه کردن افکت نویز یا گرین Grain

در مرحله آخر هم می توانید نوشته های مورد نیاز یا سایر المان های گرافیکی مثل المان های نوری و یا افکت هایی مثل Drop Shadow را به کار اضافه کنید.

مرحله هفتم: اضافه کردن سایر المان های گرافیکی و نوشته ها
مرحله هفتم: اضافه کردن سایر المان های گرافیکی و نوشته ها

بطور کلی، ایجاد Glass Morphism، روش های مختلفی دارد اما مراحل کار تقریبا به همین صورتی است که خدمت شما عزیزان ارائه دادیم. امیدواریم از این پست آموزشی لذت برده باشید!


راهنمای مشاهده فیلم ایجاد گلس مورفیسم در ایلاستریتور

دقایق مهم ویدئو

عناوین

از

تا

مراحل طراحی گلس مورفیسم

00:00

02:00

مرحله اول: داشتن بک گراند

02:00

02:40

مرحله دوم: افکت Blur

02:40

03:20

مرحله سوم: ایجاد کادر و نکات مربوط به آن

03:20

04:38

مرحله چهارم: Clipping Mask

04:38

05:52

مرحله پنجم: ایجاد Gradient و Stroke

05:52

08:10

مرحله ششم: ایجاد نویز و نکات مربوط به آن

08:10

09:36

مرحله هفتم: اضافه کردن نوشته ها و تکمیل کار

09:36

13:38



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

برای دسترسی به لینک های دانلود، به صورت رایگان در سایت وارد شوید.
امتیاز: 0 از ۵ - تعداد رای: 0
اشتراک گذاری این صفحه
گفتگو و سوالات شما در این قسمت میتوانید نظر یا سوال خود را در مورد مقاله یا آموزش مطرح کنید.
دیدگاهتان را بنویسید برای ارسال دیدگاه لازم است در سایت وارد شده یا ثبت نام کنید ...
2 دیدگاه به گفتگوی ما بپیوندید و نظرتان را با ما به اشتراک بگذارید ...
کاربر بیت گرف 1401/10/16

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

    تیم پشتیبانی بیت گرف 1401/10/20

    سلام وقت بخیر
    در دوره جامع افترافکت تدریس شده است.

مطالعه با تمرکز بیشتر
پست های پربازدید هفته 6 پست پربازدید در دسترس شماست!
دانلود و نصب اسکریپت motion...

دانلود و نصب اسکریپت motion...

احسان ملائی
دانلود اسکریپت Motion Bro v4.0.4...

دانلود اسکریپت Motion Bro v4.0.4...

مهدی فریدونی
آموزش هوش مصنوعی استیبل دیفیوژن...

آموزش هوش مصنوعی استیبل دیفیوژن...

مهسا سلطانی
دانلود Adobe Firefly | هوش...

دانلود Adobe Firefly | هوش...

مهدی فریدونی
میدجورنی رایگان و نحوه استفاده...

میدجورنی رایگان و نحوه استفاده...

مهسا سلطانی
صدا ها و افکتهای صوتی...

صدا ها و افکتهای صوتی...

احسان ملائی
دوره روتوش
دوره جامع گرافیک و ویدیو
×