جلوه‌های سایه متن یا Text Shadow

دوستای عزیز، تو این پست 7 تا مثال خوب از سایه متن را قراره بهتون معرفی کنیم که تو نسخه رایگان هم در دسترس هست. با این جلوه‌ها، سربرگ‌ را بدون نیاز به کدنویسی و تنها با اضافه کردن جلوه‌های سایه متن در وردپرس، گیرا و چشمگیر کنید.

دلتون می‌خواد که به سرعت به سربرگ‌ها زیبایی ببخشید؟

انتخاب فونت صحیح، ارتفاع خط و بقیه تنظیمات تایپوگرافی قدم اولیه‌ی خوبی هستند، خب بعدش چی؟

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

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

سایه متن OL ساده

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

نحوه انجام؟

• خانواده فونت: Roboto
• رنگ:  #b2b2b2
• محوشدگی: 22
• افقی: 11
• عمودی: 3

سایه متن کنتراست

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

نحوه انجام؟

• خانواده فونت: Montserrate
• رنگ:  #f801d6
• محوشدگی: 75
• افقی: 0
• عمودی: 0

سایه متن براق

اگه به سبک‌های دهه 80میلادی علاقه‌مند هستید، به احتمال زیاد از این جلوه سایه متن خوشتون میاد. استفاده از سایه متن براق می‌تونه با هر رنگ روشنی استفاده بشه و به سربرگ صفحه‌تون یک جلوه‌ی retro neon باحال اضافه کنه.

نحوه انجام؟

• خانواده فونت: Monoton
• رنگ:  #aa004f
• محوشدگی: 100
• افقی: 0
• عمودی: 38

بلور سایه متن

اگه اغراق کنید و فاصله افقی و عمودی را به صورت افراطی بکشید، در نهایت به جلوه‌ی جالبی می‌رسید که شبیه یک بازتاب محو تو یک درب شیشه‌ای هست.

نحوه انجام؟

• خانواده فونت: Ubuntu Condensed
• رنگ:  #9fa2a8
• محوشدگی: 23
• افقی: -54
• عمودی: -76

سایه متن زمخت

بدون استفاده از محوشدگی می‌شه یکسری جلوه‌های زمخت را ایجاد کرد که سربرگ‌های شما را با استایل retro برجسته نشون می‌دند. رنگ و سایه‌های retro این روزها خیلی محبوبند و از طرفی به مذاق مُدگراها هم خوش میاد.

*نکته: منظور از استایل retro سبک‌هایی هست که یادآور مدهای دهه‌های پیش هست.

نحوه انجام؟

• خانواده فونت: Lobster
• رنگ:  #09732c
• محوشدگی: 0
• افقی: 7
• عمودی: 7

سایه متن سه بعدی

با تنظیم سایه به سمت بالا و متراکم کردن سربرگ با ارتفاع خط ، می‌تونید این اثر سایه متن سه‌بعدی را که پیچیدگی و عمق خاصی داره را خلق کنید.

نحوه انجام؟

• خانواده فونت: Poppins
• رنگ:  #845757
• محوشدگی: 0
• افقی: 7
• عمودی: 7
• ارتفاع خط: 0.6

سایه متن رو به پایین

جلوه‌ی این سایه متن یجوریه که انگار سربرگ داره از صفحه نمایش بیرون میاد! این سایه را روی سربرگ‌های مهم صفحه یا روی بخش‌های call to action استفاده کنید تا ظاهری عالی برای سربرگ‌ها به وجود بیاد.

نحوه انجام؟

• خانواده فونت: Montserrat
• رنگ:  # b2b2b2
• محوشدگی: 5
• افقی: 0
• عمودی: 16

نتیجه‌گیری

• ما فقط به یکسری از کاربردهای متنوع سایه متن یا text shadow و راه‌های طراحی صفحات زیبا در وردپرس پرداختیم.
• اگه همین تنظیمات را با ویژگی‌های دیگه المنتور مثل گرادیان، روکش تصویر، پس زمینه ویدئویی و shape divider ترکیب کنید درنهایت میشه طرح های سایه متن استادانه‌ای را ایجاد کرد.
• برای حرفه‌ای شدن می‌تونید دانلود و خرید المنتور را از سایت elementor-farsi انجام بدید و از ویژگی‌های جالب المنتور لذت ببرید. سایه‌های متن را روی طراحی صفحاتتون اعمال کنید تا نتایج خارق‌العاده‌ای را شاهد باشید.

 

تجربه المنتور پرو