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

---

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

 

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

۱. 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

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

۷. Color *

رنگ سایه

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

۲.۳ Text Shadow

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

۱. Effect *

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

۲. Offset-X

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

۳. Offset-Y

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

۴. Blur

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

۵. Color *

رنگ سایه

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

۲.۴ Blend Mode

 

۱. Blend Mode

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

۲. Show in Editor

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