يبدو الخط ذو التأثير المائل جذابا بلا شك ويمكن أن يعطي لهجة خاصة لتصميمك. إذا كنت ترغب في إنشاء تأثير شطبة للنص الخاص بك ، ولكن لا أعرف من أين تبدأ ، لا تقلق ، ونحن سوف تساعدك.
بادئ ذي بدء ، هناك طرق مختلفة لإنشاء تأثير شطبة. واحدة من أكثر الطرق شعبية هي استخدام خاصية كس "نمط الخط". من أجل جعل النص مائلا ، يكفي إضافة "نمط الخط: مائل ؛" قاعدة كس إلى العنصر المقابل.
ومع ذلك ، إذا كنت تبحث عن نهج أكثر إبداعا ، فيمكنك استخدام أدوات وتقنيات إضافية. على سبيل المثال ، يمكنك استخدام علامة "قوي" لتمييز كلمات أو عبارات معينة في النص وإضافة تأثير مائل باستخدام أنماط كس.
ولكن تذكر أن الكثير من الميل يمكن أن يخلق تأثيرا بصريا غير سار ويجعل من الصعب قراءة النص. كن حذرا عند استخدام هذا التأثير والسعي لإيجاد توازن بين التصميم الأنيق وسهولة القراءة.
على أي حال ، فإن إنشاء تأثير شطبة هو لعبة إبداع. لذلك ، جرب وصقل مهاراتك ولا تخف من استخدام أدوات وتقنيات مختلفة لإنشاء خطوط فريدة وأنيقة مثل خطوط راسكو.
- الخطوة 1: اختيار الخط المناسب
- الخطوة 2: تعلم أساسيات تأثير الدعامة
- الخطوة 3: استخدام علامة هتمل لإعداد الخط
- الخطوة 4: تطبيق خصائص كس لإنشاء تأثير شطبة
- الخطوة 5: استخدام جافا سكريبت لإضافة تأثير قوس ديناميكي
الخطوة 1: اختيار الخط المناسب
يتميز خط راسكو بشكله المحدد للحرف ، مما يعطي انطباعا بإمالة النص. لإنشاء تأثير مائل ، يمكنك اختيار الخطوط ذات الأحرف المائلة ، على سبيل المثال ، الخطوط ذات النمط المائل أو الخطوط العادية ذات المتغيرات المائلة. ولكن الشيء الرئيسي هو أن الخط يناسب النمط العام للتصميم الخاص بك وينقل المزاج الصحيح.
| الخط | مثال |
|---|---|
| روبوتو | مثال على النص في خط روبوتو |
| فتح بلا | مثال على النص في الخط المفتوح بلا |
| لاتو | مثال على النص بخط لاتو |
من المهم أن تتذكر أنه ليست كل الخطوط تدعم المتغيرات المائلة أو لها نمط مناسب للتأثير المائل. لذلك ، يوصى بمعاينة الخط المحدد والتأكد من أنه مناسب لإنشاء التأثير المائل المطلوب.
عند تحديد الخط المناسب ، يمكنك المتابعة إلى الخطوة التالية — تعيين خصائص الخط لإنشاء تأثير شطبة.
الخطوة 2: تعلم أساسيات تأثير الدعامة
لإنشاء تأثير شطبة ، ستحتاج إلى أساس ، والذي يمكن تحقيقه عن طريق تغيير إمالة الخط. إمالة الخط هي إمالة الحروف إلى اليمين أو اليسار لإعطاء انطباع مائل.
هناك طريقتان لتعيين منحدر الخط في هتمل:
- .
- .
يمكنك بسهولة تعيين منحدر الخط للنص بأكمله داخل عنصر معين. على سبيل المثال:
تحويل
يمكن تعيين المنحدر الخط للعناصر الفردية أو كتل النص. على سبيل المثال:
ص {
تحويل: الانحراف (15 درجة);
}