طراحی فونت اختصاصی در Illustrator و Font Creator

با سلام به همراهان عزیز و علاقمندان به آموزش ایلوستریتور. با ارائه ی یک آموزش کاربردی دیگر با موضوع طراحی فونت اختصاصی در Illustrator در کنار شما هستیم.

در این مطلب می‌خواهیم سریع ترین و آسان ترین روش برای ساختن فونت دلخواهتان را آموزش دهیم؛ در پایان این آموزش انتظار می‌رود بتوانید فونت های اختصاصی خودتان را به سرعت طراحی کنید.

آیا شما نیز به فکر استفاده از فونت‌های اختصاصی خودتان افتاده‌اید؟ آیا می خواهید فونت‌هایی شبیه به دست‌خط خودتان را بسازید؟ و یا می خواهید فونت هایی جالب و اختصاصی خودتان را طراحی کنید؟

شما می توانید فونت هایی که می سازید را مانند دیگر فونت ها در هر برنامه و نرم افزاری مثل Word، فتوشاپ و… استفاده کنید. و حتی فونت طراحی شده را در مارکت های فونت به فروش بگذارید.

با چه نرم افزاری فونت را طراحی کنیم؟

ما در این آموزش از ادوب ایلوستریتور (Illustrator) برای طراحی فونت استفاده می کنیم. البته از نرم افزارهای دیگری مثل فتوشاپ می توانید برای طراحی فونت استفاده کنید.

ولی ما از نرم افزار ایلوستریتور بخاطر وکتور و برداری بودن آن استفاده می کنیم که باعث با کیفیت شدن فونت می‌شود.

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

برای آشنایی با این مفاهیم ایلوستریتور می توانید کلیک کنید.

با چه نرم افزاری فونت را بسازیم؟

نرم افزار Font Creator به شما اجازه می دهد تا هم فونت بسازید و هم به ویرایش فونت های TrueType و  OpenType بپردازید.

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

• قبل از پرداختن به آموزش طراحی فونت اختصاصی در Illustrator، در ابتدا به نکات مهم در نرم افزار Font Creator می پردازیم تا در ادامه راحت تر بتوانیم فونت ها را بسازیم.

برای وارد کردن فونت در Font Creator به مسیر File / Open Installed Font بروید. سپس لیستی از فونت های نصب شده بر روی ویندوز به نمایش در می آید. سپس یکی از فونت های فارسی را انتخاب کنید.

همانطور که می بینید هر حرف در مربع هایی قرار دارد که به هر یک از این مربع ها Glyph می گویند. و هر فونت هم بیشتر از ۲۰۰ تا Glyph دارد. که شما باید تک تک واژه ها را طراحی کنید و داخل Glyph مختص به خودش بگذارید.

شاید بپرسید ما در زبان فارسی ۳۲ حرف داریم پس چرا تعداد Glyph ها زیاد است؟ چون شما هم باید علامت هایی مثل علامت سوال، علامت تعجب و دیگر علامت ها را طراحی کنید و هم باید شکل های مختلف هر حرف را بسازید.

برای مثال حرف ب دارای چهار شکل ب ابتدایی، ب وسط ، ب اخر و ب تنها است. و شما باید تک تک این حرف ها را طراحی کنید.

در Font Creator هر حرف دارای یک کد و شناسه است و شما باید هر حرف را در Glyph مخصوص خودش قرار دهید.

برای مثال ب ابتدایی دارای شناسه Ufe91 است. با نگه داشتن موس بر روی هر Glyph می توانید اطلاعات بیشتری از حرف را به دست آورید.

با کلیک بر روی هر Glyph پنجره جدیدی باز می شود و شما می توانید در این پنجره ی ویرایشگر حرف مورد نظر را ویرایش کنید.

در این پنجره خط های قرمز عمودی و افقی می بینید که هر کدام از این خط ها اسم هایی دارند، مهم ترین این خط ها Bearing Line و Base Line نام دارند که در ادامه توضیح مختصری درباره این دو خط می دهیم.

Bearing Line: در این پنجره خط های عمودی قرمز رنگ در چپ و راست حرف مشاهده می کنید که به این خطوط Bearing  Line می گویند. که نشان دهنده محل قرارگیری و نحوه ی چیدمان حرف مورد نظر است و حدود حرف های قبل و بعد را مشخص می کند.

Base Line: خط افقی قرمز رنگی که به اسم Base Line مشاهده می‌کنید. نشان‌ ‌دهنده خط زمینه (خط کرسی) یا همان خط اصلی نوشتاری است.

این همان خطی است که معمولا حروف روی آن قرار می‌گیرند و شما باید به قرار دادن درست هر حرف بر روی این خط توجه کنید.

اگر درس های دوران ابتدایی را به خاطر بیاورید، هر حرف جایگاه خاصی روی خط کرسی داشت. مثلا حرف (ب) دقیقا روی خط کرسی قرار داشت. و یا در حرف (ل) نصف آن بالای خط و نصف آن پایین خط کرسی قرار داشت. پس در اینجا هم باید این قاعده را روی خط Base Line رعایت کنید.

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

در ابتدا باید به این نکته اشاره کنم که هر کسی روند خاصی را برای طراحی و ساختن فونت دنبال میکند. و روش های مختلفی برای طراحی و ساختن فونت وجود دارد.

آموزشی را که در ادامه میخوانید یکی از بهترین روش ها است و شما می توانید از آن استفاده کنید که ممکن است از نظر شما متفاوت باشد. به هر حال این یک روش برای ساختن فونت می باشد که اگر مایل بودید می توانید از این راه برای ساختن فونت اقدام کنید.

۱- طراحی حرف در نرم افزار ایلوستریتور

در ادامه ی آموزش طراحی فونت اختصاصی در ایلوستریتور، در ابتدا باید تک تک حرف ها را در نرم افزار Illustrator و با ابزار Pen و یا هر ابزاری که خواستید طراحی کنید. و هر حرف را جداگانه و با فرمت AI ذخیره کنید تا بتوانید آن را به صورت برداری و وکتور به نرم افزار Font Creator وارد کنید.

نکته ۱: دقت داشته باشید که اگر از Pen برای طراحی حرف استفاده می کنید، شما یا باید خودتان حرف هایی با شکل بسته ایجاد کنید، و یا می توانید حرف را به شکل باز طراحی کنید.

سپس از منوی Object گزینه Expand را بزنید تا شکل بسته ایجاد شود و شکل باز به شکل بسته تبدیل شود. حرف های با شکل باز در Font Creator قابل قبول نیست. در تصویر زیر تفاوت حرف با شکل باز و بسته را می بینید.

نکته ۲: شما می توانید حرف ایجاد شده را با فرمت های دیگری هم مثل PNG یا JPG ذخیره و وارد نرم افزار کنید. اما اگر از این فرمت ها استفاده کنید هنگام وارد کردن به برنامه حرف کیفیت خودش را از دست می دهد و پیکسلیت می شود. پس بهتر است با فرمت AI ذخیره کنید تا برداری بودن آن حفظ شود.

در عکس زیر تفاوت تصویر وارد شده به نرم افزار Font Creator را با فرمت AI و PNG را می بینید.

۲- ساختن فونت در نرم افزار Font Creator

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

۲-۱: ایجاد Glyph های فارسی

دو روش برای ایجاد Glyph های فارسی و استفاده از آنها وجود دارد:

روش اول: برای ساخت Glyph های فارسی از منوی File گزینه New را بزنید. و سپس در پنجره باز شده نامی برای فونت انتخاب کنید. و نوع استایل فونت را تنظیم کنید و دیگر تنظیمات آن را انجام دهید.

سپس شما لیستی از Glyph های لاتین مشاهده خواهید کرد. برای وارد کردن Glyph های فارسی از نوار ابزار Insert Character را بزنید.

در پنجره ی Insert Character قسمت Display Font را با توجه به زبان فونت تنظیم کنید. و سپس باید روی تک تک حروفی که می خواهید دابل کلیک کنید تا Glyph های آن وارد برنامه شود. (حروفی که به رنگ سبز در آمده اند، یعنی Glyph های آن وارد شده و حروفی که هنوز سفید است انتخاب نشده پس باید انها را از طریق دابل کلیک انتخاب کنید و Ok را بزنید).

روش دوم: در این روش شما از فونت های فارسی نصب شده روی ویندوز استفاده می کنید.
چون Glyphهای فارسی این فونت ها قبلا ایجاد شده و تنها کاری که شما باید انجام دهید این است که حرف موجود در هر Glyph را حذف و حرف طراحی شده خودتان را جایگزین آن کنید.

برای وارد کردن فونت از منوی File گزینه Open Installed Font را بزنید تا لیست فونت ها بارگیری شود و سپس از لیست فونت ها یک فونت فارسی را انتخاب کنید.

سپس Glyph های فارسی را مشاهده خواهید کرد. و حالا حرف های هر Glyph را حذف و حرف های خودتان را در Glyph مخصوص خودش قرار دهید.

نکته: اگر از این روش برای ایجاد Glyph های فارسی استفاده می کنید، شما باید در پایان ساختن فونت نام فونت را تغییر دهید تا جایگزین فونتی که در ابتدا وارد نرم افزار کردید نشود و فونت شما به عنوان فونت جدیدی شناخته شود(در ادامه به نحوه تغییر نام فونت خواهیم پرداخت).

۲-۲: وارد (import) کردن حروف طراحی شده به نرم افزار

برای وارد کردن حرف طراحی شده روی Glyph حرف مورد نظر کلیک کنید. و سپس در پنجره ی جدید از نوار ابزار Import image را بزنید. و فایلی را که قبلا با فرمت AI ذخیره کرده بودید را انتخاب کنید تا وارد نرم افزار شود(اگر پس از انتخاب، حرف طراحی شده را در نرم افزار مشاهده نکردید نوار اسکرول سمت راست را به پایین یا بالا بکشید تا حرف وارد شده را پیدا کنید).

۲-۳: جایگذاری درست هر حرف نسبت به خطوط

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

همانطور که در ابتدای پست گفته شد، در زبان فارسی از هر حرف چند شکل مختلف وجود دارد (ابتدایی ، وسط ، انتهایی ، تنها) و هر شکل از این حرف ها در مکان خاصی نسبت به خطوط  قرار می گیرند،
پس باید به جایگذاری درست هر شکل حرف هم روی خط Base Line و هم نسبت به خطوط عمودی Bearing Line دقت کنید.

حرف هایی که دارای شکل ابتدایی هستند (مانند ب ابتدایی ، پ ابتدایی و امثال اینها) به دو خط عمودی Bearing Line می چسبند.
حرف هایی که دارای شکل وسط هستند (مانند ل وسط ، ع وسط  و امثال اینها) به دو خط عمودی Bearing Line می چسبند.
حرف هایی که دارای شکل انتهایی هستند (مانند د انتهایی ، ر انتهایی  و امثال اینها) به Bearing Line اولی می چسبند و از Bearing Line دومی فاصله دارند.
حرف هایی که دارای شکل تنها هستند (مانند ج تنها ، ز تنها  و امثال اینها) به Bearing Line اولی می چسبند و از Bearing Line دومی فاصله دارند.

در تصویر زیر محل قرار گیری شکل های مختلف حرف ب نسبت به خطوط Bearing Line را می بینید.

نکته: شما در هر مرحله می توانید فونت خود را تست کنید. و ببینید حرف طراحی شده در محیط متنی به درستی به نمایش در می آید یا نه.

برای تست کردن فونت و حروف از نوار ابزار گزینه Test Current Font as TTF/OTF را بزنید تا بتوانید حروف را تست کنید.

۲-۴: خروجی گرفتن

بعد از اینکه هر حرف را در Glyph مخصوص خودش و در مکان صحیح نسبت به خطوط Base Line و Bearing Line قرار دادید، باید نام فونت خود را بنویسید تا به عنوان فونت جدیدی در ویندوز شناخته شود.
برای نوشتن نام فونت از منوی Font گزینه Properties را بزنید و روبروی Font Family نام فونت را بنویسید و تنظیمات دیگر آن را انجام دهید.

حالا برای استفاده از فونت باید از آن خروجی بگیرید و آن را Export کنید. برای خروجی گرفتن از فونت از منوی File گزینه Export Font as را بزنید و نوع خروجی را بر حسب نیازتان مشخص کنید.

خروجی Export True Type برای استفاده از فونت در محیط ویندوز است و با فرمت TTF ذخیره می شود.

خروجی Export as Web Font برای استفاده از فونت در محیط وب است و با فرمت WOFF ذخیره می شود.

در پنجره جدیدی که باز می شود Export را بزنید و سپس پنجره Save as باز می شود، در این پنجره مسیر ذخیره شدن فونت را مشخص کنید و Save as Type را روی فرمت TTF قرار دهید و Save را بزنید.

حالا به مسیری که فونت را ذخیره کردید بروید و روی فونت کلیک و آن را نصب کنید. برای نصب روی Install بزنید.

حالا فونت شما آماده است و می توانید مثل دیگر فونت ها از آن در محیط های متنی مثل Word استفاده کنید.

در پایان باید این نکته رو بگم که ساختن و طراحی فونت اختصاصی در Illustrator کار تخصصی است و به این سادگی ها نمی توان فونت ساخت.

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

امیدوارم که از این مطلب طراحی فونت اختصاصی در Illustrator رضایت داشته باشید.

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام مدرسه گرافیک پلاس عضو شوید.

کلمات کلیدی: ساخت فونت در ایلوستریتور_طراحی فونت اختصاصی در ایلوستریتور_طراحی فونت در Font Creator