יצירת גופנים משלך באמצעות Inkscape ו Fontastic.me

במדריך זה, אני הולך להראות לך איך אתה יכול ליצור גופנים בכתב יד שלך באמצעות Inkscape ו fontastic.me.

אם אתה לא מכיר את אלה, Inkscape הוא קו וקטור חינם וקוד פתוח יישום ציור זה זמין עבור Windows, OS X ו- Linux. Fontastic.me הוא אתר המציע מגוון רחב של גופני סמל, אבל גם מאפשר לך להעלות גרפיקה SVG משלך להמיר אותם לגופן בחינם.

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

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

בדף הבא, נתחיל עם יצירת הגופן שלנו.

Friday of 05

ייבוא ​​תמונה של גופן כתוב

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

אתה צריך תמונה של כמה מכתבים נמשכים אם אתה רוצה ללכת יחד ואם אתה לא רוצה לעשות משלך, אתה יכול להוריד ולהשתמש a-doodle-z.jpg המכיל את האותיות הון AZ.

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

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

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

הבא נתחקה את התמונה כדי ליצור אותיות וקטוריות.

02 מתוך 05

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

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

אני כבר תיאר בעבר מעקב אחר מפת סיביות גרפיקה Inkscape , אבל יהיה לתאר במהירות את התהליך שוב כאן.

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

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

03 מתוך 05

לפצל את האיתור לתוך אותיות בודדות

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

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

לשם כך, פשוט לחץ וגרור סימון בחירה סביב אות ולאחר מכן עבור אל אובייקט> קבוצה או הקש Ctrl + G או Command + G בהתאם למקלדת.

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

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

04 מתוך 05

הגדר את גודל המסמך

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

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

הבא, ניצור את האותיות SVG כי יועלו fontastic.me.

05 מתוך 05

יצירת קבצי SVG בודדים עבור כל מכתב

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

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

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

עכשיו לגרור את האות הראשונה לתוך הדף ולהשתמש גרור ידיות בפינה כדי לגודל מחדש לפי הצורך.

לאחר מכן עבור אל קובץ> שמור בשם ו תן את הקובץ שם בעל משמעות. התקשרתי אל a.svg שלי - ודא שהקובץ מכיל את הסיומת .svg.

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

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

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