آموزش فتوشاپ : طراحی پوستر فیلم sincity

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

در اینجا پوستری داریم از از فیلم spirit ساخته Frank Miller به نام My city scrams

 

این پوستر به لحاظ استفاده از متنهای سه بعدی برای ساختن ساختمانها و استفاده از پرسپکتیو قابل توجه است.

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

پیش نمایشی از پروژه کامل شده

ابتدا نگاهی به پوستر کامل شده میاندازیم

 

گام 1

یک سند در فتوشاپ به ابعاد 1000 در 1300 پیکسل ایجاد کنید. لایه background را با رنگ مشکی پر کنید.

 

گام 2

برای اینکه متنها را در پرسپکتیو صحیح ایجاد کنیم از ایلوستریتور استفاده می کنیم. چون برای استفاده از vanishing points به فضای زیادی احتیاج داریم ایلوستریتور برای طراحی ما مناسب تر است.

ابتدا تصویر ساختمانها را در ایلوستریتور قرار دهید. سپس ابزار Line Segment Tool (\) را انتخاب کنید و در امتداد خطوط پرسپکتیو ساختمان خطی رسم کنید

مانند تصویر زیر دو خط ترسیم نمایید تا یکدیگر را قطع نمایند. این نقطه محل قرار گیری vanishing points خواهد بود

 

گام 3

با وجود نقطه vanishing point میتوانیم خطوط بیشتری را رسم کنیم. برای این منظور میتوانید خطوط را یک به یک رسم کنید یا از ابزار Blend Tool استفاده کنید. 

با استفاده از Blend Tool تنها خط اول را حول محور دوران بچرخانید. محور دوران را بر روی نقطه vanishing point قرار دهید. طول خطوط را بلند تر از ساختمانها در نظر بگیرید چونکه متنها در بالای ساختمانها قرار میگیرند

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

 

گام 4

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

از منو Object > Envelop Distort > Make with Mesh را انتخاب کنید. در تنظیمات Envelop Mesh تعداد Column و Row را بر روی 1 قرار دهید. نقاط 1 تا 4 را با توجه به شبکه جابجا وتنظیم کنید. برای اینکه mesh حالت Curve در نیاید با استفاده از دستگیره های کنترلی با توجه به شبکه راهنما آن را تنظیم کنید.

 

گام 5

متن را انتخاب کنید و از منو Object > Expand را انتخاب کنید و OK را کلیک کنید. 

از متن یک کپی بگیرید و آن را در قسمت پایین و سمت راست مانند تصویر قرار دهید.

ابزار Blend Tool (W)  را انتخاب کنید و آن را به دو متن اعمال کنید. در قسمت Blend Options فاصله 4pt را بعنوان فضای بین دو متن انتخاب کنید.

 

گام 6

حال کلمه TUTS را تایپ کنید. از منو  Effect > 3D> Extrude & Bevel Options را انتخاب کنید. این متن باید در خلاف جهت متن PSD قرار بگیرد. بجای استفاده از vanish lines از فیلتر 3D استفاده میکنیم. با توجه به تصویر زیر تنظیمات را انجام دهید. از مقادیر زیراستفاده کنید.

X = 6º, Y = -35º, Z = -3º, Perspective 51º، Extrude Depth= 288pt

 

گام 7

تصویر را در فتوشاپ قرار دهید. با ابزار Magic Wand Tool (W) تصویر آسمان را انتخاب و حذف کنید.

با استفاده از Polygonal Lasso Tool (L) قسمت بالای ساختمان را ببرید بصورتی که هم اندازه متن PSD شود.

 

گام 8

متن PSD را از ایلوستریتور کپی و در فتوشاپ در پشت تصویر ساختمان پیست کنید.

یک لایه جدید ایجاد کنید. ابزار Clone Stamp Tool(S) را انتخاب کنید. در قسمت  Stamp options گزینه Sample را بر روی All layers قرار دهید تا بتوانید از تمام لاله ها نمونه برداری کنید و در لایه جدید قرار دهید. در اینجا فقط میخواهیم قسمت آجرها را تکثیر کنیم. باید متن PSD را با آجرها پر کنیم.

 

گام 9

با استفاده از ابزار Magic Wand Tool(W) قسمت تیره PSD" blend" را انتخاب کنید و آن را پاک کنید. بخش جلویی را حذف نکنید.

گام 10

حال رنگ آجرها را تصحیح می کنیم. 

لایه آجرها را انتخاب کنید.

از منو Layer > New Fill Layer > Solid Color را انتخاب کنید.

رنگ #715b1f  را انتخاب کنید و Blend Mode را بر روی Color قرار دهید.

از منو Layer > Creating Clipping Mask را انتخاب کنید.

از منو Layer > New Adjustment Layer > Hue&Saturation را انتخاب کنید.

بار دیگر یک Clipping Mask ایجاد کنید.

تنظیمات را بصورت زیر انجام دهید.

Hue= 0, Saturation= -85, and Lightness= -1

 

گام 11

روش بالا را برای لایه ساختمان تکرار کنید. تنظیمات زیر را برای Hue&Saturation اعمال کنید.

Hue= 0, Saturation= -65, Lightness= -43

 

گام 12

ابزار Pen Tool (P) را انتخاب کنید و در اطراف ساختمان یک Shape ایجاد نمایید. در قسمت Pen Tool option لایه shape را انتخاب کنید. با استفاده از fill color میتوانید یک لایه ایجاد کنید. رنگ مشکی را بعنوان fill انتخاب کنید و Blend Mode را بر روی Color Burn قرار دهید.

از منو Layer > Layer Mask > Reveal All را انتخاب کنید.

ابزار Brush Tool(B) با یک براش معمولی و hardness صفر درصد انتخاب کنید. 

با رنگ مشکی ماسک را نقاشی کنید بصورتی که پنجره ها نمایان شوند.

 

گام 13

متن "TUTS"  را از ایلوستریتور کپی و در فتوشاپ پیست کنید. 

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

از منو Edit > Transform > Distort را انتخاب کنید. گوشه ها را جابجا کنید تا تصویر بصورت پرسپکتیو در آید. ازمتن "TUTS" بعنوان مرجع استفاده کنید.

 

گام 14

با ابزار Magic Want Tool (W) قسمت جلوی لایه و فقط متن "TUTS" را انتخاب کنید.

در حالی که لایه آجرها را انتخاب کرده اید از منو  Layer > Mask > Reveal Selection را انتخاب کنید.

از منو go Image > Adjustments > Hue & Saturation را انتخاب کنید. تنظیمات زیر را اعمال کنید

Hue= 0, Saturation= -89, Lightness= -19

از منو Layer > New Fill Layer > Solid Color را انتخاب کنید. رنگ #16150b را انتخاب کنید.

blend mode را بر روی Overlay و opacity را بر روی %22 قرار دهید.

فقط کلمه TUTS را انتخاب کنید. از منو  Image > Adjustment > Levels را انتخاب کنید. در تنظیمات 86 و 1 و 255 را وارد کنید.

 

گام 15

در پشت TUTS یک لایه جدید ایجاد کنید. ابزار Brush Tool (B) را انتخاب کنید. رنگ مشکی را انتخاب کنید و Hardness را بر روی %0 قرار دهید. مانند تصویر زیر یک سایه نقاشی کنید. شفافیت لایه را بر روی %90 قرار دهید.

 

گام 16

تصویر دیگری وارد فتوشاپ کنید و در زیر تمام لایه ها قرار دهید. از این تصویر بعنوان پس زمینه استفاده می کنیم.

Polygonal Lasso Tool (L) را انتخاب کنید و قسمت بالای پنجره ها را انتخاب کنید و آن را حذف نمایید.

از منو Image > Adjustments > Hue/Saturation را انتخاب کنید. تنظیمات زیر را اعمال کنید.

Hue= 0, Saturation= -63, Lightness= -83

از منو Image > Desaturate را انتخاب کنید

 

گام 17

حال تصویر آسمان را به پوستر اضافه میکنیم. تصویر آسمان را در زیر بقیه لایه ها قرار دهید. Blend Mode را بر روی Hard Light و %55 قرار دهید.

از منو Image > Adjustments > Levels را انتخاب کنید. در تنظیما 16،1،255 را وارد کنید.

از منو  Layer > New Fill Color > Solid Color را انتخاب کنید. رنگ #0f0d08 را انتخاب کنید. Blend mode را بر روی Color قرار دهید.

 

گام 18

تصویر یک لامپ را وارد پروژه نمایید. با ابزار Lasso Tool آن را از پس زمینه جدا کنید.

از منو Image > Adjustment > Desaturate را انتخاب کنید.

ابزار Brush Tool (B) را انتخاب کنید و یک لایه جدید ایجاد نمایید و مانند تصویر زیر سایه ای برای لامپ بکشید. Blend mode را بر روی Color Burn و شفافیت را بر روی %60 قرار دهید.

 

گام 19

تصویر لامپ را در جای مناسب قرار دهید. با استفاده از Pen Tool (P) یک مثلث ایجاد کنید(تصویر 1).

از منو Filter > Blur > Gaussian Blur را انتخاب کنید. در قسمت amount مقدار 3.5 را وارد کنید.

از لایه یک کپی بگیرید. آن را بچرخانید و در سمت راست قرار دهید(تصویر 2)

مجددا از لایه کپی بگیرید و در بین دو لایه دیگر قرار دهید.

از منو Filter > Blur > Gaussian Blur را انتخاب کنید.  amount را بر روی4 قرار دهید

سه لایه را در یک گروه قرار دهید و نام آن را Rays بگذارید.

از منو Layer > Layer Mask > Reveal All را انتخاب کنید.

ابزار Gradient Tool (G)  را با دو رنگ سیاه و سفید انتخاب کنید. با استفاده از Gradient Tool نور لامپ را بصورت تدریجی محو کنید(تصویر 3)

 

گام 20

لایه lamp را با گروه rays در یک گروه قرار دهید. نام گروه جدید را Lamp بگذارید.  دوبار از این گروه کپی بگذارید و هر کدام را بر روی یکی از حروف P و S و D قرار دهید.

 

گام 21

در بالای تمام لایه ها از منو Layer > New Fill Layer > Solid Color را انتخاب کنید. رنگ #292615 را انتخاب کنید. Blend mode را بر روی  Saturation قرار دهید.

 

گام 22

مجددا در بالای بقیه لایه ها یک لایه جدید ایجاد کنید. رنگ سیاه و سفید را انتخاب کنید. 

از منو Filter > Render > Clouds را انتخاب کنید. Blend mode را بر روی Overlay و Opacity را بر روی %90 قرار دهید.

از منو  Image > Adjustments > Hue/Saturation را انتخاب نمایید. گزینه Colorize را فعال کنید. تنظیمات زیر را اعمال نمایید

Hue 53, Saturation 29, Lightness -12

 

گام 23

یک لایه دیگر ایجاد کنید و آن را با رنگ مشکی پر کنید.

از منو  Filter > Noise > Add Noise را انتخاب کنید. amount را بر روی  %10 و Distribution را بر روی Gaussian قرار دهید.

Blend mode را بر روی Soft Light تنظیم کنید و Opacity را بر روی %35 قرار دهید.

 

گام 24

حال میتوانید جزئیات بیشتری مانند گرافیتی و نشان های مختلف به تصویر اضافه کنید. این امر بستگی به سلیقه شما دارد. با تغییرات در ترتیب لایه ها و Blend mode افکتهای مختلفی ایجاد کنید.

 

سخن آخر

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