ایلاستریتورگرافیک

آموزش تایپوگرافی سبک کمیک

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

 

جزییات آموزش تایپوگرافی سبک کمیک:

 

  • نرم‌افزار: ادوبی ایلاستریتور
  • ابزارها و تکنیک‌های اسـتفاده شده: Swatch panel, Stroke panel, 3D Design, typography
  • درجه سختی: متوسط
  • زمان تخمین‌زده شده: ۲۰ دقیقه

 

  • مقدمه (پالت رنگ)

یکی از مهم‌ترین قـدم‌های ساخت تایپوگرافی به سبک کمیک، پالت رنـگ استـفاده شده در آن اسـت که به دقت انـتخاب شده تا بیشترین شباهت را به سبک نوشتار کمیک‌ها داشته باشد. دراین قسمت آموزش خواهیم داد چطور پالت رنگ را به پروژه خـود منتقل کـنید و همچنین چطور بـرای خود پالت رنـگ دلخواهی را بسازید پس با دقت به خواندن ادامه دهید.

پالت رنگ

قدم اول

اول باید پالت رنـگ خـود را تعریف کنیم. حقیقتا کـار با رنگ‌ها و استفـاده درست از آن‌ها کار بسیار سختی اسـت و ما هم هنوز در آن خبره نیستیم برای همین از ابزارهای Adobe Color و Webgradients بـرای رنگ‌های Gradient در پروژه ها استفاده میکنیم.

 

قدم دوم

بعد از اینکه پالت خود را انتـخاب کردید باید رنگ‌ها را وارد پروژه خـود کنـید ولی برای این کـار اول باید پروژه را بسازید! یکی از فرمت‌های پیش‌فرض نرم‌افزار ایلاستریتور را به دلخواه انتخـاب کنیـد. (دراین مثال از فرمت Web و فرمت رنـگی RGB اسـتفاده شده است)

 

پروژه ایلاستریتور

 

قدم سوم

برروی دکمه کنار سطل‌زباله کلیک کنید تا Swatch رنگی جدیدی بسازید. پنجره جدیدی باز میشود که در آن میتوانید به روش‌های مختلف رنـگ های خود را وارد کـنید. (مثلا RBG یا CMYK یا مقادیر Hexadesimal و غیره)

 

رنگ ایلاستریتور

 

بدین صورت، تک به تک تمامی رنگ‌های انتخاب شده در مرحله قبل را به Swatch خـود اضافه کنـید.

 

  • برش کلمه

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

 

قـدم اول

با استـفاده از ابزار (Type tool (T کلمه مورد نظر خـود را بنویسید. میتوانید از هر فونتی که میخواهید استفـاده کـنید و حروف را کوچک یا بزرگ بنویسید. در ایـن مثال از فونت Roboto Slab استفاده شده است و تمامی حروف، بزرگ نوشته شده‌اند.

 

فونت ایلاستریتور

 

قـدم دوم

دکمه شیفت را نگه دارید و با اسـتفاده از ابزار (Selection tool (v اندازه کلـمه را به دلخواه کوچک و بزرگ کنید. سپس برروی کلمـه کلیک راست کنـید و گزینه Create outlines را انـتخاب کنیـد تا از متن به شکل تبدیل شود. همین کـار را با دکمه های ترکیبی Shift+Ctrl+o هم میتوانید انجام دهید.

 

outlines

 

قدم سوم

با استـفاده از ابزار  (\) Line segment tool خطی بکشید تا کلمه یا متن شما را نصف کند.

 

line segment tool

 

قـدم چهارم

از طریق منوی Window > Pathfinder  پنل Pathfinder را باز کنید. متن و خطی که کشیده‌اید را با هم انتـخاب کـنید و گزینه Divide را بزنید. سپس برروی شکل کلیک راست کنـید و گزینه Ungroup را بزنید. بدین ترتیب عملا متن را نصف کرده‌ایم و تکه‌های آن حالا از هم جدا شده‌اند.

 

pathfinder

 

قدم پنجم

تکه‌های بالایی متن را با نگه داشتن دکمه شیفت و کلیک کردن بر روی آنها انتخـاب کنید سپس دکمه‌های ترکیبی Ctrl+G را بزنید تا همه تکه‌ها گروه شوند. همین کار را بـرای تکه‎‌های پایینی تکرار کـنید.
حالا هر دو گروه را انتخاب کنـید و رنـگ آن‌ها را به نارنجی که در پالت رنگی اسـت تغییر دهید.  اگه مانند شکل زیر تکه‌های اضافی از متن هم رنگ شد نگران نباشید، با ابزار Selection tool آنها را انـتخاب کرده و حذف کنیـد.
تکه بالایی را به دلخواه خـود از تکه پایینی جدا کنید. پس ازین به سراغ افکت سه‌بعدی متن میرویم.

 

design

 

  • ساخت افکت سه‌بعدی

حالا میخواهیم به کـلمه سبک کمیک نصف‌شده در مرحله قبل، افکت سه‎‌بعدی بدهیم! مرحله بعد ساخت تایپوگرافی سبک کمیک هم رنگ‌آمیزی خواهد بود.

 

قـدم اول

همه تکه‌ها را انتـخاب کـنید و به منوی Effect > 3D > Extrude & Bevel بروید. با توجه به عکس زیر مقادیر ورودی در پنجره باز شده را تغییر دهید. میتوانید گزینه Depth را به دلخواه خود تغییر دهید. گزینه Preview را تیک بزنید تا تغییرات را ببینید. وقتی از نتیجه راضی شدید ok کنـید.
برای کـار کردن و رنـگ کردن هر لایه پس از سه‎بعدی کردن متن ابتدا باید آن را Expand کنیـد که ایـن کار از طریق منوی Object menu > Expand Appearance انجام می‌شود.

 

3D design

 

قدم دوم

قسمت‌های جانبی کلـمه را انتخـاب کنید. اگر نتوانستید با یک کلیک به آن‌ها دسترسی داشته باشید یعنی همه آنها گروه هستند و باید ابتدا کلیک راست کـنید و گزینه Ungroup را بزنید. بعد از انتخاب قسمت‌های جانبی (قسمت‌های پررنگ) بـرای هر کلمـه جدا جدا به پنل Pathfinder بروید و گزینه Unite را انـتخاب کنـید تا آن تکه‌های جدا به یک تکه تبدیل شوند.

 

آموزش ایلاستریتور

 

همین کـار را برای تمام قسمت‌های جانبی تکرار کنیـد.

 

قـدم سوم

تکه‌های پررنگی را که در قسمت قبل اصلاح کردید را انتـخاب کنید و رنگ آنها را به نارنجی پررنگ مناسب کمیک، که در پالت رنـگ بود تغییر دهید. یک راه سریع بـرای انجام کار این است که یکی از قسمت‌ها را انتخـاب کـنید و به منوی Select > Same > Fill Color بروید. ایـن کـار باعث می‌شود که تمام شکل‌هایی که هم‌رنگ تکه انتخاب شده هستند هم انتخاب شوند.
در این مرحله هم میتوانید فاصله بین تکه‌ها را به دلخواه خود تغییر دهید ولی فراموش نکنید که اول آنها را Group کنـید. (تکه‌های مورد نظر را انـتخاب کنیـد، کلیک راست کنید و Group را بزنید یا از دکمه‌های ترکیبی Ctrl+G استفـاده کـنید)

 

آموزش ایلوستریتور

 

قدم چهارم

همه کلمه را انتخا‌‌ب کنـید و Stroke آنها را به رنـگ مشکی تغییر دهید.

 

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

 

قـدم پنجم

بعد از اعمال Stroke ممکن اسـت گوشه‎های کـلمه شما هم مانند شکل زیر کامل به هم نرسند و شکل عجیبی داشته باشند.

 

تایپوگرافی

 

برای اصلاح این مشکل به پنل Stroke بروید و در قسمت Corners گزینه دوم را انـتخاب کنیـد تا سر گوشه‌ها گرد شود.

 

کمیک

 

در پایان این مرحله باید نتیجه چیزی مانند تصویر زیر شود.

 

کمیک دیزاین

 

  • مرحله آخر (بک‌گراند)

در این مرحله میخواهیم بـرای کلـمه سایه درست کنیم و آن را در بک‌گراندی که درست می‌کنیم قرار بدهیم. چیزی به پایان کار نمانده است!

 

قدم اول

قبل از انجام هر کاری، اول همه کلمـه را انتـخاب کنید و گروه کـنید. حالا یک مستطیل به اندازه صفحه پروژه رسم کنـید و رنگ آن را به آبی کمرنگ‌‌تر موجود در پالت تغییر دهید. برروی مستطیل کلیک راست کنیـد و گزینه Arrange > Send to back را انتخـاب کنید تا مستطیل به زیر کلمه برود.

 

background

 

آخرین قدم در ساخت و طراحی تایپوگرافی سبک کمیک

دکمه Alt را نگه دارید، کـلمه را انتخاب کـنید و بکشید تا یک کپی از کلـمه درست کنـید. رنـگ کپی را به آبی پررنگ در پالت تغییر دهید و Stroke آن را حذف کنیـد. از پنل Layers سایه را بین مستطیل بک‌گراند و کلمـه اصلی بگذارید. حالا تنها باید مکان آن را تنظیم کنید و دیزاین کامل می‌شود.

 

تایپوگرافی کمیک

 

آموزش ساخت تایپوگرافی سبک کمیک در اینجا به پایان میرسد. نتیجه کارتان را با ما به اشتراک بگذارید! همچنین سوالات و انتقادات و پیشنهادتان برای ایـن آموزش و آموزش‌های دیگر را هم حتما با ما درمیان بگذارید.

 

comic design

 

[تعداد: 1    میانگین: 5/5]
منابع
Graphic Design: Create a Comic Sliced Text
تگ‌ها
بیشتر

ویدا فروزان

لیسانس مهندسی کامپیوتر 💻| علاقه مند به دیزاین 🎨، فیلم🎬، کتاب 📚و موسیقی 🎵

مطالب پیشنهادی

برای نظردادن باید وارد شوید!
  اشتراک با:  
مرا مطلع کن!