آموزش تایپوگرافی در ایلوستریتور

در این مطلب آموزش ایلوستریتور به تایپوگرافی در ایلوستریتور می پردازیم. ابتدا با استفاده از ابزار type که در نوار ابزار قرار گرفته متن مورد نظرمان را وارد میکنیم و سپس برای تغییر فونت آن از قسمت character نوع فونت دلخواه را انتخاب میکنیم.

جهت تغییر رنگ هم میتوانید ابتدا متن یا کلمه ی مورد نظر را انتخاب کنید و روی کادر fill دو بار کلیک چپ کنید و رنگ دلخواهتان را تنظیم کنید.

 همانطور که ملاحظه می کنید متن ما یک فونت است و ما نیاز داریم که کاراکترهای آن را به آبجکت تبدیل کنیم برای این کار روی آن کلیک راست میکنیم و روی گزینه create outlines کلیک راست میکنیم.

بعد از این کار متوجه میشوید که آبجکت ها به صورت group هستند که برای کار ما نیاز هست که به ungroup تبدیل شوند.

در ادامه قصد داریم effect هایی را روی آن اعمال کنیم. ابتدا متن را با استفاده ار ابزار selection انتخاب میکنیم و از تب effect وارد زیرمجموعه 3D می شویم و روی گزینه extrude & bevel کلیک چپ میکنیم.

با انتخاب این گزینه، کادر زیر برای شما باز میشود و اولین کاری که میکنید این است که تیک گزینه preview را بزنید تا تغییرات اعمال شده بر روی متن را مشاهده کنید. همچنین قسمت position را روی گزینه front  قرار دهید تا به حالت چرخش صفر شود.

در ادامه با کشیدن موس بر روی کادر آبی تغییرات را اعمال کنید همچنین می توانید روی گزینه more options کلیک کنید تا موارد دیگر تنظیمات برایتان باز شود.

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

در ادامه می خواهیم به متنمان سایه اعمال کنیم که برای این کار هم بایستی ابتدا همه ی آبجکتها را انتخاب کنیم و به تب effect در بالای محیط کاری نرم افزار مراجعه کنیم و این بار از زیر منوی stylize مثلا گزینه drop shadow را انتخاب کنیم.

در کادر باز شده گزینه های opacity و blur را به صورت دلخواه می توانید تنظیم کنید و قسمت mode آن را multiply انتخاب کنید تا سایه بهتر دیده شود و با بگراند آرت برد ادغام شود و شکل زیباتری به خود بگیرد.

ما قصد داریم چیدمان آبجکت ها را طوری تنظیم کنیم انگار کاراکترهای متن به صورت بی نظم روی هم ریخته اند و نظم ندارد.

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

برای حل این مشکل می توانید ابتدا همه ی آبجکت ها را انتخاب کنید و به layers مراجعه کنید.

همانطور که ملاحظه می کنید چون همه ی آبجکت ها را انتخاب کردیم در اینجا هم همه انتخاب هستند و برای اینک آن ها را cut کنیم از کلیدهای ترکیبی ctrl+x استفاده میکنیم. در ادامه برای راحتی کار و سهولت دسترسی به لایه های آبجکت ها با استفاده از گزینه create new layer یک لایه ی دیگر ایجاد میکنیم و در حالی که آن لایه را انتخاب کردیم کلیدهای ctrl و f را میزنیم تا متن ما در جای خود paste شود.

نام لایه ها را تغییر دادیم و برای حل مشکلمان بایستی تک به تک لایه ها را برعکس کنیم تا از پایین به بالا شمارش شروع شود.

در صورت تمایل به تغییر رنگ هم میتوانید آبجکت ها را انتخاب کنید و از با کلیک روی کادر fill و یا استفاده از پنل color رنگ آن را به رنگ دلخواهتان تغییر دهید.

ایجاد سایه چراغ قوه بر روی متن

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

به پنل gradient مراجعه می کنیم و تنظیمات لازم را برای ایجاد شکل سایه از طریق آن بر روی آبجکت اعمال میکنیم. بهتر است با دو بار کلیک بر روی لغزنده ها مد آن ها را روی cmyk قرار دهید و همچنین opacity لغزنده سمت راست را هم روی صفر تنظیم کنید.

تا اینجا gradient را ساختیم و فقط مد رنگ را لازم داریم برای این کار به پنل transparency مراجعه میکنیم.

استفاده از پنل transparency برای ایجاد مد رنگی

در این پنل میتوانید حالت های مختلف را برای آبجکت خود انتخاب کنید و همچنین می توانید opacity لایه ای که انتخاب شده و یا گروهی از لایه ها و یا آبجکت هایی که انتخاب شده را کم یا زیاد کنید.

ساخت چراغ قوه

ابتدای کار برای ایجاد دسته ی چراغ قوه لازم است که یک مستطیل رسم کنیم و رنگ دلخواهمان برای چراغ قوه را روی آن تنظیم کنیم. همچنین در ادامه دوباره برای قسمت سر چراغ قوه یک مستطیل دیگر ترسیم می کنیم برای تنظیم بهتر لازم است که از ابزار دایرکت سلکشن استفاده کنیم منتها قبل از استفاده از آن بایستی دقت داشته باشید که در منوی view گزینه smart guides را فعال کنید و تیک گزینه های show grid، snap to grid ، snap to pixel و snap to point را بردارید.

نکته قابل توجه این است که در صورتی که بخواهید مستطیل کوچک نسبت به مستطیل بزرگ تغییر مکان دهد بایستی هر دو را با کلید shift انتخاب کنیم و در ادامه کلید alt  را نگه دارید  و روی آبجکتی که میخواهید ثابت باشد کلیک کنید و به پنل align مراجعه کنید و گزینه vertical align center را انتخاب میکنیم تا مستطیل کوچک هم مرکز با مستطیل بزرگ قرار گیرد.

دیگر وقت آن رسیده که با استفاده از ابزار direct selection گوشه ی اضلاع سمت چپ مستطیل کوچک را به گوشه های اضلاع سمت راست مستطیل بزرگ متصل کنیم.

برای سر چراغ قوه هم لازم هست که یک مستطیل یا rectangle دیگر ترسیم کنیم.

در ادامه برای ته چراغ قوه یک مستطیل دیگر با رنگ تیره تر ترسیم میکنیم و گوشه ی اضلاع سمت چپ آن را با استفاده از direct selection به صورت گرد تبدیل میکنیم.

برای رسم قسمت دکمه ی روشن و خاموش چراغ قوه هم میتوانید از مجموعه شکل ها مثل مستطیل و دایره استفاده کنید.

گزینه off را با استفاده از ابزار تایپ  مینویسیم و در جای مورد نظر قرار می دهیم برای دایره انتخابی در شکل میخواهیم نور بیرونی تعریف کنیم تا حالت روشن شدن به خود بگیرد به این صورت که از منوی effect از زیر منوی stylize گزینه ی outer glow را انتخاب میکنیم.

در کادر نمایش داده شده می توانید تنظیمات مربوط را انجام دهید و که در اینجا ما mode را روی حالت normal و opacity را روی 100% و blur را روی 4px تنظیم کرده ایم. بعد از اتمام ترسیم شکل چراغ قوه بایستی همه ی آبجکت های ترسیم شده در آن را با هم با انتخاب کنیم و با کلیدهای ترکیبی ctrl+g آنها را به شکل group تبدیل کنید.

برای ایجاد نوری که چراغ قوه تولید میکند بدین صورت عمل میکنیم که ابتدا یک لایه ی دیگر در پنل لایه ها ایجاد میکنیم و دوباره با استفاده از ابزار pen مطابق با سایه ای که در قبل ایجاد کردیم شکلی را برای ایجاد نور چراغ قوه ترسیم میکنیم و یک gradient روی آن اعمال میکنیم.

به هر دو لغزنده رنگ زرد را اعمال میکنیم و میزان opacity لغزنده سمت راست را روی 0% قرار میدهیم.

برای اینکه قسمت نور از حالت غیر طبیعی خود خارج شود از ابزار gradient که در نوار ابزار قرار گرفته است استفاده میکنیم و همچنین بعد از اعمال تغییرات در پنل transparency حالت آن را روی lighten قرار میدهیم تا شکل بهتری به خود بگیرد.