יצירת יד Drawn גופן באמצעות Illustrator ו Fontastic.me

01 of 06

יצירת יד Drawn גופן באמצעות Illustrator ו Fontastic.me

טקסט ותמונות © Ian Pullen

במדריך זה כיף ומעניין, אני הולך להראות לך איך אתה יכול ליצור את הגופן שלך מאוד באמצעות Illustrator ואת שירות האינטרנט באינטרנט fontastic.me.

כדי לעקוב אחר, תצטרך עותק של Adobe Illustrator, אם כי אם אין לך עותק לא רוצה לקנות אותו, אתה עשוי להיות מעוניין שלנו הדרכה דומה המשתמשת Inkscape . Inkscape היא חלופה חופשית, קוד פתוח Illustrator. לפי קו וקטור ציור היישום שבו אתה משתמש, fontastic.me מציעה את השירות לחלוטין בחינם.

בעוד אני הולך להראות לך איך ליצור יד מצוירת גופן באמצעות תמונה של אותיות מצוירות על נייר, אתה יכול גם להשתמש בטכניקות דומות כדי לייצר גופן באמצעות אותיות כי כבר נמשך ישירות Illustrator. אם אתה משתמש בטאבלט ציור , זה עשוי להיות עדיף עליך.

אם אתה משתמש בתצלום, ודא שאתה משתמש בעט בצבע כהה כדי לצייר את האותיות שלך ולהשתמש בנייר לבן רגיל לניגוד מרבי. כמו כן, קח את התמונה שלך באור טוב כדי לעזור לייצר תמונה ברורה וניגודיות לעשות את זה קל ככל האפשר עבור Illustrator כדי לעקוב אחר אותיות בודדות.

במהלך הדפים הבאים, אני אלך אותך בתהליך של יצירת הגופן הראשון שלך.

02 מתוך 06

פתח מסמך ריק

טקסט ותמונות © Ian Pullen

הצעד הראשון הוא לפתוח קובץ ריק לעבוד בו.

עבור אל קובץ> חדש ובדיאלוג הגדר את הגודל הרצוי. השתמשתי בגודל דף מרובע של 500px, אבל אתה יכול להגדיר את זה לפי הצורך.

הבא נייבא את קובץ התמונה לתוך Illustrator.

03 מתוך 06

ייבוא ​​תמונה שלך של יד

טקסט ותמונות © Ian Pullen

אם אין לך תמונה של טקסט מצויר יד לעבוד מ, אתה יכול להוריד את אותו הקובץ שבו השתמשתי עבור הדרכה זו.

כדי לייבא את הקובץ, עבור אל קובץ> מקום ולאחר מכן נווט אל המקום שבו נמצאת התמונה של טקסט מצויר ביד. לחץ על הלחצן 'מקום' ותראה את התמונה מופיעה במסמך שלך.

עכשיו אנחנו יכולים לעקוב אחר קובץ זה כדי לתת לנו מכתבים וקטוריים.

04 מתוך 06

עקוב אחר תמונה של מכתבים ביד Drawn

טקסט ותמונות © Ian Pullen

מעקב אחר האותיות הוא ישר קדימה.

פשוט ללכת אובייקט> Live Trace> לעשות ולהרחיב ואחרי כמה רגעים, תראה כי כל האותיות כבר מעל הניח עם גרסאות קו וקטור חדש. פחות ברור הוא שהם יהיו מוקף אובייקט אחר המייצג את הרקע של התמונה. אנו צריכים למחוק את אובייקט הרקע, אז עבור אל אובייקט> התנתקות ולאחר מכן לחץ במקום כלשהו מחוץ לתיבת התיחום המלבנית כדי לבטל את הכל. עכשיו לחץ קרוב, אבל לא על אחד המכתבים ואתה צריך לראות את הרקע מלבני נבחר. פשוט לחץ על המקש Delete במקלדת כדי להסיר אותו.

זה משאיר את כל האותיות הפרטיות, עם זאת, אם כל המכתבים שלך מכילים יותר מאלמנט אחד, תצטרך לקבץ את אלה יחד. כל המכתבים שלי מכילים יותר מאלמנט אחד, ולכן הייתי צריך לקבץ את כולם. הדבר נעשה על ידי לחיצה וגרירה של סימון בחירה שמקיף את כל החלקים השונים של אות ולאחר מכן מעבר לאובייקט> קבוצה.

עכשיו אתה תישאר עם כל האותיות הפרטיות שלך הבא אנו משתמשים אלה כדי ליצור את הקבצים SVG בודדים שאנחנו צריכים ליצור גופן על fontastic.me.

מידע נוסף: שימוש ב- Live Trace ב- Illustrator

05 מתוך 06

שמור אישי מכתבים כמו SVG קבצים

טקסט ותמונות © Ian Pullen

למרבה הצער, Illustrator אינו מאפשר לך לשמור משטחי יצירה מרובים לקובצי SVG נפרדים, לכן יש לשמור כל אות באופן ידני כקובץ SVG נפרד.

ראשית, בחר וגרור את כל האותיות, כך שהם לא מעל להניח את לוח האמנות. לאחר מכן גרור את האות הראשונה על משטח היצירה והכנס אותה מחדש כדי למלא את משטח היצירה על-ידי גרירת אחד מגלגלי הגרור בפינה. החזק את מקש Shift לחוץ בזמן שאתה עושה זאת כדי לשמור על הפרופורציות.

בסיום, עבור אל קובץ> שמירה בשם ובדיאלוג, שנה את הפורמט הנפתח ל- SVG (svg), תן לקובץ שם בעל משמעות ולחץ על שמור. עכשיו אתה יכול למחוק את המכתב ואת המקום מחדש בגודל הבא על משטח היצירה. שוב לעשות שמירה ולהמשיך עד שמרת את כל המכתבים שלך.

לבסוף, לפני שתמשיך, שמור משטח יצירה ריק כדי שתוכל להשתמש בו עבור תו רווח. כמו כן, מומלץ לשקול שמירת סימני פיסוק וגרסאות קטנות יותר של האותיות שלך, אך לא טרחתי עבור הדרכה זו.

עם אלה נפרדים קבצי SVG מכתב מוכן, אתה יכול לקחת את הצעד הבא כדי ליצור את הגופן על ידי העלאת אותם fontastic.me. אנא תסתכל במאמר זה כדי לראות כיצד להשתמש fontastic.me כדי לסיים את הגופן: יצירת גופן באמצעות Fontastic.me

06 מתוך 06

כיצד להשתמש בלוח הייצוא החדש ייצוא ב - Adobe

יצירת SVG מופחתת לתהליך עבודה של קליק וגרור עם החלונית 'ייצוא פריטים' חדשה ב- Adobe Illustrator CC 2017.

הגרסה הנוכחית של Adobe Illustrator מכילה פאנל חדש המאפשר לך לשים את כל הציורים שלך על משטח יצירה אחד ולהפיק אותם כמסמכי SVG נפרדים. הנה איך:

  1. בחרו ' חלון'> 'ייצוא ייצוא' לא לפתוח את החלונית 'ייצוא נכסים'.
  2. בחר אחת או את כל האותיות שלך וגרור אותם לתוך הלוח. כולם יופיעו כפריטים בודדים.
  3. לחץ פעמיים על שם האובייקט בחלונית ושנה את שמו. לעשות זאת עבור כל הפריטים בלוח.
  4. בחר את הפריטים לייצוא ובחר SVG מהתפריט פורמט למטה.
  5. לחץ על ייצוא.