كيفية إنشاء خط على خلفية شفافة: دليل مفصل

ربما لاحظت أن بعض مواقع الويب والمصممين يستخدمون تأثير الخط على خلفية شفافة لإضافة عناصر مثيرة للاهتمام وجذابة إلى صفحاتهم. ربما أنت مفتون بهذا الأسلوب وتريد أن تتعلم كيفية إنشاء مثل هذا التأثير بنفسك? ثم هذا الدليل التفصيلي هو فقط لأجلك.

قبل البدء ، من المهم أن تفهم أن "الخط على خلفية شفافة" يعني أنه يتم عرض الخط في الخلفية دون أي تعبئة أو ملامح مرئية. يسمح هذا للنص بالاندماج في الخلفية المحيطة وإنشاء تأثير صورة مستمر.

الطريقة القياسية لإنشاء مثل هذا الخط هي استخدام محرر رسومي وإخفاء الخلفية حول الحروف. ومع ذلك ، في هذا الدليل سوف ننظر إلى طريقة بديلة لا تتطلب استخدام فوتوشوب أو برامج أخرى.

1. كيفية إنشاء خط على خلفية شفافة: تعليمات خطوة بخطوة
2. اختيار الخط
3. إنشاء خلفية شفافة
4. كيفية تطبيق خط على خلفية شفافة
5. ضبط لون الخط
6. إضافة تأثيرات إلى خط على خلفية شفافة

كيفية إنشاء خط على خلفية شفافة: تعليمات خطوة بخطوة

1. حدد الخط المطلوب. تأكد من أنه يدعم الشفافية. يمكنك استخدام كل من الخطوط القياسية والخطوط التي تم تنزيلها باستخدام كس.

3. 0.5

4. أو.

5. لهذا.

اختيار الخط

عند اختيار خط لإنشاء نص على خلفية شفافة ، يجب أن تأخذ في الاعتبار سهولة قراءته والامتثال لموضوع المحتوى. من المهم أن يكون الخط واضحا وسهل القراءة.

لتحقيق أفضل النتائج ، يوصى باستخدام خطوط بسيطة وواضحة مثل أريال ، تايمز نيو رومان ، فيردانا وجورجيا. فهي متاحة على نطاق واسع وقابلة للقراءة بشكل جيد.

يمكنك أيضا تجربة خطوط أكثر غرابة لإعطاء النص الفردية والتفرد. ومع ذلك ، يرجى ملاحظة أن بعض الخطوط قد تكون أقل قابلية للقراءة أو بها مشاكل عرض بسيطة على جميع الأجهزة والمتصفحات.

من المهم أن تضع في اعتبارك حجم الخط حتى لا يكون النص صغيرا جدا أو كبيرا جدا. يوصى باستخدام حجم الخط من 12 إلى 14 نقطة لضمان سهولة القراءة.

عند اختيار الخط ، يوصى أيضا بمراعاة ميزاته الأسلوبية ، مثل الخط الغامق والمائل والشرطات السفلية. يمكن أن يساعد استخدام هذه الأنماط في إبراز أجزاء مهمة من النص وجعله أكثر تعبيرا وجاذبية للقراءة.

لذلك ، عند اختيار خط للنص على خلفية شفافة ، من المهم مراعاة قابليته للقراءة والامتثال لموضوع المحتوى والمظهر الجمالي العام. سيساعد الخط الواضح والمفهوم ذو الحجم اللطيف والميزات الأسلوبية على إنشاء نص جذاب ويمكن إدراكه بسهولة.

إنشاء خلفية شفافة

لإنشاء نص بخلفية شفافة ، تحتاج إلى استخدام العلامة

يوضح المثال التالي كيفية إنشاء جدول بخلفية شفافة للنص:

في المثال أعلاه ، لون الخلفية: رغبا(255 ، 255 ، 255 ، 0.5) الملكية يحدد لون خلفية بيضاء شفافة لخلية الجدول. يحدد الرقم الأخير (0.5) مستوى الشفافية ، حيث يكون 1 لونا معتما تماما و 0 شفافا تماما.

يمكنك تغيير لون الخلفية ومستوى الشفافية وفقا لاحتياجاتك عن طريق تعيين قيم أخرى في خاصية لون الخلفية. على سبيل المثال ، يمكنك تحديد لون الخلفية في شكل عرافة ، واستخدام قيم رغب أو هسل.

وبالتالي ، يمكنك إنشاء نص مذهل بخلفية شفافة باستخدام جدول وتعيين خصائص النمط.

كيفية تطبيق خط على خلفية شفافة

 وتطبيق فئة أو معرف لذلك:

لون الخلفية

وتعيين ذلك

.شفاف-بغ {

لون الخلفية: رغبا (0 ، 0 ، 0 ، 0);

}

الآن يمكنك تطبيق الخط على النص داخل الحاوية. للقيام بذلك ، استخدم الخاصية

الخط الأسرة

يمكنك أيضا تخصيص خصائص الخط الأخرى مثل الحجم واللون والسمك. على سبيل المثال:

لون الخلفية: رغبا (0 ، 0 ، 0 ، 0);

}

الآن سيتم عرض النص الخاص بك على خلفية شفافة مع الخط المحدد. يمكنك أيضا تخصيص خصائص الحاوية الأخرى مثل الأبعاد والهوامش لتحقيق المظهر المطلوب.

من أجل تعيين اللون المطلوب للخط ، سوف تحتاج إلى استخدام

سمة اللون

في العلامة

. في هذه السمة ، يمكنك تحديد لون الخط باستخدام اسمه (على سبيل المثال,

# 0000

لنفس اللون الأحمر).

مثال على استخدام

سمة اللون

النص أحمر

بالإضافة إلى ذلك ، يمكنك استخدام أنماط كس لتعيين لون الخط. على سبيل المثال ، لتعيين اللون الأحمر للنص ، يمكنك استخدام النمط التالي: