آموزش کار با افزونه کمکی Particle Effects در ورژن ۶ اسلایدر رولوشن

دانلود افزونه و دمو های اسلایدر رولوشن

در این آموزش قصد داریم به صورت اختصاصی نحوه نصب و فعال کردن و تنظیمات افزونه کمکی Particle Effects را که یک افکت پارتیکل ( ذرات معلق) برای اسلاید های شما به منظور ارتقاء کیفیت بصری آن ها ایجاد میکند (برای مثال یکی از اسلایدرهای Particle Effect را ببینید) را به شما آموزش دهیم.

 

فعال سازی افکت پارتیکل

فعال سازی افزونه کمکی پارتیکل افکت

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

 

کتابخانه افکت پارتیکل (منظور از کتابخانه همان library است )

کتابخانه افکت پارتیکل

یکی از تنظیمات را از library  انتخاب کنید تا تنظیمات پیشفرض پارتیکل بارگذاری شود.

در صورت اعمال تنظیمات روی یک پارتیکل میتوانید آن را بعنوان library ذخیره کنید و بر روی پارتیکل های دیگر استفاده کنید.

انتخاب قالب آماده و شخصی سازی شده

تنظیماتی که شما ذخیره می کنید در قسمت Custom Presets قرار داده می شوند و از آنجا شما میتوانید آن ها را انتخاب و به پارتیکل جدید اعمال و یا پاک و یا تغییر نام دهید.

ذخیره تمپلیت آماده افکت

تنظیمات پارتیکل

تنظیمات افکت پارتیکل در افزونه اسلایدر رولوشن

  1. آیکن پارتیکل
    ۱ یا ۲ آیکن را برای ظاهر شدن در افکت انتخاب می کند.
  2. Svg library
    می توانید از بین بیش از ۹۰۰ آیکن به منظور استفاده در  افکت  انتخاب کنید
  3. تعداد پارتیکل ها
    تعداد ذراتی که باید در طول یک زمان تعیین شده نمایش داده شوند
  4. اندازه ذرات
    اندازه هر دانه از ذرات
  5. اندازه متغیر
    تعریف کوچکترین اندازه درصورت فعال بودن گزینه اندازه متغیر یا random size
  6. کمترین سایز
    تعریف کمترین سایز ذرات در صورت فعال بودن گزینه  اندازه متغیر
  7. غیر فعال سازی در موبایل
    غیر فعال شدن افکت در دستگا های موبایل

 

 

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

استایل یا تنظیمات ظاهری پارتیکل افکت

  1. Z-index
    z-index  دلخواه را به html canvas element  پارتیکل می دهد.
  2. رنگ های پارتیکل
    رنگ های چندگانه را به ذرات می دهد و رنگ های انتخاب شده بین ذرات جابجا می شوند.
  3. شفافیت
    میزان شفافیت ذرات از ۰ تا ۱۰۰٫
  4. شفافیت متغیر یا Random
    میزان شفافیت هر دانه را متغیر می سازد.
  5. کمترین شفافیت
    کمترین شفافیت ذرات در صورتی که ویژگی شفافیت متغیر فعال شده باشد.
  6. لبه و خط دور
    خط دور یا stroke  را به svg  های پارتیکل اضافه می کند
  7. رنگ های خط دور
    رنگ stroke  یا خط دور متغیر می شود و بین ذرات جابجا می شود.
  8. اندازه خط دور
    ضخامت خط دور ذرات را تنظیم می کند.
  9. شفافیت خط دور
    به خط دور ذرات از بین ۰ تا ۱۰۰ شفافیت می دهد.
  10. خطوط متصل
    ذرات را با یک خط به هم وصل و جلوه بصری تار انکبوت را ایجاد می کند.
  11. رنگ خطوط متصل شده
    یک یا چند رنگ را برای خطوط متصل تعریف می کند و رنگ خطوط بین این رنگ ها جابجا می شود.
  12. ضخامت خطوط متصل
    ضخامت خطوط متصل به پیکسل.
  13. شفافیت خطوط متصل
    میزان شفافیت خطوط متصل از  ۰ تا ۱۰۰٫
  14. فاصله بین ذرات
    میزان فاصله ای که قبل از متصل شدن دو ذره به هم با خطوط  نیاز می باشد.

 

حرکت پارتیکل

تنظیمات حرکت ذرات پارتیکل

  1. حرکت ذرات
    بیشتر مواقع شما شاید ترجیح بدهید که ذرات متحرک باشند اما اگر این گزینه غیر فعال باشد ذرات مانند یک تصویر ثابت در اسلاید خواهند بود
  2. سرعت
    سرعت حرکت ذرات
  3. متغیر کردن سرعت
    متغیر کردن سرعت حرکت دانه ها یا ذرات
  4. کمترین سرعت
    تعریف کمترین سرعت در صورتی که سرعت حرکت متغیر شده باشد.
  5. جهش
    این گزینه باعث می شود که ذرات در صورت برخورد با لبه های اسلاید ناپدید و یا در جهت دیگری به حرکت در بیایند
  6. جهت
    ذرات می توانند در دو الگوی حرکتی خطی (بالا،پایین،به راست و … ) و یا متغیر حرکت کنند.

 

ویژگی تعامل

این وِیژگی به شما این امکان را می دهد که بتوانید کاربر را قادر به تعامل با ذرات کنید،یعنی با حرکت موس کاربر ذرات نیز جابجا و یا افکت خاصی را به خود بگیرند.افکت های  جهش , جذب و حباب  برای حالت رفتن موس روی پارتیکل موجود می باشند و جهش  و  حباب  هم برای حالت کلیک موجود می باشند.هر کدام را امتحان کنید تا ببینید کدام یک برای پروژه شما مناسب است.

تنظیمات کلیک در پارتیکل

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

افکت جهش

افکت جهش در افکت پارتیکل رولوشن اسلایدر

  1. فاصله جهش
    فاصله ای که ذرات بعد از برخورد با نشانگر موس پرش می کنند
  2. قدرت پرش
    قدرت پرش ذرات،برای مثال اگر ۱۰۰ باشد ذرات با شتاب ۱۰۰ شروع به حرکت می کنند و کم کم به ۰ نزدیک می شوند.

افکت جذب

  1. فاصله جذب
    فاصله ای که ذرات باید از موس داشته باشند قبل از اینکه این افکت  روی آن ها اعمال شود ، یا ساده تر بگوییم ذرات در چه فاصلی باشند به سمت موس جذب می شوند.
  2. شفافیت جذب
    میزان شفافیت خطوط متصل در زمان اعمال افکت جذب

افکت حباب

افکت حباب پارتیکل افکت اسلایدر رولوشن

  1. فاصله حباب
    تعریف میزان فاصله ذرات با موس قبل از اینکه ذرات بزرگنمایی شوند
  2. اندازه حباب
    بیشتری سایز بزرگنمایی ذرات
  3. شفافیت حباب
    تعیین شفافیت ذرات بزرگنمایی شده

پالس

پالس در افکت پارتیکل در رولوشن اسلایدر

  1. متحرک سازی اندازه ذرات
    با این گزینه می شود اندازه ذرات دائما متغیر و متحرک سازی کرد
  2. سرعت
    سرعت متحرک سازی اندازه ذرات به میلی ثانیه
  3. کمترین اندازه
    کوچکترین اندازه که ذرات متحرک شده به آن تبیدل و یا کوچک می شوند
  4. همگام سازی
    با فعال سازی این گزینه تمامی ذرات همزمان به هم کوچک و بزرگ می شوند.(در غیر اینصورت ذرات بصورت متغیر و یا random بزرگ و کوچ می شوند).
  5. متحرک سازی شفافیت ذرات
    با فعال سازی این گزینه شفافیت ذرات نیز متحرک سازی می شود
  6. سرعت
    سرعت متحرک شدن شفافیت در ذرات به میلی ثانیه
  7. کمترین شفافیت
    کمترین شفافیت متحرک شده ذرات
  8. همگامسازی
    با فعال سازی این گزینه شفافیت متحرک شده ذرات همزمان با هم متحرک می شوند (در غیر این صورت بصورت متغیر و یا random متحرک می شود).

 

 

 


به این آموزش چه امتیازی می دهید؟

میانگین امتیاز ۵ / ۵٫ تعداد آرا: ۲

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

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