قم بإنشاء خط Hand Drawn باستخدام Illustrator و Fontastic.me

01 من 06

قم بإنشاء خط Hand Drawn باستخدام Illustrator و Fontastic.me

النص والصور © Ian Pullen

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

للمتابعة ، ستحتاج إلى نسخة من Adobe Illustrator ، على الرغم من أنك إذا لم تكن قد حصلت على نسخة ولا ترغب في شرائها ، فقد تكون مهتمًا ببرنامجنا التعليمي المماثل الذي يستخدم Inkscape . إن إنكسكيب هو بديل مجاني ومفتوح المصدر إلى Illustrator. أي تطبيق رسم خط متجه الذي تستخدمه ، يقدم لك fontastic.me خدمته بالكامل مجاناً.

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

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

خلال الصفحات القليلة التالية ، سأساعدك في عملية إنشاء الخط الأول.

02 من 06

افتح مستندًا فارغًا

النص والصور © Ian Pullen

الخطوة الأولى هي فتح ملف فارغ للعمل فيه.

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

بعد ذلك سنقوم باستيراد ملف الصورة إلى Illustrator.

03 من 06

استيراد صورتك من ناحية رسم النص

النص والصور © Ian Pullen

إذا لم يكن لديك صورة من النص اليدوي للعمل من ، يمكنك تنزيل نفس الملف الذي استخدمته لهذا البرنامج التعليمي.

لاستيراد الملف ، انتقل إلى ملف> موضع ، ثم انتقل إلى المكان الذي توجد فيه صورتك المرسومة يدويًا. انقر فوق الزر "وضع" وستظهر الصورة في المستند.

يمكننا الآن تتبع هذا الملف لتقديم رسائل موجهة لنا.

04 من 06

تتبع صورة من رسائل مرسومة باليد

النص والصور © Ian Pullen

تتبع الحروف مستقيم جدا.

ما عليك سوى الانتقال إلى Object> Live Trace> Make and Expand and after few minutes، you see that all of the letters have over over laid with new vector line versions. أقل وضوحًا هو حقيقة أنها ستكون محاطة بجسم آخر يمثل خلفية الصورة. نحتاج إلى حذف كائن الخلفية ، لذلك انتقل إلى Object> Ungroup ثم انقر في أي مكان خارج المربع المحيط المستطيل لإلغاء تحديد كل شيء. انقر الآن بالقرب من ، ولكن ليس على أحد الحروف ، ويجب أن ترى أن الخلفية المستطيلة محددة. ما عليك سوى الضغط على مفتاح Delete في لوحة المفاتيح لإزالته.

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

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

ذات صلة: استخدام التتبع المباشر في Illustrator

05 من 06

احفظ الرسائل الفردية كملفات SVG

النص والصور © Ian Pullen

للأسف ، لا يتيح لك Illustrator حفظ ألواح رسم متعددة لملفات SVG الفردية ، لذا يجب حفظ كل حرف يدويًا كملف SVG منفصل.

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

عند الانتهاء ، اذهب إلى ملف> حفظ باسم وفي مربع الحوار ، قم بتغيير التنسيق المنسدل لأسفل إلى SVG (svg) ، وأعطي الملف اسمًا ذا مغزى وانقر فوق حفظ. يمكنك الآن حذف هذا الحرف والمكان وإعادة الحجم التالي على اللوحة الفنية. مرة أخرى ، احفظ باسم واستمر حتى تحفظ جميع حروفك.

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

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

06 من 06

كيفية استخدام لوحة تصدير الأصول الجديدة في Adobe Illustrator CC 2017

يتم تقليل إنشاء SVG إلى سير عمل نقرة وسحب باستخدام لوحة Asset Export الجديدة في Adobe Illustrator CC 2017.

يحتوي الإصدار الحالي من Adobe Illustrator على لوحة جديدة تسمح لك بوضع كل الرسومات على لوحة فنية وإخراجها كمستندات SVG فردية. إليك الطريقة:

  1. حدد Window> Asset Export t o افتح لوحة Asset Export.
  2. حدد واحدًا أو كلًا من رسائلك واسحبها إلى اللوحة. سوف تظهر جميعها كعناصر فردية.
  3. انقر نقرًا مزدوجًا على اسم الكائن في اللوحة وأعد تسميته. افعل ذلك مع كل العناصر الموجودة في اللوحة.
  4. حدد العناصر المراد تصديرها وحدد SVG من التنسيق المنبثق.
  5. انقر فوق تصدير.