Advertisement
  1. Design & Illustration
  2. Illustration

ساخت یک پوستر وکتور تاثیربرانگیز سیاسی

by
Difficulty:IntermediateLength:LongLanguages:

Persian (پارسی) translation by Ahmad Mostofi (you can also view the original English article)

Final product image
What You'll Be Creating

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

یادداشت ویرایشگر: بخش وکتور Tuts+ با انتشار این آموزش هیچ عقیده‌ی سیاسی خاصی را حمایت نمیکند. در واقع این آموزش بر نمایش روند کاری ایجاد این افکت زیبا و جذاب متمرکز است.


1. تصویر استاک خود را بچینید و ویرایش کنید

مرحله 1

برای این افکت، بهترین کار استفاده از یک عکس به سبک پرتره و ترجیحا از سوژه‌ای است که به نظر میرسد در حال فکر کردن می باشد یا به دوردست می‌نگرد. من این تصویر از iStockphoto را استفاده کردم.

Political Poster Tutorial

مرحله 2

وقتی که تصویر را پیدا کردید، لازم است آنرا در فتوشاپ باز کنید و بطور مناسب بچینید یا Crop کنید. بالای تصویر بایستی تا نوک سر سوژه و پایین تصویر باید تا کمی بالاتر از ارتفاع سینه چیده شود. چینش Crop باید نسبت ابعاد 2:1 داشته باشد.

Political Poster Tutorial

مرحله 3

حال لازم است که افکت Posterize را به تصویر اعمال کنیم. به منوی Image بروید و در Adjustments ، گزینه Posterize را انتخاب کنید. مقدار مناسب پوستری کردن تصویر (Posterization) برای ظاهری که دنبالش هستیم مقدار 5 است.

Political Poster Tutorial

مرحله 4

حالا میخواهیم لایه‌های راهنما را برای استفاده در ایلوستریتور ایجاد کنیم. با تکثیر (duplicate) لایه پوستری‌‍شده شروع کنید و نام لایه جدید را Pattern Guide قرار دهید. سپس به منوی Image بروید و در Adjustments ، گزینه Threshold را انتخاب کنید. میخواهیم که نقطه‌ی آستانه را حرکت دهیم تا اینکه به چیزی مشابه به زیر برسیم. میخواهیم که خیلی خوب تاریک باشد، اما هنوز بتوانیم مقدار کمی جزئیات در آن داشته باشیم. همینطور وقتی از آستانه Threshold استفاده میکنیم، بهترین کار استفاده از پیک‌های دیاگرامی است که میبینید.

Political Poster Tutorial

مرحله 5

از آنجاییکه به این فایل در ایلوستریتور نیاز داریم، لایه جدید ایجاد شده را با عنوان patternguide.psd یا مشابه آن ذخیره کنید.

Political Poster Tutorial

مرحله 6

لازم است که مرحله 4 و مرحله 5 را سه بار دیگر تکرار کنید. هر بار آستانه threshold کمتری را اعمال کنید و یک فایل جدید ذخیره کنید. در زیر میتوانید تنظیماتی را ببینید که من استفاده کردم، مجددا به پیک‌های دیاگرام دقت کنید.

Political Poster Tutorial

2. پالت رنگ و سند خود را تنظیم کنید

مرحله 1

قبل از اینکه طرح کلی لایه‌هایمان را تولید کنیم، لازم است که الگوی خط آبی افقی را ایجاد کنیم. برای انجام این کار یک سند جدید در ایلوستریتور ایجاد کنید. مقدار ارتفاع (Height) و پهنا (Width) را بروی 4 پیکسل تنظیم کنید. سپس یک مستطیل پر شده با رنگ آبی روشن (#4F919F) ایجاد کنید و نیمه‌ی بالای صفحه طراحی را بپوشانید.

Political Poster Tutorial

مرحله 2

نیمه پایین را با یک مستطیل پر شده با رنگ بژ بپوشانید. سپس با فرمان Select All همه چیز را انتخاب کنید (کلیدهای Ctrl و A) و آن را به پنل Swatches بکشید. تبریک میگم. حالا شما یک الگو ایجاد کردید.

Political Poster Tutorial

مرحله 3

حالا باید این مجموعه نمونه‌های رنگی را ذخیره کنیم تا برای پوستری که میخواهیم ایجاد کنیم از آنها استفاده کنیم. در گوشه سمت چپ پایین پنل Swatches، از منوی کتابخانه نمونه‌های رنگی (Swatches Library Menu) ، گزینه Save Swatches را انتخاب میکنیم. نام آنرا هر چه که میخواهید بگذارید، من از نام "Pattern" استفاده کردم. حالا از آنجاییکه که به این سند نیاز نداریم، میتوانید آنرا ببندید.

Political Poster Tutorial

مرحله 4

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

Political Poster Tutorial

3. پرتره‌ی خود را ایجاد کنید

مرحله 1

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

Political Poster Tutorial

مرحله 2

ما میخواهیم از تیره‌ترین لایه راهنما شروع کنیم که لایه‌ی الگوی ما هست. میخواهیم طرح کلی آنرا با استفاده از ابزار Pen (کلید P) ایجاد کنیم. پس برای شروع میخواهیم به منوی File برویم و Place را انتخاب کنیم و اولین لایه مرجع خود را در ایلوستریتور انتخاب کنیم. در صورتی که نامگذاری آموزش را دنبال کردید، این فایل باید تحت عنوان patternguide.psd باشد.

Political Poster Tutorial

مرحله 3

لحظاتی صبر میکنیم، و در مورد استفاده مناسب از ابزار Pen (کلید P) در ایلوستریتور صحبت میکنیم. اینجا یکی از جاهایی است که اگر درست از کارکرد آن استفاده کنید، ایلوستریتور به تنهایی از فتوشاپ پیشی میگیرد.

برای هر منحنی شما اساسا سه بار کلیک میکنید، دوبار برای نقاط anchor point و یک بار هم برای نقطه منحنی. شما نقطه منحنی را در بالاترین محل از منحنی خود قرار میدهید. و نقاط لنگری anchor point را در جایی که منحنی شروع میشود و خاتمه می‌یابد میگذارید.

یک تک کلیک تمام چیزی است که برای ایجاد منحنی نیاز دارید. وقتی که کار شما با شکل تمام شد، سپس میتوانید نقاط منحنی را به حالت منحنی تغییر دهید. برای تبدیل نقاط به حالت منحنی از ابزار Direct Selection (کلید A) استفاده کنید و بروی آیکون تبدیل نقطه anchor انتخاب‌شده به حالت هموار (Convert Selected Anchor Points to Smooth) کلیک کنید.

Political Poster Tutorial

مرحله 4

قبل از اینکه بتوانیم طرح کلی لایه اول را ایجاد کنیم، لازم است که الگوی خود را در کتابخانه نمونه‌ها (Swatches Library) لود کنیم. برای انجام این کار، از منوی Swatches Library در پنل Swatches ، گزینه Other Library را انتخاب کنید.

Political Poster Tutorial

مرحله 5

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

حالا ابزار Pen (کلید P) را برمیداریم، یک حاشیه Stroke خالی به آن میدهیم و با الگوی خودمان آنرا پر میکنیم. سپس طرح همه نواحی سیاه را با ابزار Pen (کلید P) ایجاد میکنیم. کلید کار این است که متوسطی از طرح موجود را در نظر بگیرید و زیاد نزدیک راهنمای لایه نشوید. خیلی تقریبی طرح را بکشید و نگران منحنی‌ها نباشید، چون وقتی طرح را ایجاد کردیم میتوانیم آنها را درست کنیم.

یادداشت: این خسته‌کننده‌ترین بخش از فرآیند است.

Political Poster Tutorial

مرحله 6

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

Political Poster Tutorial

مرحله 7

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

یادداشت: من این تصویر را خارج از ترتیب ایجاد کردم چون الگوی آن درست نبود. نگران تغییر رنگ در اینجا نباشید.

Political Poster Tutorial

مرحله 8

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

Political Poster Tutorial

مرحله 9

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

Political Poster Tutorial

مرحله 10

حالا لازم است که نیمه‌های قرمز و آبی روشن خودمان را وارد کنیم. میخواهیم این کار را روی لایه مستطیل بژ انجام دهیم. از ابزار Rectangle (کلید M) استفاده کنید تا دو مستطیل را قرار دهید.

Political Poster Tutorial

مرحله 11

پوستر ما خیلی خوب به نظر میرسد. حالا میخواهیم فضای لازم را ایجاد کنیم تا نوشته تاثیربرانگیز را در پایین آن اضافه کنیم. احتمالا لازم است فضای ناحیه طراحی خود را بزرگ کنید. برای انجام این کار به منوی File بروید و گزینه Document Setup را انتخاب کنید. من برای خودم 300px اضافه کردم.

Political Poster Tutorial

مرحله 12

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

Political Poster Tutorial

مرحله 13

وقت آن رسیده کلمه تاثیربرانگیز خود را اضافه کنیم. ما از آبی روشن برای رنگ فونت استفاده خواهیم کرد، و میخواهیم تنظیمات نوشته را تغییر دهیم تا کلمات بخش بیشتری از مستطیل آبی تیره را پر کنند. برای تغییر فاصله بین کاراکترها، از پنل Character استفاده کنید. وقتی که از ابزار Text (کلید T) استفاده میکنیم، این پنل در دسترس قرار میگیرد. من از فونت Myriad Pro استفاده کردم.

Political Poster Tutorial

مرحله 14

تقریبا تمام شد، لازم است که حاشیه‌ها را کمی مرتب کنیم. ابتدا، همه لایه‌ها بجز لایه رنگ بژ را انتخاب کنید. سپس با زدن کلیدهای Ctrl و G (فرمان Group) یک گروه ایجاد کنید. سپس آنها را بصورت عمودی و افقی نسبت به آرت‌برد تراز کنید.

Political Poster Tutorial

مرحله 15

حالا میخواهیم کناره‌های پوستر خودمان را مرتب کنیم. لایه‌هایی که با هم گروه کردیم را با یک مستطیل از هر رنگی بپوشانید. سپس از پنل Pathfinder استفاده کنید و آیکون Subtract Shape From Area (کم کردن شکل از آن ناحیه) را انتخاب کنید.

Political Poster Tutorial

کارتان عالی بود! حالا کار شما تمام شد!

عالیه، کار ما تمام است! توانستیم افکت واقعا فوق‌العاده‌ای را بدون نیاز به مهارت هنری زیادی ایجاد کنیم. همینطور یاد گرفتیم که چطور بطور موثر از ابزار Pen استفاده کنیم و روشی را برای استفاده از فتوشاپ و ایلوستریتور در کنار هم یاد گرفتیم. این اولین آموزش من است، بنابراین مطمئنم که سوالات زیادی برای شما بوجود خواهد آمد. در صورت تمایل سوال خود را در بخش نظرات بپرسید و من هم سعی میکنم در اسرع وقت به شما پاسخ دهم. ممنونم!

Political Poster Tutorial
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.