آموزش تصویری و جامع دمو Bubble Morph در افزونه اسلایدر رولوشن

در این آموزش قصد داریم به صورت اختصاصی نحوه نصب و فعال کردن و بخش های مختلف دمو محبوب و پرفروش Bubble Morph که آن را در وبسایت اسلایدر رولوشن فارسی می توانید دریافت کنید، را به شما آموزش دهیم و در پایان تنظیمات این دمو را بررسی می کنیم.

 

بخش اول – نصب و فعال کردن دمو Bubble Morph

همونطوری که مطلع هستید، متاسفانه اگر شما لایسنس قانونی افزونه اسلایدر رولوشن رو نداشته باشید، قادر نخواهید بود که از این افزونه جانبی استفاده کند…!

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

 

بخش دوم – پیکربندی و تنظیمات دمو Bubble Morph

در تنظیمات عمومی یا General Setting دمو Bubble Morph همانند تصویر زیر این افزونه را فعال کنید.

تنظیمات پیشفرض یا Default تنظیماتی هستند که به صورت پیش فرض اجرا خواهند شد و تا زمانی که شما آن ها را ویرایش نکنید فعال باقی می مانند.

در تصویر زیر می توانید این تنظیمات پیش فرض دمو Bubble Morph را ویرایش کنید، تنظیماتی از قبیل درصد عرض و ارتفاع، رنگ، بیشترین مقدار جلوه های ویژه و انیمیشن ( Morph )، سرعت تغییر انیمیشن ها، میزان افکت سایه بر روی جلوه های ویژه، رنگ سایه و سایز حاشیه و رنگ آن ( Border ).

 

بخش سوم – ایجاد یک لایه با ویژگی Bubble Morph

انتخاب لایه BubbleMorph:

ابتدا همانند تصویر زیر با کلیک بر روی Add Layer گزینه BubbleMorph را انتخاب کنید.

تنظیمات پیش فرض دمو Bubble Morph:

همانطور که در تصویر زیر می بینید و پیش تر هم توضیح داده شد، در این بخش نیز می توانید تنظیمات پیش فرض دمو Bubble Morph را ویرایش کنید.

 

بخش چهارم – چگونه رنگ پیش زمینه لایه را تغییر دهیم؟

مشابه تصویر زیر با کلیک بر روی منوی Style و بخش Background می توانید رنگ مورد نظر خود را انتخاب کنید

تغییر اندازه لایه:

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

 

بخش پنجم – ایجاد حاشیه برای لایه های Bubble Morph

همانطور که در تصویر زیر مشاهده می کنید از بخش Add-Ons و سپس انتخاب لایه مورد نظر خود، رنگ حاشیه و عرض آن را تعیین کنید

 

تعیین میزان شفافیت حاشیه:

برای تعیین Opacity و یا شفافیت حاشیه مورد نظر خود، همانند تصویر زیر و در محیط Style و در بخش Background مقدار آن را وارد کنید.