آموزشگاه فطرس

آموزش ایجاد انواع افکت در المنتور

دسته بندی : آموزش المنتور

آموزش ایجاد انواع افکت در المنتور

آموزش ویدئویی

آموزش متنی

افکت ها تاثیر بسزایی در زیبایی سایت دارند و بسیاری از سایت ها ، از این افکت ها برای زیباتر شدن سایت خودشون استفاده می کنند.

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

آموزش المنتور-آموزش ایجاد انواع افکت در المنتور

اولین مورد افکت اسکرول هستش ، که وقتی شما این قسمت رو روشن کنید ، یکسری افکت های مربوط به اسکرول رو مشاهده میکنید.

آموزش المنتور-آموزش ایجاد انواع افکت در المنتور

افکت اسکرول عمودی :

زمانی که کاربر بصورت عمودی اسکرول کرد انیمیشن اجرا میشه.

در اینجا شما میتونید مسیر حرکت رو انتخاب کنید که بالا باشه یا پایین.

همچنین از طریق قسمت سرعت میتونید ، تنظیمات سرعت رو انجام بدین.

افکت اسکرول افقی :

زمانی که کاربر اسکرول افقی کرد انیمیشن اجرا میشه.

در اینجا شما میتونید مسیر حرکت رو انتخاب کنید که به چپ باشه یا به راست.

همانند اسکرول عمودی از طریق قسمت سرعت میتونید ، تنظیمات موردنظر رو انجام بدین.

افکت اسکرول شفافیت :

در این قسمت میتونید opacity یا شفافیت رو با یک انیمیشن کم و زیاد کنید.

در قسمت مسیر حرکت میتونید ، انواع انیمیشن های زیر رو اعمال کنید :

Fade In :

زمانی که شما وارد عنصر میشین ، عنصر شما بصورت فید شفافیتش تغییر می کنه.

Fade Out:

زمانی که شما عنصر رو ترک می کنید ، عنصر شما بصورت فید شفافیتش تغییر میکنه.

Fade Out In:

در زمان ترک عنصر انیمیشن فید در قالب شفافیت اجرا می شود و  درهنگام ورود هم دوباره این عمل تکرار می شود.

Fade In Out:

برعکس حالت بالایی.

از طریق قسمت سطح هم میتونید میزان شفافیت رو تنظیم کنید.

افکت اسکرول تاری :

دقیقا مشابه با حالت شفافیت ، با این تفاوت که این افکت باعث تار شدن عنصر میشه.

افکت اسکرول چرخش :

باعث ایجاد چرخش عنصر ما در هنگام اسکرول می شود.

در قسمت مسیر حرکت میتونید تعیین کنید که از چپ بچرخه و یا از راست.

در قسمت سرعت هم ، تنظیمات مربوطه رو میتونید انجام بدین.

افکت اسکرول مقیاس :

با استفاده از این افکت میتونید ، برای عنصر بزرگنمایی و یا کوچکنمایی را هنگام اسکرول در نظر بگیرید.

در قسمت مسیر حرکت هم میتونید مشخص کنید که چه هنگامی این افکت ظاهر بشه.

انواع مسیر حرکت مقیاس :

Scale Up , Scale Down , Scale Down Up , Scale Up Down

خب افکت اسکرول های ما به پایان رسید.

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

حالا می رسیم به افکت های مربوط به موس یا ماوس.

 

آموزش المنتور-آموزش ایجاد انواع افکت در المنتور

 

ما برای افکت های مربوط به ماوس دو گزینه به اسم مسیر ماوس و کاشی سه بعدی رو داریم :

 

آموزش المنتور-آموزش ایجاد انواع افکت در المنتور

 

مسیر ماوس :

مسیر ماوس بیشتر برای تصاویر به کار میره و با ورود و حرکت ماوس عنصر مورد نظر بصورت لغزنده حرکت میکنه.

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

مسیر حرکت :

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

و شما میتونید بعد از اعمال هر کردوم ، گزینه ی مورد نظر خودتون رو انتخاب کنید.

سرعت :

همچنین شما میتونید سرعت انجام این افکت رو هم تعیین کنید.

کاشی سه بعدی :

در اینجا این افکت باعث میشه که عنصر ما بصورت حالت سه بعدی بعد از ورود و حرکت ماوس در بیاد.

این قسمت هم تنظیماتی مشابه بخش مسیر ماوس داره.

نویسنده

نویسنده

میلاد پورزارعی دانش آموخته ی ممتاز رشته ی مهندسی نرم افزار ، طراح سایت ، متخصص سئو ، استراتژیست بازاریابی و فروش

دیدگاهتان را بنویسید

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