الانتقال إلى المحتوى الرئيسي

كيفية إنشاء تأثير خط الآلة الكاتبة: تعليمات خطوة بخطوة

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

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

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

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

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

  1. اختيار الخط المناسب
  2. أي خط تختار
  3. الحجم والتباعد بين الأحرف
  4. مثال في الجدول
  5. خلق تأثير الآلة الكاتبة
  6. باستخدام كس الرسوم المتحركة

اختيار الخط المناسب

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

هناك العديد من الخطوط المثالية لإنشاء تأثير الآلة الكاتبة:

  • أندالي مونو
  • ساعي جديد
  • لوسيدا وحدة التحكم
  • موناكو
  • كونسولاس

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

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

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

الجسم {

الخط الأسرة: "ساعي جديد" ، مونوسبيس;

}

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

ساعي جديد

يحاكي هذا الخط أحادي المسافة خط الآلة الكاتبة الحقيقية. يتم استخدامه عادة لإعادة إنتاج تأثير كتابة النص.

كونسولاس

يحاكي هذا الخط نمط خط الآلة الكاتبة في الوقت الذي كانت فيه شائعة. يضيف القليل من الأصالة والجماليات القديمة.

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

. على سبيل المثال ، إذا كنت ترغب في تعيين حجم الحرف إلى 14 بكسل ، يمكنك استخدام التعليمات البرمجية التالية:

نص بحجم خط محدد

تباعد الحروف

. على سبيل المثال ، إذا كنت ترغب في تعيين تباعد الأحرف إلى 2 بكسل ، يمكنك استخدام التعليمات البرمجية التالية:

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

النص

النص 1

12 بكسل

1 بكسل

النص 2

2 بكسل

النص 3

20 بكسل

3 بكسل

خلق تأثير الآلة الكاتبة

الخطوة 1: قم بإنشاء حاوية لنص الآلة الكاتبة باستخدام العلامة

  1. # الآلة الكاتبة {
  2. عائلة الخط: أحادي المسافة;

الحشو: 10 بكسل;

}

# نص {

الرسوم المتحركة: كتابة 3 خطوات (10) لانهائية;