كيفية إنشاء الخط الخاص بك لنظام التشغيل Windows. كيفية إنشاء الخط المكتوب بخط اليد الخاص بك. FontCreator باللغة الروسية - إنشاء الخطوط
أهلاً بكم.
منذ وقت ليس ببعيد، من أجل القبول في الامتحانات، واجهنا مشكلة - كان على كل من فاتته الفصول الدراسية تقديم مقالات مكتوبة بخط اليد. لمدة 1-2 تمريرات لمقالة واحدة، 2-5 تمريرات لمقالتين، وما إلى ذلك. كل ملخص لا يقل عن 10 أوراق. العثور على ملخص حول موضوع ما على الإنترنت ليس بالأمر الصعب، ولكن كيف يمكنك نقل الأمر برمته إلى الورق بأقل جهد؟تم العثور على العديد من الخطوط المكتوبة بخط اليد الروسية على الإنترنت (رابط). ولكن بعد تنزيل عدة نسخ من هذه الخطوط، أصبح من الواضح أنه لن يصدق أحد صحة ما هو مكتوب، و فحص بسيطلا أستطيع تجاوز المعلم عندما يطلب مني أن أكتب شيئًا بنفس الكتابة اليدوية.ولذلك تقرر اصنع الخط المكتوب بخط اليد الخاص بك. لكن كيفية عمل خط من خط يدكحتى لا يتمكن أحد من تمييزه، ويمكنك أن تثبت بهدوء أنك أنت من كتب؟
تم العثور على الحل - البرنامج الرائع High-Logic FontCreator Professional 9
خط الكتابة اليدوية
نقوم بتثبيت Font Creator، وأعتقد أنه لا ينبغي أن تكون هناك مشاكل في هذا.
- على ورقة بيضاء نظيفة نكتب جميع الأرقام والحروف الأبجدية الروسية والإنجليزية، بالإضافة إلى الحروف الخاصة. حرف او رمز.
- نقوم بمسح (يفضل) أو تصوير الأبجدية الناتجة.
- في الرسام، فوتوشوب أو أي دولة أخرى محرر الرسوم البيانيةافتح الأبجدية الممسوحة ضوئيًا (المصورة).
- قم بتشغيل Font Creator المثبت:
- انقر فوق ملف (ملف) - جديد (جديد) أو Ctrl + N
- نعطي اسمًا لخطنا من الكتابة اليدوية (الخطوط الخاصة بي. رو )، حدد عادي ولا تتضمن الخطوط العريضة (للحصول على مخطط تفصيلي فارغ للصور الظلية).
- تظهر نافذة بها صور ظلية للإشارات والحروف الإنجليزية وبعض الحروف الأبجدية الأخرى. الآن دعونا نضيف حروف الأبجدية الروسية:
1. انقر فوق إدراج في السطر العلوي وحدد الأحرف.
2. يظهر أمامك جدول بأحرف ورموز الخط الخاص بك من خط يدك، قم بالتمرير إلى أسفل الجدول إلى حروف الأبجدية الروسية.
3. حدد الحرف "A" وانقر فوق "إضافة"، ثم حدد "I" وانقر فوق "إضافة" أيضًا.
4. وبنفس الطريقة، أضف الحروف "Ё" و"е" وحروف من الحروف الهجائية الأخرى التي تحتاجها.
5. في الحقل "إضافة هذه الأحرف..."، قم بتغيير الفاصلة إلى الشرطة بين $0410-$044F.6. ونتيجة لذلك، في الحقل "إضافة هذه الأحرف..." يجب كتابته على النحو التالي: $0410-$044F,$0401,$0451
7. انقر فوق موافق.
تظهر الرموز الروسية وجميع الحروف والعلامات التي أضفتها في القالب الخاص بك.
نقوم بحذف جميع الأحرف التي لا نحتاجها (باستثناء الأحرف الأربعة الأولى، فهي رموز النظام).
إذا لم تكن قد فتحته بعد، فقد حان الوقت للقيام بذلك.
في محرر الرسومات، حدد الحرف الأول وانسخ (كنترول +C) في Font Creator، حدد هذا الحرف وانقر فوق Insert (السيطرة + الخامس)
السطر الأدنى 1 (Win Descent) هو الحد الأقصى للأحرف ذات الذيل (ts، y، shch، z، r، d) لن يتم طباعة كل شيء أسفل هذا السطر.
السطر 2 (خط الأساس) هو خط الدعم لكل حرف. يجب أن تكون جميع الحروف موجودة على هذا السطر.
السطر 3 (x-Height) - أقصى ارتفاع للأحرف الصغيرة.
السطر 4 (CapHeight) - الحد الأقصى لارتفاع الأحرف الكبيرة والأرقام وكذلك الحروف "c" و"d" و"b".
السطر 5 (WinAcent ) - الحد الأعلى للأحرف، لن يتم طباعة كل ما هو أعلى من هذا السطر.
تحدد الخطوط الرأسية اليسرى (6) واليمنى (7) كيفية تلامس حروف الخط مع بعضها البعض. إذا كنت تريد أن تتلامس الحروف مع بعضها البعض كما هو الحال في المخطوطة، فحرك الحرف بالقرب من الحرف الأيسر (6)، وحرك الحرف الأيمن (7) على الحرف بحيث يلتصق قليلاً خارج السطر.
نقوم بضبط جميع الحروف على الأسطر، وإلا سيتم وضع أحرف الخط بشكل عشوائي، وبالتالي لن تكون جميلة.مثال على ترتيب الحروف المختلفة:
حسنًا، لقد انتهى كل شيء الآن. تثبيت الخط الخاص بك وإطلاقه محرر النص، ابحث عن الخط الخاص بك واستمتع باستخدامه. كيفية تثبيت الخط .
إذا كنت كسولًا جدًا عن القيام بكل ما هو موضح أعلاه وترغب في الحصول على خط مصنوع بشكل احترافي من خط يدك، فنحن في انتظار طلباتك على موقعنا الإلكتروني
إنشاء الخط الخاص بك
مرحبا الرجال. كما وعدتك، سأخبرك بكيفية صنع الخط الخاص بك.
سأقول على الفور أنني لا أعطي رابطًا لتنزيل البرنامج هنا، لكن لن يكون من الصعب عليك العثور عليه بنفسك. البرنامج اسمه High-Logic Font Creator، بدأت به، وهذا أبسط طريقةتحويل الحروف التي رسمتها إلى خط حقيقي. إذا لاحظت أي أخطاء، يرجى الكتابة، لأن كل هذا تم بشكل حدسي تقريبًا، ولا أتظاهر بالتنفيذ الماهر على الإطلاق :) وكالعادة، سيتم فتح الصور الأكبر بالنقر.
الأصدقاء الذين يتعاملون مع الخطوط بشكل احترافي، لا تقسموا، لن تكون هناك أي شروط أو قواعد عمليًا هنا. هذا المنشور مخصص لأولئك الذين أرادوا دائمًا إنشاء شيء كهذا، لكنهم لم يعرفوا كيفية التعامل معه :)
لذا، أول شيء يتعين علينا القيام به هو رسم الحروف والأرقام والرموز، أي كل ما تحتاجه. لقد رسمت هذه المجموعة من المخزون، واليوم سأحولها إلى خط. لا توجد أحرف صغيرة صغيرة، لذا ارسمها أيضًا لجعل الخط ممتلئًا. 
أنا أرسم كل شيء في Illustrator، لكن الأمر متروك لك. كثير من الناس يكتبون ببساطة على الورق ويمسحون ضوئيًا، وهذا أيضًا خيار.
بعد ذلك تحتاج إلى حفظ كل حرف على حدة. هذا كل شيء، افتح البرنامج الآن.
الإجراء الأول الذي قمنا به واضح تمامًا: ملف - جديد... نرى النافذة:
في النافذة، أدخل اسم الخط الخاص بنا في حقل اسم عائلة الخط، وحدد Unicode، ثم Regular، ثم لا تتضمن الخطوط العريضة، هذه هي إعداداتي :)
انقر فوق موافق، نرى أن قالب الخط قد فتح مع الكل الحروف الممكنةوالأرقام والرموز الأخرى.
لا أتذكر ما هو الخط الافتراضي، لدي مجموعة قوالب الخطوط Arial. لتغيير الخط وإضافة أحرف، عليك الذهاب إلى إدراج - أحرف، وهذا موجود اللوحة العلوية. يمكنك أيضًا إضافة السيريلية هناك، لكننا لن نفعل ذلك الآن.
بعد ذلك، الشيء الأكثر أهمية هو إضافة رسائلنا. ابحث عن الحرف الكبير A وانقر عليه نقرًا مزدوجًا.
نرى نافذة بها مجموعة من الخلايا والخطوط.
نشعر بالذعر، ونقوم بتصغير البرنامج، ونأخذ نفسًا عميقًا، ونعود. الآن سوف تشرح دينا كل شيء.
كل شريط له غرضه الخاص، ولكن أول الأشياء أولا. في هذه النافذة، انقر بزر الماوس الأيمن في أي مكان، ثم انقر فوق "استيراد صورة".
نتذكر المكان الذي حفظنا فيه جميع رسائلنا، ابحث عن الحرف A، وافتحه. نافذة أخرى:
لا يوجد شيء معقد هنا، حرك شريط التمرير، وانقر على كل ما تراه، وستخبرك المعاينة بالإعدادات الأفضل لضبطها. الصورة تظهر لي، يمكنك تجربة نفس الشيء. انقر فوق إنشاء. وهنا رسالتنا:
إذن، ما نراه: خطان رأسيان وخمسة خطوط أفقية.
يجب أن يكون الحرف موجودًا بين خطين رأسيين، يشيران إلى المسافة قبل الحرف وبعده. لا تضعها قريبًا جدًا أو مباشرة على الرسالة، وإلا ستكون الفوضى.
والآن عن الخطوط الأفقية. لن أثقل عليك بالمصطلحات، سأشرحها بشكل شعبي:
1. الشريط العلوي هو أقصى مسافة فوق خط الأساس (4).
2. الثاني من الأعلى هو ارتفاع الحروف الكبيرة.
3. والثالث هو ارتفاع الحروف الصغيرة.
4. الخط الأساسي الذي تصطف عليه جميع الحروف.
5. أقصى مسافة تحت خط الأساس (4).
لتغيير معلمات الخطوط الأفقية، تحتاج إلى فتح الإعدادات في علامة التبويب "تنسيق". أوصي بالبحث في Google عن معلمات بعض الخطوط الشائعة واستخدامها كمثال إذا كنت تريد تغيير شيء ما. لكنني لم أفعل شيئًا كهذا :)
كما ترون، قمت بزيادة الحرف إلى السطر 2، CapHeight، كل ما تبقى هو ضبط الخطوط العمودية. أريد أن تكون هناك مسافة مناسبة قبل وبعد الحرف، لذا أقوم بتحريك الحرف نفسه بعيدًا عن الخط الأيسر، وآخذ الحرف الأيمن من المثلث الأسود في الأعلى وأقربه من الحرف. مثله:
هذا هو بالضبط ما سأفعله بكل حروفي الكبيرة. إذا كنت تضيف أحرفًا صغيرة، فاجعل ارتفاعها يصل إلى السطر رقم 3.
عندما نحدد موضع الرسالة، نقوم ببساطة بإغلاق هذه النافذة. جميع الحروف سوف تقع في مكانها، وهذا ملحوظ:
لدي حرف Q بذيل، لا أريد أن يكون بارزًا عن صف الحروف العام، لذا أضعه على خط الأساس واترك الذيل بالأسفل.
افعل الشيء نفسه مع جميع الأحرف الصغيرة (p، q، y، g، j)، وبعضها، على العكس من ذلك، قد يكون أعلى قليلاً من الحرف الكبير (d، b، k، f).
لا أحتاج إلى أرقام بعد، لذا تبدو صورتي كما يلي:
إذا كنت لا تستطيع الانتظار لتجربة الحروف عمليًا، فانتقل إلى ملف - حفظ باسم، واحفظ الخط بتنسيق ttf الذي يقترحه البرنامج.
نقوم بتثبيت الخط، انتقل إلى محرر النصوص، ابحث عن الخط الخاص بنا، والتحقق منه. يعمل!
حسنا، الآن يمكنك أن تنغمس. نلتقط أسوأ صورة للألعاب النارية في 9 مايو، ونقوم ببعض السحر في برنامج Photoshop، ونكتب النص، وفويلا! :)
ليس بهذه الصعوبة، أليس كذلك؟ تأكد من تجربتها وأخبرنا بالنتائج :)
لإنشاء الخطوط أوصي باستخدام محرر FontCreatorمن المنطق العالي. سأقول على الفور أن البرنامج مدفوع، ولكن هذا هو الخيار الأفضل الذي لفت انتباهي. اذا احتجت محرر مجانيالخطوط، والانتباه إلى البرنامج اكتب الضوءمن cr8software و خدمة الإنترنت استوديو الجليفر. سألتزم بـ FontCreator (إذا لم أكن مخطئا، كان الإصدار 6.0).
الخطوة 1:وهكذا، قم بتشغيل المحرر واستخدم الأمر: ملف > جديد(ملف > جديد) - قم بإنشاء خط جديد. في النافذة التي تفتح الخط الجديد (من الانجليزية) الخط الجديد ) ، ستحتاج إلى تحديد عدد من المعلمات:
- اسم عائلة الخط- اسم عائلة الخط، أي. فقط اسم الخط، شيء من هذا القبيل تايمز نيو رومان، أشرت الخط الخاص بي.
- مجموعة الأحرف- مجموعة من الحروف المضمنة في الخط أنصح باختيارها يونيكود (أحرف).
- نوع الخط- نمط الخط، لكل نمط تحتاج إلى إنشاء ملف منفصل. بالنسبة لنمط الخط العادي (الافتراضي)، حدد الخيار عادي.
- الخطوط العريضة المحددة مسبقا- الدوائر المدمجة. أوصي بتحديد خيار عدم تضمين الخطوط العريضة، والذي سيسمح لك بإنشاء مخطط تفصيلي نظيف للصور الظلية.
الخطوة 2:ستظهر أمامك نافذة بها شكل من الصور الظلية لبعض الرموز والأرقام و حروف لاتينية. ل إضافة الأبجدية السيريليةبالنسبة للخط، عليك القيام بما يلي:
2.1. باستخدام الأمر: إدراج > أحرف... (أدخل > رموز...)- افتح النافذة إدراج الأحرف(من الانجليزية) إدخال الأحرف).
في هذه الحالة، قد تتلقى الرسالة التالية:
هذه العملية غير قابلة للتراجع. هل تريد الاستمرار؟
يعلمك أن العملية لا رجعة فيها ولإكمالها تحتاج إلى تأكيد الإجراء الخاص بك، اضغط على الزر " نعم».
2.2. بعد ذلك، سيظهر أمامك جدول الرموز. للراحة، في القائمة الخطوطحدد الخط اريال. في القائمة انتقل إلى كتلة يونيكوديختار السيريلية. باستخدام الميدان الشخصية المختارة، ينظر إلى رمز الحرفين "A" (0410 دولارًا) و"I" (044 دولارًا). في الميدان أضف هذه الأحرف و/أو نطاقات الأحرف...نضيف الأحرف الضرورية و/أو نطاق الأحرف، في حالتنا هو: $0410-$044F . انقر فوق الزر " نعم».
2.3. ستتم إضافة رموز الحروف السيريلية إلى نموذج الخط الخاص بك. بنفس الطريقة، ولكن بشكل منفصل، يمكنك إضافة الحروف "е" (0451 دولارًا) و"Ё" (0401 دولارًا)، والتي لم يتم تضمينها في نطاق الأحرف المحدد في الخطوة السابقة.
الخطوه 3:الآن يمكنك البدء في إنشاء الرموز. هنا، بالإضافة إلى تحرير المتجهات، باستخدام الأدوات المناسبة، يتيح لك FontCreator إنشاء أحرف من الصور عن طريق تحويلها إلى صورة متجهة. من الواضح أنك ستحتاج إلى رسم صورة منفصلة لكل رمز.
3.1. على سبيل المثال، أرسم الحرف الكبير "A".
3.2. من حيث المبدأ، بعد المسح، يمكن استخدام ملف الصورة هذا للاستيراد. للقيام بذلك، حدد صورة في النموذج الرمز المطلوب. ثم باستخدام الأمر: الأدوات > استيراد الصورة... (الأدوات > استيراد الصور)- افتح النافذة استيراد الصورة النقطية (من الانجليزية) استيراد الصورة النقطية) .
3.3. في النافذة التي تفتح، انقر فوق الزر حمولة…» (من الانجليزية) تحميل) وحدد ملف الصورة الذي تحتاجه.
3.4. تحريك شريط التمرير عتبة (من الانجليزية) عتبة) اضبط مستوى تعتيم الصورة لإنشاء مخطط أكثر وضوحًا. يمكنك أيضًا استخدام المرشحات:
- مرشح سلس- مرشح التنعيم.
- تقلص- طمس، يجعل الرمز أكثر جرأة.
- تمدد- التمدد يجعل الخط أرق.
وضع الاستيراد (من الانجليزية) وضع الاستيراد) من الأفضل تركها يتعقب، للتحويل إلى منحنيات. مع سلبي (من الانجليزية) سلبي) أعتقد أن كل شيء واضح. لذلك انقر فوق الزر يولد».
الخطوة 4:من خلال التبديل إلى وضع التحرير، والنقر المزدوج فوق الرمز الموجود في النموذج، كل ما عليك فعله هو تصحيح المخالفات وضبط الحجم وتعيين خط المسافة البادئة. سوف تحتاج إلى أن تفعل الشيء نفسه بالنسبة للرموز الأخرى.
بشكل عام، لا يمكن وصف عملية إنشاء الخط بأنها صعبة بشكل خاص. وهذا يتطلب الصبر والكثير من الوقت. باستخدام محرر الخطوط FontCreator، يمكن حفظ هذه المرة بعدة طرق عن طريق استيراد صورة شخصية وتحويلها إلى متجه. ومع ذلك، حتى هذا الخيار يتطلب الكثير من العمل. هذا كل ما لدي. شكرًا لكم على اهتمامكم. حظ سعيد!
يبدو لي أن العديد من المتحمسين لرسم الحروف وإنشاء الحروف في مرحلة ما لديهم فكرة: ألا يجب أن نحول كل هذا الجمال إلى خط؟ بحيث لا يمكنك الإعجاب بتركيبة محددة فحسب، بل يمكنك أيضًا طباعة هذه الحروف الجميلة على لوحة مفاتيح حقيقية وإنشاء المزيد من الجمال... حسنًا، على الأقل هكذا كان الأمر بالنسبة لي :) عندما أدركت أنه يمكنك إنشاء خط لقد حدث لي حرفيًا ثورة في الوعي (ربما هذا هو بالضبط ما يسمى "لحظة آها" باللغة الإنجليزية).
وبدأت أحاول معرفة كيفية القيام بذلك. كانت المعلومات قليلة، وما كان هناك كان غير مفهوم ومعقد. لقد ضاعت في هذه الغابة الكثيفة من المصطلحات وكدت أتخلى عن فكرة تعلم كيفية إنشاء الخطوط. لكن بمعجزة لم أستسلم، واصلت المحاولة وصنعت خطي الأول Bronks - بعيدًا عن المثالية، ولكنه ذو قيمة كبيرة من حيث الخبرة. بالمناسبة، لقد كتبت بالفعل عن كيفية إنشاء برونكس. واليوم أريد أن أخبركم بمزيد من التفصيل عن عملية إنشاء الخط ككل، بحيث يكون من الأسهل بالنسبة لك أن تفهم ما إذا كان هذا هو نشاطك "" وما إذا كنت مهتمًا بتجربته.
الخط يبدأ بموجز
رسم الحروف الرسومية هو عمل اليوم :)
بعد أن استجمعت شجاعتي، أي الإلهام، عادة ما أنتظر حتى يكون لدي نصف يوم مجاني على الأقل (من الأفضل طوال اليوم) وأجلس لرسم الحروف الرسومية. الحروف الرسومية هي الأحرف الموجودة في الخط، سواء أحرف أو أرقام، وكل تلك الرموز مثل علامة الزائد والفاصلة وعلامة الاستفهام وما إلى ذلك.
مدى اتساع نطاق رسم الخط - أي عدد الحروف الرسومية التي أقوم بإنشائها - يعتمد بشكل مباشر على الجمهور المستهدف. من الواضح أنه كلما زاد عدد الحروف الرسومية، زادت قيمة الخط، ولكن في الوقت نفسه هناك حروف رسومية تستحق قضاء الوقت عليها، وهناك حروف رسومية ليست كثيرة (على سبيل المثال، إذا كنت تقوم بإنشاء خط يدوي قياسي بالنسبة للشركات الصغيرة، سيكون الدعم اللغوي الواسع أكثر أهمية من كل العلامات الرياضية، والتي رأيت الكثير منها، بصراحة، لأول مرة في برنامج Glyphs :)). سأتحدث بالتفصيل عن الحروف الرسومية التي يجب رسمها بالضرورة، وأيها بالإضافة إلى ذلك وبأي كميات، في ورشة العمل حول إنشاء الخط الذي أعمل عليه بجد (حول هذا الموضوع في نهاية الملاحظة :)).
أستطيع أن أقول باختصار أنني أنصح بجعل الخط الأول بسيطًا وموجزًا، وإلا، إذا حاولت على الفور إنشاء الإصدارين الأولي والنهائي من الحروف، وإضافة الأبجدية السيريلية إلى الأبجدية اللاتينية، فلن تكتمل ببساطة الخط (وإذا أكملته، فمن غير المرجح أن يؤتي ثماره، لأنه في الكتابة لا يمكنك الاستغناء عن الأخطاء، والقدرة على رؤية البقع الصغيرة والتفاصيل التي تؤثر على جودة الخط تظهر فقط مع الممارسة). لذلك، في البداية، من الأفضل الالتزام بالمعيار تعيين من الألف إلى الياء، a-z، 0-9، علامات الترقيم الأساسية.
لماذا أخصص نصف يوم لرسم الخط؟ لأنه عندما "تلتقط الموجة"، أي أنك تشعر بأسلوب معين، وجو الخط، فمن الأفضل رسم كل شيء دفعة واحدة، بينما يتم تطوير اليد. ربما ينطبق هذا أكثر على الخطوط المكتوبة بخط اليد (لم أجرب خطوطًا أخرى بعد). إذا وضعتها جانبًا وحاولت رسم بقية الحروف لاحقًا، فمن المؤكد أنها ستكون مختلفة، وسوف يستغرق الأمر بعض الوقت "لضبط يدك" مرة أخرى والبدء في الوقوع في النمط العام.
يعد رسم الخط العملية الأكثر إبداعًا على الإطلاق. إذا كنت تعتقد بسذاجة أن إنشاء الخطوط هو كل شيء عن الإبداع والاحتفال بالإلهام، فأنا أسارع إلى خيبة أملك: يستغرق الإبداع ورسم الحروف 20٪ على الأكثر (عادةً أقل) من الوقت المستغرق لإنشاء الخط. والباقي عبارة عن تقنية: المسح والمعالجة ومحاذاة الحروف الأبجدية والضبط والتصدير إلى برنامج والتباعد والمسافات بين الحروف وإعدادات التعليمات البرمجية والاختبار وكل هذه الأشياء. لذلك، إذا كنت ترغب فقط في رسم الحروف، ومن الممل أن تفكر في الجزء الفني، فمن الأفضل إنشاء الحروف.
الجزء الرقمي من العملية
بمجرد رسم الخط، حان الوقت لتحويله إلى صيغة رقمية. تبدو سلسلة المعالجة الخاصة بي كما يلي: الماسح الضوئي - الفوتوشوب - المصور. في الماسح الضوئي، أقوم بتعيين الحد الأقصى للإعدادات، وفي Photoshop أقوم بزيادة التباين وتنظيف الخطوط قليلاً، وفي Illustrator أقوم بتتبع، والعثور على الأبجدية (أي، أرتب الحروف بالتسلسل، وأحاول "تجميع" بضع كلمات للتحقق من شكل كل شيء) وتنظيف نظيف - أقوم بتنظيف الحروف.
فيما يتعلق بمرحلة التنظيف - كنت أعتقد أن "لماذا تنظيفه، إنه خط مكتوب بخط اليد". ولكن في وقت لاحق تم الكشف عن هذه التفاصيل: كلما زاد عدد النقاط في المتجه، كلما زاد احتمال أن يكون الخط عربات التي تجرها الدواب بكل طريقة ممكنة - من رفض الحروف الرسومية (أو أي برنامج آخر سيتم تجميع الخط فيه) لتصدير الملف لعدم قدرة المستخدمين النهائيين على استخدامه دون أخطاء. لذلك، فإن الحد الأدنى من النقاط هو مفتاح الراحة، ونعم، لا تزال بحاجة إلى تنظيفها، حتى الخطوط ذات الملمس.
أقوم بتنظيف الحروف في Illustrator بعدة طرق: أولاً، باستخدام ممحاة سحرية من Astute Graphics (الجزء 1). البرنامج المساعد المدفوع، الذي أتحدث عنه)، للأسف بديل مجانيلا أعرف حتى الجودة التقريبية، ثانيًا، باستخدام قلم رصاص قياسي - أقوم بتسليط الضوء على المخطط التفصيلي وجعله أكثر دقة.
بعد ذلك، أقوم بإعداد الخط للتصدير - هذه قصة كبيرة منفصلة، \u200b\u200bمن المرجح أن يكون هناك العديد من مقاطع الفيديو - ونقل الحروف إلى الحروف الرسومية.
برنامج الخط الجيد مهم
تجميع الخط، أي تحويل الحروف المتجهة إلى أحرف عاملة، من النوع الذي يمكن كتابته على لوحة المفاتيح، من الناحية النظرية يمكن القيام به في برامج مختلفة. إذا بحثت في Google، فستجد قوائم رائعة من الخيارات التي تناسب جميع الأذواق والميزانيات. لا أدرج الأسماء هنا لأنني لست مستعدًا للتوصية بشيء لا أعرفه/لم أجربه مطلقًا. أنا أعمل في برنامج Glyphs وأعلم فقط أن جميع مصممي الخطوط الجادين (أولئك الذين يبيعون الخطوط) يصنعونها إما في Glyphs أو في Fontlab. يرجع هذا على الأرجح إلى حقيقة أن البرامج الأرخص/المجانية لا توفر جميع الخيارات التي تحتاجها لإنشاء قصص خطوط مثيرة للاهتمام.
ذات مرة اخترت Glyphs لأنني أردت، من ناحية، التعود فورًا على برنامج الخطوط "الصحيح" (أي البرنامج الذي يمكن استخدامه لإنشاء خطوط مدروسة ومعقدة وغنية بالعناصر، وليس خطوطًا ملتصقة لمدة شهر في بعض الخدمات المجانية). فقط لتكتشف لاحقًا أنه لا يمكنك إنشاء أحرف مركبة مشروطة هناك)، ومن ناحية أخرى، لم أكن مستعدًا لدفع عدة مرات أكثر مقابل Fontlab. على ما يبدو، كان الاختيار هو الخيار الصحيح - أعرف الأشخاص الذين تحولوا من Fontlab إلى Glyphs ويقولون إن الأخير لديه واجهة أكثر وضوحًا :)
يعد برنامج الخطوط الجيد أمرًا مهمًا لأن هذا هو المكان الذي يحدث فيه التحويل السحري للأحرف فقط إلى خط فعال. إذا كان البرنامج لا يسمح لك بإنشاء دعم اللغة، فلن تتمكن من إنشائه. إذا لم تتمكن من إضافة مجموعة بديلة من الأحرف الكبيرة، فلن تتمكن من إضافتها، حتى لو كنت قد رسمتها بالفعل.
بعد التصدير إلى Glyphs، قمت بإعداد الكثير من الأشياء المختلفة: مجموعات الحروف، والتباعد (مسافة سالبة على يسار ويمين الحروف، بشكل تقريبي)، وتقنين الحروف (المسافات بين أزواج محددة من الحروف)، وإضافة دعم اللغة، والأحرف المركبة (خاصة) مجموعة متنوعة من مجموعات الحروف)، والخيارات الأولية والنهائية (مع ذيل الحصان الطويل، والخطوط المتعرجة، والزخارف وكل ذلك) والمجموعات البديلة، إذا تم اقتراحها. على طول الطريق، يتم تكوين التعليمات البرمجية بحيث يعمل كل شيء للمستخدم النهائي كما قصدت، ودون مشاكل. هذه المرحلة، التي وصفتها في جملتين، هي في الواقع ما يستغرق حوالي 70% من الوقت عند إنشاء الخط :) وأنا أصفها باختصار ليس لأنني جشع، ولكن لأنه فيما يتعلق بتقنين الحروف وحده، يمكنك الكتابة ملاحظة أطول من هذا بثلاث مرات، ولن تكون كافية. في الدورة التدريبية حول الخطوط، سأتناول كل هذه النقاط بقدر كبير من التفصيل (حاليًا أحاول العثور على الخط الفاصل بين "ليست مفصلة بما فيه الكفاية" و"الكثير من المعلومات التي يصعب استيعابها").
سأخبرك في هذا المقال التعليمي بكيفية إنشاء الخط الخاص بك لموقع ويب باستخدام الرموز التي أنشأتها بنفسك. كل ما نحتاجه لهذا هو برنامج لإنشاء رسومات متجهة (Adobe Illustrator أو Inkspcape) والوصول إلى الإنترنت! لذا، فلنبدأ! يمكنك تنزيل جميع الصور والأيقونات وخطوط CSS المستخدمة لذلك في نهاية المقالة.
في هذا البرنامج التعليمي سوف نقوم بشيء بسيط. بالنسبة للأيقونة الأولى سنرسم نجمة عادية. بالنسبة للرمز الثاني - نسر بداخله الحرف W. من السهل جدًا الرسم ويمكنك إنشاء أي أشكال ومجموعات. لقد استخدمت المصور لهذه الأغراض.
بعد الانتهاء من الجزء الإبداعي، يجب حفظ إبداعك بتنسيق SVG. انقر فوق "حفظ باسم" وحدد نوع الملف كـ SVG. الآن يمكنك المتابعة مباشرة لإنشاء الخط.
لهذه الأغراض نستخدم الشعبية و خدمة مجانيةايكو مون.
أول شيء يجب فعله هو الإنشاء مشروع جديد، لذا انقر على القائمة الموجودة في الزاوية اليسرى العليا وانقر على "مشروع جديد". بعد ذلك، نقوم بتحميل الجاهزة لدينا ملفات SVGبعد النقر على زر "استيراد الرموز". بعد الانتهاء من هذه الخطوات، يجب أن تشاهد صورة كهذه على شاشتك:
الآن لدينا القدرة على تغيير الكود الخاص بكل أيقونة (في حالتنا سيكون e600 وe601)، واسم الخط، وبادئة CSS، وما إلى ذلك. كل هذا يتم في "التفضيلات". يمكننا أيضًا رؤية الخط أثناء العمل من خلال النقر على الرابط "تمكين الاستخدام السريع" - والذي سيسمح لنا بالحصول على رابط مؤقت للخط الخاص بنا، بالإضافة إلى خيار عرض الكود في CodePen.
بعد تكوين كل شيء، انقر فوق الزر "تنزيل" الموجود أسفل الصفحة وقم بتنزيل الأرشيف. ستجد في هذه الأرشيفات الخط الخاص بك بتنسيقات ttf وeot وsvg وwoff + صفحة تجريبية تحتوي على الخط.
استخدام الأيقونات الموجودة بالموقع
الآن، كل ما نحتاجه هو تضمين خط CSS باستخدام @font-face، وتحديد المعلمات الأخرى (جميعها مكتوبة في ملف CSS الموجود في الأرشيف الذي قمت بتنزيله.
@font-face ( عائلة الخط: "wdm-eagle"; src: url("//yourwebsitename.com/fonts/wdm-eagle.eot"); , ( عائلة الخط: "wdm-eagle"; تحدث: لا شيء؛ نمط الخط: عادي؛ وزن الخط: عادي؛ متغير الخط: عادي؛ تحويل النص: لا شيء؛ ارتفاع السطر: 1؛ /* عرض أفضل للخط =========== */ -تجانس خط webkit: الحواف؛ -moz-osx-تجانس الخط: تدرج الرمادي؛ ) .wdm-star:قبل (المحتوى: "\e600"؛ ) .wdm-eagle:قبل (المحتوى: "\e601"؛) )
يمكننا الآن استخدام الخط الخاص بنا في كود HTML مثل هذا:
تحديد اسم الفئة للعلامة نحصل على أيقونة لدينا.
