تنظیمات فونت، رنگ و استایل در اسلایدر رولوشن


آموزش تنظیمات فونت، رنگ و استایل در اسلایدر رولوشن ورژن ۶

 

در این آموزش تنظیمات مربوط به فونت، رنگ و استایل لایه‌ها در اسلایدر رولوشن ورژن ۶ را بررسی می‌کنیم. بعد از دیدن این آموزش شما یاد می‌گیرید تا فونت و استایل لایه‌ی خود را تغییر دهید.

۱. Style

بخش استایل در اسلایدر رولوشن

 

۱.۱ Font & Icon Styles

تنظیمات فونت در اسلایدر رولوشن

گزینه‌های مربوط به استایل فونت و آیکون را می‌توان برای لایه‌های متنی و دکمه‌ها ویرایش کرد. تنظیمات فونت در اسلایدر رولوشن را در زیر بررسی می‌کنیم.

۱.  Font Size

سایز فونتی که برای متن‌های خود در نظر گرفنه‌اید را به پیکسل در این قسمت وارد کنید.

۲. Line Height

فاصله‎ی بین خطوط را در این قسمت می‌توانید تنظیم کنید. این گزینه برای متن‌هایی استفاده می‌شود که بیش از یک داشته باشند. برای اطلاعات بیشتر این لینک را مطالعه کنید.

۳. Font Weight

اگر می‌خواهید متن شما “bold” باشد این گزینه را انتخاب کنید.

۴. Letter Spacing

این گزینه فاصله‌ای بین حروف ایجاد می‌کند و برای خانواده‌ای از فونت‌های خاص قابل استفاده است.

۵.  Font Family

می‌توانید فونت مورد نظر خود را از بین تعداد بسیاری از فونت‌ها انتخاب کنید.

۶. Text Color

رنگ نوشته‌ی خود را در این قسمت انتخاب کنید.

تنظیمات فونت در اسلایدر رولوشن

برای مشاهده‌ی گزینه‌های بیشتر در این زمینه بر روی دکمه‌ی “More” کلیک کنید.

تنظیمات فونت در اسلایدر رولوشن

 

۱. Italics

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

۲. Text Decoration

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

۳. Capitalize

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

۴. Selectable

مشخص کنید که آیا متن می‌تواند توسط کاربر انتخاب شود یا خیر.

۱.۲ Background

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

 

۱. Background Color

برای پس زمینه‌ی لایه یک رنگ ساده، نیمه شفاف یا گرادینت انتخاب کنید.

۲. Background Image

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

۳. Background Image Position

مکان قرارگیری تصویر پس زمینه را انتخاب کنید.

۴. Background Image Sizing

سایز و اندازه‌ی تصویر پس زمینه را در این قسمت انتخاب کنید. پیشنهاد ما  گزینه‌ی “Cover” است.

۵. Background Image Repeat

گزینه‌ی “no-repeat” را برای تصاویر عادی، و “repeat” را برای پس زمینه های pattern-type (الگو دار) استفاده کنید. جهت کسب اطلاعات بیشتر راجع به این بخش  این لینک را مشاهده کنید.

۱.۳ Spacings & Border

تنظیمات ایجاد حاشیه در اسلایدر رولوشن

 

۱. Margins (حاشیه)

برای لایه حاشیه‌ای در بالا / راست / پایین / چپ تنظیم کنید، اگر می‌خواهید تا این مقادیر با وجود حالت رسپانسیو، باز هم در نظر گرفته شوند بر روی دکمه‌ی “lock” کلیک کنید.

۲. Paddings (فاصله / حاشیه‌ی درونی عناصر)

پدینگ لایه خود را می‌توانید در بالا / راست / پایین / چپ تنظیم کنید. اگر می‌خواهید تا این مقادیر با وجود حالت رسپانسیو، باز هم در نظر گرفته شوند بر روی دکمه‌ی “lock” کلیک کنید.

۳. Border Color

رنگ Border را در این قسمت انتخاب کنید.

۴. Border Style

اگر می‌خواهید یک border برای لایه نمایش دهید این قسمت را روی “solid” قرار دهید.

۵. Border Radius (برش دادن Border )

این مورد را برای حالت دادن به Border استفاده کنید. برای اطلاعات بیشتر به این لینک مراجعه کنید.

۲. Advanced Style

تنظیمات و تغییر استایل در اسلایدر رولوشن

 

۲.۱ Basic Transform

تنظیمات استایل در اسلایدر رولوشن

 

۱. Rotation X

در جهت X لایه‌ی خود را دوران دهید. برای اطلاعات بیشتر به این لینک مراجعه کنید.

۲. Rotation Y

در جهت Y لایه‌ی خود را دوران دهید. برای اطلاعات بیشتر به این لینک مراجعه کنید.

۳. Rotation Z

در جهت Z لایه‌ی خود را دوران دهید. برای اطلاعات بیشتر به این لینک مراجعه کنید.

۴. Opacity

میزان کدری / شفافیت برای لایه را در این قسمت تنظیم کنید.

۲.۲ Box Shadow

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

 

۱. Effect *

این گزینه را فعال کنید تا باعث بهبود دید ۳ بعدی  شود.

۲. Shadow on *

انتخاب کنید که می‌خواهید سایه به چه قسمتی از فضای  شما اعمال شود.

۳. Offset-X

جایگاه قرارگیری افقی سایه

۴. Offset-Y

جایگاه قرارگیری عمودی سایه

۵. Blur

میزان تیرگی و محوی سایه

۶. Spread

اندازه‌ی سایه. این گزینه باید مقداری بیشتر از “۰” داشته باشد تا سایه قابل مشاهده باشد.

۷. Color *

رنگ سایه

* به صورت سراسری برای تمام view port  ها اعمال می‌شود.

۲.۳ Text Shadow

تنظیمات سایه برای متن ها در اسلایدر رولوشن

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

۱. Effect *

این گزینه را فعال کنید تا باعث بهبود دید ۳ بعدی  شود.

۲. Offset-X

جایگاه قرارگیری افقی سایه

۳. Offset-Y

جایگاه قرارگیری عمودی سایه

۴. Blur

میزان تیرگی و محوی سایه

۵. Color *

رنگ سایه

* به صورت سراسری برای تمام view port  ها اعمال می‌شود.

۲.۴ Blend Mode

ترکیبی از چند استایل در اسلایدر رولوشن

 

۱. Blend Mode

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

۲. Show in Editor

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

 

 

 

 

 

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

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

نازنین بکرانی
نازنین بکرانی
همه چیز بر می گرده به 1 سوال ساده " چه قدررررر میخایتش؟! "

2 Comments

  1. محمد هوشیار زارع گفت:

    سلام توضیح Blend Mode رو اصلا متوجه نشدشم امکانش هست بیشتر توضیح بدین

    • پشتیبانی اسلایدر رولوشن فارسی گفت:

      سلام…
      یه کوچولو توضیحش سخته، تستش کنی قشنگ متوجه میشی داستان از چه قراره
      ولی اگه خلاصه بگم چیه داستان، لایه یک روی لایه دو هست، حالت لایه یک رو روی add اگه بزاریم دو تا لایه با هم ترکیب می شن!

پاسخی بگذارید

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