الخطوط ، مثل على شاشة ليد ، يمكن أن تعطي النص الخاص بك نظرة فريدة وملحوظة. إنها مثالية لإنشاء العناوين واللافتات والإعلانات والمزيد. في هذه المقالة ، ونحن سوف اقول لكم كيفية إنشاء تأثير الخط في نمط شاشة ليد باستخدام هتمل و كس.
بادئ ذي بدء ، سوف نحتاج إلى الخطوط المناسبة. يمكنك العثور على العديد من الخطوط ليد الحرة على شبكة الإنترنت ، من بينها هناك العديد من الأساليب والاختلافات المختلفة. بعد تحديد الخط المناسب ، قم بتحميل ملفات الخط إلى الخادم الخاص بك وقم بتوصيلها باستخدام كس.
بعد ذلك ، سوف نحتاج إلى إنشاء فئة كس المناسبة لنصنا. يمكننا استخدام خصائص كس لتخصيص كل حرف وفقا للمعلمات المطلوبة. على سبيل المثال ، يمكننا تعيين لون وحجم الأحرف ، وكذلك إضافة "وميض" أو "وميض" تأثير لجعل النص تبدو أكثر مثل شاشة ليد.
0 ٪ { التعتيم: 0؛}
100 ٪ { التعتيم: 0؛}
- }
الآن أن لدينا الخط و كس الطبقات المناسبة ، يمكننا تطبيق هذه الفئة إلى أي نص على صفحتنا لخلق تأثير الخط مثل على شاشة ليد. على سبيل المثال:
النص في نمط شاشة ليد:
مرحبا ، العالم!
وهكذا ، باستخدام هتمل و كس ، يمكنك إنشاء تأثير خط عرض ليد التي من شأنها جذب الانتباه وتبرز من بين العناصر الأخرى على صفحتك.
خطوات إنشاء تأثير خط مشابه لشاشة ليد
اختيار الخط المناسب
استخدام كس لخلق تأثير توهج
استخدام الملاحظات عند إدخال النص
تطبيق تأثير ضبابي على النص
خطوات إنشاء تأثير خط مشابه لشاشة ليد
الخطوة 1: حدد الخط المناسب
لإنشاء تأثير الخط يشبه شاشة ليد ، من المهم جدا لاختيار الخط المناسب. انتبه إلى الخطوط التي لها أشكال واضحة وهندسية. تتضمن بعض خيارات الخطوط الجيدة لهذا التأثير "ديجيتال -7 "و" أوربيترون "و"لوحة ليد". عن طريق اختيار الخط المناسب ، يمكنك تحقيق تأثير شاشة ليد أكثر واقعية.
الخطوة 2: استخدم الأحرف الصغيرة
لإنشاء تأثير خط مشابه لشاشة ليد ، استخدم الأحرف الصغيرة فقط. وهذا النهج خلق تأثير قرار محدود ، نموذجية لشاشات ليد حيث لا توجد أحرف كبيرة.
الخطوة 3: تعيين حجم خط ثابت
قم بتعيين حجم خط ثابت. شاشات ليد الحقيقية عادة ما يكون قرار ثابت وحجم بكسل. لذلك ، لإنشاء تأثير مماثل لشاشة ليد ، تعيين الخط إلى حجم ثابت ، على سبيل المثال ، 14 بكسل.
الخطوة 4: تعيين لون الخلفية
شاشات ليد عادة ما يكون خلفية مظلمة وضوء مضيئة الأحرف. لإعادة إنشاء هذا التأثير ، قم بتعيين لون خلفية داكن ، على سبيل المثال ، أسود (#000000). وهذا سوف يسمح الرموز لتبرز وخلق شعور الخلفية نموذجية من شاشات ليد.
الخطوة 5: استخدم المسافات بين الأحرف
لإنشاء تأثير خط عرض ليد أكثر واقعية ، استخدم مسافات حرف إلى حرف بين الأحرف. وهذا سوف يساعد على خلق مظهر الفصل بين الشخصيات ، كما هو الحال على شاشة ليد الحقيقي.
الخطوة 6: إضافة الظلال والتدرجات (اختياري)
إذا كنت ترغب في إضافة المزيد من التفاصيل إلى تأثير الخط من شاشة ليد ، يمكنك استخدام الظلال والتدرجات. على سبيل المثال ، يمكنك إضافة ظل صغير أسفل الرموز أو تطبيق تدرج خطي لإنشاء انطباع بالحجم. ومع ذلك ، تذكر أنه من الأفضل استخدام هذه الآثار بحذر حتى لا تفقد الشعور بالبساطة والوضوح سمة من شاشات ليد.
الخطوة 7: إضافة الرسوم المتحركة (اختياري)
لإنشاء تأثير شاشة ليد ، يمكنك إضافة الرسوم المتحركة حرف. على سبيل المثال ، قد تومض الرموز أو تضيء تدريجيا وتخرج. استخدام كس الرسوم المتحركة أو جافا سكريبت لخلق هذا التأثير. ومع ذلك ، تذكر أن مثل هذه الرسوم المتحركة يمكن أن تكون مزعجة ومشتتة للانتباه ، لذا استخدمها بحذر واعتدال.
بعد هذه الخطوات ، سوف تكون قادرة على خلق تأثير الخط الذي سوف تشبه شاشة ليد وإعطاء النصوص الخاصة بك الأصالة والتفرد.
اختيار الخط المناسب
لإنشاء تأثير خط مشابه لشاشة ليد ، من المهم اختيار الخط المناسب. هناك العديد من الخطوط الرائعة لإعادة إنشاء هذا التأثير:
1. رقمي: يحتوي الخط الرقمي على خطوط ناعمة وأشكال زاوية ، مما يمنحه تأثيرا مشابها لشاشة ليد. فمن للقراءة تماما وهي واحدة من الخيارات الأكثر شعبية عند إنشاء تأثير النص من شاشة ليد.
2. الطاقة الخضراء: الخط الأخضر السلطة لديه تصميم بسيط ونحيف ، على غرار ساعة رقمية أو شاشة ليد. صورته الظلية واضحة ويمكن تمييزها بسهولة حتى على مسافات طويلة.
3. مصفوفة نقطية: يحتوي خط المصفوفة النقطية على شكل يشبه النقاط ، مما يخلق تأثير شاشة ليد. أنها جذابة ويمكن التعرف عليها بسهولة ، وأيضا مثالية لخلق خط مذهلة ومثيرة للاهتمام لشاشة ليد.
ومع ذلك ، يجب ألا تقتصر على هذه الخطوط فقط. استخدام خيالك والتجربة مع الخطوط للعثور على مزيج مثالي من شأنها أن تخلق تأثير الخط المطلوب على شاشة ليد.
استخدام كس لخلق تأثير توهج
كس يمكن استخدامها لخلق تأثير توهج مماثل لشاشة ليد. فيما يلي بعض الطرق للمساعدة في تحقيق التأثير المطلوب.
1. باستخدام مربع الظل:
تتمثل إحدى طرق إنشاء تأثير توهج في استخدام خاصية ظل الصندوق. سيؤدي هذا إلى إضافة ظل حول العنصر وتحديد لون ونصف قطر التمويه لإنشاء توهج. فيما يلي مثال على رمز كس:
. عنصري {
مربع الظل: 0 0 10 بكسل 5 بكسل #فف0000;
}
2. باستخدام نص الظل:
هناك طريقة أخرى لإنشاء تأثير توهج وهي استخدام خاصية ظل النص للنص. في هذه الحالة ، سيتم إضافة الظل فقط إلى النص ، وليس إلى العنصر بأكمله. أدناه مثال:
. عنصري {
ظل النص: 0 0 10 بكسل #00 أف 00;