
در قسمت های قبلی در مورد استایل های مختلف متون تا حدی صحبت کردیم و همینطور منوی خاصی را برای انتخاب فونت ها به شما نشان دادم اما این منو می تواند کارهای بیشتری نیز انجام بدهد بنابراین قبل از شروع این جلسه باید یک نکته جالب را برایتان توضیح بدهم و سپس به سراغ فونت های SVG خواهیم رفت. به طور مثال اگر ما فونت های زیادی را در سیستم خود نصب کرده باشیم (اگر طراح گرافیک باشید احتمالا وضعیتتان همین است!) می توانید فونت های مورد علاقه خود را با کلیک روی علامت ستاره در کنار نام فونت مشخص کنید. با این کار دسته کوچکی از فونت های پرکاربرد را خواهید داشت که همیشه و به راحتی در دسترس شما خواهند بود. از این به بعد برای اینکه لیستی از کل فونت ها را داشته باشید، می توانید روی علامت ستاره در بالای منو کلیک کنید تا فقط فونت های ستاره دار نمایش داده شوند:
همانطور که می بینید در ویدیوی بالا (به دلیل بهتر دیده شدن) از منوی سمت راست استفاده نکرده ام بلکه کلیدهای Ctrl + T را فشردم تا منوی انتخاب فونت به صورت یک floating menu (منوی شناور) برایمان باز شود. سپس چند فونت را به عنوان فونت مورد علاقه خودم انتخاب کرده ام و دیگر نیازی به بررسی کل لیست فونت ها ندارم. البته اگر خواستید زمانی این موارد را حذف کنید، کافی است که دوباره روی علامت ستاره در کنار فونت ها کلیک کنید تا غیر فعال شود. نکته بعدی نوار جست و جو در این منو می باشد. همانطور در ویدیو می بینید، اگر به دنبال فونتی می گردید، راه سریع تر پیدا کردن آن جست و جو در search bar است.
فونت های SVG و Variable
با ارائه نسخه 2018 برنامه illustrator دو نوع فونت جدید به این برنامه اضافه شده است:
- variable fonts
- SVG fonts
در ابتدا با variable font ها شروع می کنیم. در حالت قدیمی و سنتی، برای انتخاب خصوصیات یک فونت گزینه های محدودی داشتیم. به طور مثال آیا فونت ما bold باشد؟ آیا italic باشد؟ اگر italic است، چه مقدار italic (مورب و کج بودن فونت) باشد و چه زاویه چرخشی داشته باشد؟ همچنین از نظر اندازه و سایز دچار محدودیت های جدی بودیم و معمولا در بهترین حالت سه گزینه thin (فونت نازک) و regular (فونت عادی) و heavy (فونت پر رنگ و ضخیم) را داشتیم. variable font ها برای حل این مشکل اختراع شده اند و کارشان شخصی سازی کامل فونت ها به دست کاربر است
در حالت عادی طراح یک فونت، مقادیر از پیش تعیین شده ای را برای فونت در نظر می گیرد و می گوید x مقدار ضخامت (x هر عددی باشد) برابر thin و y مقدار ضخامت برابر heavy باشد و بنابراین هیچ طیف پویایی بین این دو عدد x و y وجود ندارد که به ما قابلیت شخصی سازی بدهد. variable font ها این مشکل را حل کرده اند و هرگاه شما یک فونت variable (به معنی «متغیر») را انتخاب نمایید آیکون کوچکی در کنار صفحه برایتان ظاهر می شود که دسترسی کاملی به شما خواهد داد. به ویدیوی زیر توجه کنید:
همانطور که در ویدیوی بالا مشاهده می کنید، کنترل ضخامت، مورب بودن و در هم رفتگی حروف کاملا در کنترل شخصی من است! این روش بسیار ساده تر و راحت تر و همچنین دقیق تر از روش های قدیمی می باشد. در ویدیوی بالا توجه داشته باشید که در کنار بعضی از فونت ها علامت var است که به معنی variable font می باشد و تنها زمانی که این فونت ها را انتخاب کرده باشم، آیکون کوچک تنظیمات آن برایم نمایش داده می شود. متاسفانه در حال حاضر تعداد فونت های فارسی Variable آنقدر زیاد نیست.
نوع دوم فونت های جدید در illustrator فونت های SVG هستند. این نوع از فونت ها به ما اجازه می دهند که وکتورهای دلخواه خودمان را در قالب فونت استفاده کنیم. من دوباره به منوی انتخاب فونت رفته و فونتی به نام EmojiOne را انتخاب می کنم که یک فونت SVG است و پر از اموجی های مختلف می باشد. برای استفاده دقیق از آن ها باید پنجره glyphs را باز کنید تا تمام اموجی های این فونت را مشاهده نمایید. پنجره glyphs در کل حاوی کاراکترهای خاص هر فونت است و اگر فونت شما از آن پشتیبانی کند، در پنجره glyphs انواع و اقسام این کاراکتر های خاص را مشاهده می کنید. مثلا به ویدیوی زیر توجه کنید:
همانطور که در این ویدیو مشخص است کاراکتر هایی مانند (ص) یا حرف «ی» به صورت کشیده و تایپوگرافی و انواع و اقسام کاراکتر ها در این پنل موجود است اما یادتان باشد که فونت شما باید از این قابلیت پشتیبانی کند. حالا به سراغ EmojiOne می رویم تا با glyph هایش آشنا شویم:
همانطور که می بینید در ابتدا هیچ چیزی برای من نمایش داده نمی شد چرا که composer روی زبان های خاورمیانه ای (عربی، فارسی و غیره) تنظیم شده بود. این composer مسئول تصحیح حروف فارسی و عربی و جلوگیری از بهم ریختن متن های ما می شود اما توانایی انجام کار هایی مانند نمایش اموجی را ندارد بنابراین باید متن مورد نظر خود را انتخاب کرده و composer آن را روی Adobe یا گزینه ای شبیه به World-ready بگذارید (هر کدام که برایتان کار می کند).
- به دوره آموزش رایگان Adobe Illustrator خوش آمدید!
- آشنایی با مفهوم artboard
- کلیدهای میانبر برای حرکت در محیط Illustrator
- کار با وکتورها و تفاوت گرافیک Vector با گرافیک Raster
- shape ها: آشنایی و کار با shape های ساده (1)
- shape ها: آشنایی و کار با shape های ساده (2)
- shape ها: تغییر ظاهر Shape ها در illustrator
- shape ها: ترکیب و ادغام Shape ها در یکدیگر
- shape ها: تکنیکهای selection
- shape ها: گروهبندی و نظم دادن به اشیاء
- shape ها: همترازی و توزیع اشکال
- ظاهرسازی shape ها: تنظیمات Stroke
- ظاهرسازی shape ها: رنگها و Swatches
- ظاهرسازی shape ها: رنگهای Gradient
- ظاهرسازی shape ها: پنل Appearance
- ظاهرسازی shape ها: آشنایی با Effect ها
- ابزار Draw: ابزارهای ابتدایی برای طراحی
- ابزار Draw: رنگآمیزی
- ابزار Draw: ابزارهای کمکیار طراحی
- ابزار Draw: رنگآمیزی درون شکل
- ابزار Draw: تمرینات Pen Tool
- ابزار Draw: آشنایی با Pen Tool
- ابزار Draw: تکنیکهای جایگزین Pen Tool
- ابزار Draw: ابزارهای دسته Distort و Transform
- ابزار Draw: طراحی متقارن
- ابزار Draw: طراحی تقارن دایرهای (Concentric)
- انواع Brush: قلمموهای Calligraphic و Scatter
- انواع Brush: قلمموهای هنری (Art)
- انواع Brush: قلمموهای Bristle و Pattern – قسمت اول
- انواع Brush: قلمموهای Bristle و Pattern – قسمت دوم
- کار با تصاویر: Embed کردن و Packaging آنها
- کار با تصاویر: آمادهسازی تصاویر برای Tracing
- کار با تصاویر: Trace کردن تصاویر
- کار با متن: فرمت کاراکترها در ایلوستریتور
- کار با متن: فرمت پاراگرافها در ایلوستریتور
- کار با متن: ذخیره استایل متون
- کار با متن: آشنایی با فونتهای SVG و Variable
- کار با متن: Touch Tool و تایپ روی Path
- کار با متن: متون سهبعدی (3D) در Illustrator
- آشنایی با مفهوم Masking در Illustrator
- سه نمونه واقعی از کار با Maskها