آموزش فتوشاپ : طراحی پوستر فیلمهای قدیمی
در این تمرین ابتدا نگاهی به پوسترهای تاثیرگذار دهه هشتاد می اندازیم تا بتوانیم از آنها ایده بگیریم
سپس با استفاده از فتوشاپ پوستری از یک فیلم تخیلی دهه هشتاد بنام “The Designer’s Mansion.” طراحی خواهیم کرد.
مخاطبان این تمرین کسانی هستند که کمی در مورد فتوشاپ اطلاعات دارند.
اگر تمرین را دنبال کردید آدرس فایل نهایی تمرین خود را در کامنتها بگذارید. ما دوست داریم کار شما را ببینیم
در زیر تعدادی از پوسترهای الهام بخش مربوط به فیلمهای دهه هشتاد را بررسی می کنیم.
1980: The Blues Brothers
یک پوستر دوست داشتنی و تاثیرگذار که با استفاده از تم رنگی محدود و اشکال ساده طراحی شده است.
1981: Chariots Of Fire
این پوستر با استفاده از یک عکس قدیمی و تایپوگرافی کلاسیک خلق شده است.
1984: The Terminator
این پوستر سیاه و سفید با سبک وکتور توجه شما را به خود جلب میکند. الگوهای half-tone در پس زمینه چشمها را ساخته اند.
1985: Day of the Dead
این پوستر هوشمندانه سه فیلم را تبلیغ می کند. Night of the Living Dead ، Dawn of the Dead و Day of the Dead. یک پوستر عالی با رانگهای خارق العاده
1986: Under the Cherry Moon
راز جذابیت این پوستر تقریباً خاکستری استفاده از اشکال، الگوها و تایپوگرافی ساده است.
1987: Empire of the Sun
این پوستر با قرار دادن تصویری رنگی از خورشید بر روی یک طرح سیاه و سفید جلوه ای خیره کننده بدست آورده است.
1988: The Last Temptation of Christ
این یک پوستر دوست داشتنی است که حسی مدرن را القا می کند. این پوستر بیشتر پوستر یک فیلم مدرن به نظر میرسد تا یک فیلم دهه هشتادی.
1989: The Abyss
در دهه هشتاد استفاده از سبک مینیمالیسم در طراحی پوسترها رایج بود. دو سایه بر روی یک بگراند آبی قرار دارند. عنوان فیلم نیز به رنگ آبی است که تم رنگی محدود پوستر را تقویت می کند.
آموزش
حال که از پوسترهای دهه هشتاد الهام گرفتیم بیایید پوستر را طراحی کنیم. در طراحی این پوستر از تصاویر و وکتورهای زیادی بعنوان مرجع استفاده کرده ایم.
گام 1
یک کاغذ و قلم بردارید. ابتدا طرحی از آنجه میخواهید ارائه دهید بر روی کاغذ بیاورید تا برای استفاده از الگو و اشکال اولیه ایده داشته باشید. این کار از ایجاد یک فایل خالی در فتوشاب و نداشتن هیچ ایده ای برای طراحی بهتر است.
برای چیدمان و اشکال طرح ما از پوستر Blues Brothers ، Under The Cherry Moon و Last Temptation Of Christالهام گرفتیم.
گام 2
فتوشاپ را باز کنید و یک سند جدید ایجاد کنید. ما پوستر را برای نمایش در مانیتور طراحی میکنیم بنابر این اندازه سند را A4 با رنگ RGB و رزولوشن 72 دی پی آی تنظیم می کنیم. اگر قصد دارید پوستر را پرینت کنید باید رزولوشن 300 دی پی آی را برای سند خود انتخاب کنید همچنین باید حاشیه های سند را نیز تنظیم نمایید.
رنگ پس زمینه را یک رنگ روشن بژ یا کرم مانند #EFEBE0 انتخاب کنید.
ابزار Rectangular Marquee tool را انتخاب کنید و یک چهارگوش کوچک انتخاب کنید.
با انتخاب View → Rulers خط کشها را روشن کنید و از خط کش بالا و سمت چپ یک خط راهنما بر روی لبه های انتخاب خود بکشید. این عملیات را برای چهارگوشه سند انجام دهید.
این خطوط محل قرار گرفتن نوارهای مرزی ماست. با توجه به اسکچ اولیه که روی کاغذ کشدید خطوط راهنمای دیگری را به صفحه بکشید و نوارها را ایجاد کنید.
مکان قرار گیری نوارها را با بصورت چشمی با توجه به اسکچ اولیه تنظیم کنید.
با تنظیم خطوط راهنما چیدمان و ساختار اولیه پوستر ایجاد می شود.
گام 3
حال نواحی را که با خطوط راهنما مشخص کرده ایم پر می کنیم و خطوط اضافه را حذف می کنیم. با ابزار Rectangular Marquee tool ناحیه ای از خطوط راهنما را که مشخص شده است مانند شکل زیر انتخاب کنید.
کلید Shift را نگهدارید و ناحیه جدیدی را انتخاب کنید. دقت کنید که ناحیه جدید با گرفتن کلید Shift به انتخاب قبلی اضافه می شود.
از منو Layer → New Layer را انتخاب کنید تا یک لایه جدید ایجاد شود. ناحیه انتخاب شده را با رنگ آبی تیره مثلا 00445# پر کنید. برای لایه نامی انتخاب کنید کنید در غیر اینصورت در پیدا کردن لایه ها دچار مشگل خواهید شد.
ناحیه دیگری از صفحه را با توجه به شکل زیر با یک رنگ آبی روشن مثلا 66D6FF# پر کنید. از منو View → Clear Guides را انتخاب کنید تا خطوط راهنما حذف شوند زیرا دیگر به آنها احتیاج نداریم
گام 4
حال میخواهیم قسمتی از گوشه سمت چپ ناحیه آبی روشن را جدا و جابجا نماییم. انجام بعضی تغییرات اینچنینی ظاهر پوستر را جالب جلوه میدهد.
ابزار Elliptical Marquee tool را انتخاب کنید و کلید Shift را نگهدارید تا انتخاب بصورت دایره کامل انجام شود. گوشه سمت چپ بالای ناحیه آبی روشن را انتخاب کنید.
لایه آبی روشن را انتخاب کنید و ناحیه انتخاب شده را cut و paste کنید. با استفاده از کلیدهای جهت کیبورد شکل را بسمت چپ و پایین ببرید بطوریکه شبیه به تصویر زیر شود.
رنگ قطه جدید ایجاد شده را عوض کنید. هنگامی که قطعه cut شده را paste می کنید بطور اتوماتیک لایه جدید ایجاد و در آن لایه قرار می گیرد. این لایه را در زیر لایه پس زمینه آبی روشن قرار دهید.
این عملیات را برای گوشه پایین سمت چپ نیز تکرار کنید.
گام 5
حال برای تکمیل کردن طراحی اشکال دیگری اضافه میکنیم.
ابزار Polygon Shape tool را انتخاب کنید. در نوار ابزار آن را بر زوی 3 ضلع تنظیم کنید. مانند تصویر بر روی ناحیه آبی روشن یک مثلث انتخاب نمایید و Shift را نگهدارید تا راس مثلث به سمت بالا باشد.
رنگ مثلث را سفید انتخاب کنید. blending mode لایه را بر روی Overlay تنظیم کنید. شفافیت را بر روی %20 قرار دهید. تصویر حاصل شده باید بصورت زیر باشد:
همین عملیات را با یک دایره تکرار کنید و اینبار blending mode و شفافیت متفاوتی را انتخاب نمایید.
گام 6
چند خط نازک به اشکال هندسی اضافه می کنیم.
ابزار Line tool را انتخاب کنید. رنگ سفید را بعنوان foreground color انتخاب کنید. کلید Shift را نگهدارید و یک خط عمودی از بالا به پایین مانند شکل زیر بکشید
این عملیات را تکرار کنید و یک خط افقی بکشید
از پالت لایه ها لایه دو خط را انتخاب کنید و سپس راست کلیک کنید و Rasterize Layers را انتخاب نمایید.
از منو Layers → Merge Layers را انتخاب نمایید تا لایه های دو خط با هم یکی شوند .
باقیمانده خطها را که از اشکال بیرون زده با ابزار Marquee tool پاک کنید. blending mode لایه را بر روی Overlay قرار دهید و شفافیت را بر روی %40 تنظیم کنید.
این عملیات را تکرار کنید و اینبار خطوط را بر روی ناحیه آبی روشن قرار دهید.
گام 7
حال مقداری تکسچر و نویز به طرح اضافه می کنیم. ابتدا با استفاده از فیلتر فتوشاپ مقدار نویر اضافه می کنیم.
لایه پس زمینه را انتخاب کنید و از منو Filter → Noise → Add Noise را انتخاب کنید. مقدار نویز را 1 پیکسل قرار دهید و OK را انتخاب کنید.
این عملیات را برای تمام اشکال موجود در طرح تکرار کنید بجز خطوط نازک.
از منو File → Place را انتخاب کنید و یک تصویر تکسچر را وارد پروژه نمایید.
تصویر تکسپر را تغییر اندازه دهید تا هم اندازه پروژه شود .
در حالی که لایه تکسچر انتخاب شده از منو Layer → Rasterize را انتخاب کنید سپس Image → Adjustments → Desaturate را انتخاب کنید تا تکسچر تبدیل به یک تصویر سیاه و سفید شود. سپس blending mode تکسچر را بر روی Soft Light قرار دهید. شفافیت را نیز بر روی %70 تنظیم کنید.
لایه های نواحی آبی تیره و روشن گوشه های آنها را انتخاب کنید. در هنگام انتخا کلید Shift را پایین نگهدارید سپس راست کلیک کنید و Select Inverse را انتخاب کنید. لایه تکسچر را انتخاب کنید و Delete را فشار دهید. با این کار تمامی ناحیه های اضافی در لایه تکسچر حذف می شوند.
حال با انتخاب File → Place تکسچر کاغذ را وارد پروژه می کنیم. تکسچر را تغییر اندازه دهید تا هم اندازه سند شود . لایه تکسچر را در بالای لایه پس زمینه اصلی و در زیر بقیه لایه ها قرار دهید. blending mode لابه را نیز بر روی Overlay. قرار دهید.
گام 8
زمان آن رسیده تا متن را به پوستر اضافه نماییم. ما از فونت Helvetica Neue استفاده کردیم. نام کرگردان و بازیگران را در پایین پوستر تایپ می کنیم. می توانیم از نامهای غیر واقعی استفاده کنیم .متن اصلی را با فونت Helvetica Neue Light با سایز 14 و کلماتی مانند and و Starring و Written by را با سایز 8 پیکسل تایپ کنید.
حال یک جمله شعاری برای فیلم تایپ می کنیم. برای این تمرین از نقل قول Brian Reed استفاده میکنیم Everything is designed, few things are designed well برای تایپ این نقل قول از فونت Helvetica Neue Regular با سایز 18 استفاده کردیم.
آخرین مرحله تایپو گرافی اضافه کردن عنوان فیلم The Designer’s Mansion در ناحیه آبی تیره است. برای تایپ عنوان از فونت Helvetica Neue Regular با سایز 55 استفاده کرده ایم.
حال به تمام متنها سایه اضافه میکنیم. به متن تایپ شده در پایین پوستر و متن نقل قول یک سایه سفید و به عنوان فیلم نیز سایه تیره اضافه میکنیم.
لایه نقل قول را انتخاب کنید و راست کلیک کنید Blending Options را انتخاب کنید و برگه Drop Shadow را کلیک کنید. یک سایه به اندازه 1 پیکسل با تنظیمات نشان داده شده در تصویر زیر برای متن ایجاد نمایید. برای متن اسامی نیز همین افکت را با همین تنظیمات انجام دهید
برای عنوان فیلم نیز یک سایه اینبار با حاشیه سیاه ایجاد میکنیم . چون متن بزرگ است براحتی میتوانید مقادیری نظیر distance را افزایش دهید. می توانید تنظیمات را در زیر ببینید
گام 9
حال برای اضافه کردن کمی جزئیات طرحی مینیمالیست از کیبورد و ماوس مکینتاش را در حالی که سیم آنها به سمت راست پوستر کشیده می شود ایجاد می کنیم.
ابتدا شکل اصلی کیبورد را می کشیم.
ابزار Rectangle Shape tool را انتخاب کنید. گوشه های آن را بر روی 5 پیکسل قرار دهید. این تنظیمات را میتوانید در نوار ابزار تغییر دهید.
Rectangle را بکشید و آن را با یک رنگ آبی تیره مثلا 002E39# پر کنید
با استفاده از Pencil Tool یک شکل جدید مانند تصویر زیر بکشید . دقت کنید کنید که شکل را در یک لایه جدید بکشید
از لایه شکل تعدادی کپی بگیرید و با استفاده از کلیدهای فلش کپی ها را با فاصله های مساوی تنظیم کنید.
تمام لایه های شکلها را انتخاب کنید سپس از منو Layer → Merge Layers را انتخاب کنید تا تمام لایه های شکلها باهم یکی شوند.
از لایه جدید ایجاد شده تعدادی کپی بگیرید. لایه ها را با استفاده از کلیدهای فلش به فاصله های مساوی از هم تنظیم کنید
لایه های ایجاد شده را مجددا به روش قبل با هم یکی کنید.
ابزار Rectangular Marquee tool را انتخاب کنید. 4 عدد از اشکال را انتخاب کنید.
کلید Delete را بزنید . سپس با ابزار Pencil tool خط بالایی را مانند شکل امتداد دهید.
لایه های کیبورد را با استفاده از Layer → Merge Layers باهم یکی کنید.
از منو Filter → Noise → Add Noise انتخاب کنید و مقداری نویز به اندازه %3 اضافه کنید
ابزار Rounded Rectangle Shape tool را انتخاب کنید و یک مستطیل مانند شکل زیر بکشید
کلید Ctrl را نگهدارید و بر روی تصویر کوچک لایه جدیدی که ایجاد شده کلیک کنید تا انتخاب شود. یک لایه جدید ایجاد کنید و از منو choose Edit → Stroke را انتخاب کنید. یک حاشیه به اندازه 3 پیکسل و به رنگ پس زمینه اصلی یعنی سفید در لایه جدید ایجاد نمایید . و لایه قبلی را پاک کنید.
با استفاده از ابزار Rectangular Marquee tool خطوط حاشیه روی هم افتاده را انتخاب کنید.
دکمه Delete را بزنید تا نواحی اضافی حاشیه حذف شوند.
یک سایه به ضخامت 1 پیکسل به کیبورد و سیم مانند آنچه به متن اضافه کردیم اضافه کنید.
گام 10
عملیات قبلی را تکرار کنید و اینبار یک ماوس بکشید.
گام 11
میتوانید تکسچر های دیگری به پوستر اضافه کنید. ما برای پاک کزدن قسمتهایی از گوشه های طرح از براش grunge brushes استفاده کردیم.
نتیجه بصورت زیر است:
اگر تمرین را انجام داده اید لینک طرح نهایی خود را در کامنتهای بگذارید. ما دوست داریم تا کارهای شما را ببینیم.
این فصل در یک نگاه:
فصل 10: آشنایی با محیط و ابزارهای فتوشاپ (منوی Filter)__________________________________________________________________…
دوره متخصص فتوشاپ (آموزش صفرتاصد نرم افزار فتوشاپ) دوستان بسیاری سوال پرسیدید که تفاوت دوره های مختلفی که در اینترنت هست چیه ؟ در پاسخ باید بگیم که دوره فتوشاپ کلیک سایت بیش از 250 جلسه اس…این فصل در یک نگاه:
اموزش کدنویسی html و css- اموزش تبدیل psd به html و css…
توضیحات کلی مجموعه: این دوره یک دوره تکمیلی برای کاربران فتوشاپ کلیک سایت می باشد که قصد دارن تا به دنیای وب نویسی وارد شوند. دوستانی که اکنون تسلط لازم به فتوشاپ را دارند میتوانند با اشنای…این فصل در یک نگاه:
در این فصل در مورد طراحی ریسپانسیو و روانشناسی رنگ ، اهمیت فونت در طراحی و برخی از ترفندهای نرم افزار می پردازیم…
نرم افزار ادوب ایکس دی (Adobe Xd) در سوال 2017 توسط کمپانی Adobe ارائه شد . این نرم افزار در عین سادگی ، قابلیتهای کاربردی زیادی در حوزه ی طراحی (وبسایت و اپلیکیشن ) دارد . خوشبختانه بازار ک…