فونت های خود را با استفاده از Inkscape و Fontastic.me ایجاد کنید

در این آموزش، من قصد دارم به شما نشان دهد چگونه می توانید فونت های دست خط خود را با استفاده از Inkscape و fontastic.me ایجاد کنید.

اگر شما با اینها آشنا نیستید، Inkscape یک برنامه طراحی خط بر خط متن باز و رایگان است که برای ویندوز، OS X و لینوکس در دسترس است. Fontastic.me یک وب سایت است که انواع فونت های آیکن را ارائه می دهد اما همچنین شما می توانید گرافیک SVG خود را آپلود کنید و آنها را به صورت رایگان به فونت تبدیل کنید.

در حالی که طراحی یک فونت که به طور موثر در اندازه های مختلف کار می کند با ادغام نامه ای با دقت کاری، یک مهارت است که می تواند چندین سال طول بکشد، این یک پروژه سریع و سرگرم کننده است که فونت منحصر به فردی به شما می دهد. هدف اصلی fontastic.me این است که فونت آیکون برای وب سایت ها تولید کند، اما شما می توانید یک فونت از حروف ایجاد کنید که می توانید آن را برای تولید عنوان یا مقادیر کم متن استفاده کنید.

برای این آموزش، من قصد دارم یک عکس از برخی نوشته های نوشته شده را ردیابی کنم، اما شما می توانید این تکنیک را به راحتی تطبیق دهید و حروف خود را مستقیما در Inkscape بکشید. این ممکن است به خصوص برای کسانی که از قرص های رسم استفاده می کنند کار کند.

در صفحه بعد، ما با ایجاد فونت خود شروع می کنیم.

01 از 05

یک عکس از فونت نوشته شده خود را وارد کنید

متن و تصاویر © Ian Pullen

شما می خواهید یک عکس از برخی حروف کشیده داشته باشید اگر می خواهید با هم همراه شوید و اگر نمی خواهید خودتان را ایجاد کنید می توانید از a-doodle-z.jpg که حاوی حروف AZ است استفاده کنید.

اگر قصد دارید خودتان را ایجاد کنید، از یک جوهر رنگی تیره و کاغذ سفید برای کنتراست قوی استفاده کنید و عکسهای کامل شده را در نور خوب عکس بگیرید. همچنین سعی کنید از هر فضای بسته در حروف مانند «O» اجتناب کنید زیرا این امر پیچیده تر خواهد شد هنگام آماده سازی نامه های ردیابی شده خود.

برای وارد کردن عکس، به File> Import بروید و سپس به عکس بروید و روی دکمه Open کلیک کنید. در گفتگو بعدی، من توصیه می کنم که از گزینه قرارداد استفاده کنید.

اگر فایل تصویری بسیار بزرگ است، می توانید با استفاده از گزینه های زیر منو View> Zoom، بزرگنمایی کنید و سپس با کلیک کردن بر روی آن یک بار در هر گوشه نمایش داده شود. در حالی که کلید Ctrl یا Command را نگه دارید، یک دسته را فشار دهید و آن را بکشید و نسبت های اصلی آن را حفظ کنید.

بعد ما تصویر را برای ایجاد خطوط خط بردار دنبال می کنیم.

02 از 05

ردیابی عکس برای ایجاد نامه های Vector Line

متن و تصاویر © Ian Pullen

من قبلا ردیابی گرافیک بیت مپ را در Inkscape توضیح دادم، اما به زودی دوباره این فرآیند را توصیف می کنم.

بر روی عکس کلیک کنید تا اطمینان حاصل شود که انتخاب شده است و سپس به مسیر> مسیر ردیابی بیت مپ بروید تا کادر محاوره ای Trace Bitmap باز شود. در مورد من، تمام تنظیمات را به طور پیش فرض خود گذاشتم و نتیجه خوب و پاکی را به وجود آوردم. شما ممکن است نیاز به تنظیم تنظیمات ردیابی داشته باشید، اما برای عکسبرداری با کنتراست قوی تر، می توانید عکس های خود را با روشنایی بهتر عکس بگیرید.

در تصویر روی صفحه نمایش، می توانید نامه های ردیابی که از عکس اصلی گرفته شده است را مشاهده کنید. وقتی ردیابی تکمیل شد، حروف به طور مستقیم بر روی عکس قرار می گیرند، بنابراین ممکن است خیلی واضح نباشد. قبل از رفتن، می توانید کادر محاوره ای Trace Bitmap را ببندید و همچنین بر روی عکس کلیک کنید تا آن را انتخاب کنید و روی حذف کلید روی صفحه کلید خود کلیک کنید تا آن را از سند حذف کنید.

03 از 05

تقسیم ردیابی به نامه های فردی

متن و تصاویر © Ian Pullen

در این مرحله، تمام حروف به یکدیگر متصل می شوند، بنابراین به مسیر> شکستن بپردازید تا آنها را به حروف فردی تقسیم کنید. توجه داشته باشید که اگر نامه هایی دارید که از بیش از یک عنصر تشکیل شده باشد، این نیز به عناصر جداگانه تقسیم می شود. در مورد من، این مربوط به هر نامه است، بنابراین منطقی است که هر نامه را با هم در این مرحله گروه بندی کنیم.

برای انجام این کار، یک قلم انتخاب را در اطراف یک حرف کلیک کنید و سپس به Object> Group بروید یا به Ctrl + G یا Command + G به بسته روی صفحه کلید خود بروید.

بدیهی است، شما فقط باید این کار را با حروف حاوی بیش از یک عنصر انجام دهید.

قبل از ایجاد پرونده های نامه، سند را به ابعاد مناسب اندازه می دهیم.

04 از 05

اندازه سند را تنظیم کنید

متن و تصاویر © Ian Pullen

ما باید سند را به ابعاد مناسب تنظیم کنیم، بنابراین به فایل> اسناد Properties بروید و در گفت و گو، عرض و ارتفاع را در صورت لزوم تنظیم کنید. من 500px را با 500px تنظیم کردم، هر چند ایده آل برای عرض هر حرف برای هر حرف متفاوت باشد تا حرف های نهایی با هم منظم تر با هم هماهنگ شوند.

بعد، ما نامه های SVG را که به fontastic.me آپلود می شوند ایجاد خواهیم کرد.

05 از 05

ایجاد فایل های انفرادی SVG برای هر حرف

متن و تصاویر © Ian Pullen

Fontastic.me هر حرف را به یک فایل SVG جداگانه نیاز دارد، بنابراین ما باید قبل از فشار دادن آن را تولید کنیم.

تمام نامه های خود را بکشید تا آنها خارج از لبه های صفحه قرار بگیرند. Fontastic.me هر عنصر خارج از منطقه صفحه را نادیده می گیرد، بنابراین ما می توانیم این حروف را بدون هیچ مشکلی پارک کنیم.

حالا نامه اول را به صفحه بکشید و از گوشه های کشیدن در گوشه استفاده کنید تا اندازه آن را به صورت ضرورت تغییر دهید.

سپس به File> Save As بروید و فایل را یک نام معنادار بدانید. من a.svg را نام بردم - اطمینان حاصل کنید که فایل دارای پسوند .svg است.

اکنون می توانید اولین حرف را حرکت دهید یا حذف کنید و دومین حرف را روی صفحه قرار دهید و دوباره به File> Save As بروید. برای هر حرف باید این کار را انجام دهید. اگر صبر بیشتری نسبت به من داشته باشید، می توانید پهنای صفحه را به همان ترتیب تنظیم کنید که هر حرف را بهتر می کند.

در نهایت، شما ممکن است بخواهید تولید نشانه گذاری را در نظر بگیرید، هر چند شما قطعا یک شخصیت فضایی خواهید داشت. برای یک فضای فقط یک صفحه خالی را ذخیره کنید. همچنین اگر شما می خواهید حروف بزرگ و کوچک را بخوانید، باید همه این موارد را نیز ذخیره کنید.

حالا شما می توانید به fonttastic.me مراجعه کنید و فونت خود را ایجاد کنید. من کمی درباره این فرایند در یک مقاله همراه توضیح دادم که توضیح می دهد چگونه از این سایت برای ساخت فونت خود استفاده کنید: یک فونت با استفاده از Fontastic.me ایجاد کنید