آموزش فتوشاپ : طراحی پوستر یادگاری قدیمی
پیش نمایش تصویر نهایی
در اینجا آنچه در این آموزش طراحی خواهیم کرد می بینید
گام 1: ایجاد سند فتوشاپ
هدف ما طراحی پوستری برای نمایش کامپیوتر و رسانه است. بنا بر این در هنگام انتخاب سایز سند پریست international paper-A3 با رزولوشن 72 دی پی آی و مود رنگی CMYK را انتخاب می کنیم.
اگر شما قصد دارید پوستر طراحی شده را پرینت کنید رزولوشن را 300 دی پی آی انتخاب کنید.
رنگ پس زمینه را سفید انتخاب کنید
گام 2: اضافه کردن تصویر کوه
تصویر منظره ای از کوه را وارد فوتوشاپ کنید. با ابزار Ctrl+T موقعیت و اندازه آن را در سند تنظیم کنید
با ابزار Marquee Tool (M) یک انتخاب مستطیل شکل مانند تصویر زیر ایجاد نمایید.
از منو Layer > Layer Mask > Reveal Selection را انتخاب کنید و بر روی لایه تصویر کوه یک layer mask ایجاد کنید.
layer mask نواحی از تصویر را که انتخاب نشده اند مخفی می کند
گام 3: اضافه کردن تصویر ابر به طرح
تصویری از ابرها را وارد پروژه کنید و با ابزار Free Transform (Cmd/Ctrl + T) آن را موقعیت و اندازه آن را تنظیم کنید
از منو Layer Mask > Layer > Reveal All را انتخاب کنید و بر روی لایه تصویر ابرها یک layer mask ایجاد کنید.
در پانل لایه ها بر روی تصویر کوچک layer mask کلیک کنید تا فعال شود.
توجه : در Layer mask قسمتهایی از تصویر که با رنگ سیاه نقاشی شوند مخفی و قسمتهای مخفی شده که با رنگ سفید نقاشی شود پدیدار می شوند
در layer mask یک براش نرم به رنگ سیاه انتخاب کنید و بر روی تصویر طوری نقاشی کنید که تصویر کوه در میان ابرها پدیدار شود. میزان شفافیت و اندازه براش را تغییر دهید تا تصویر ابرها واقعی تر به نظر برسد
بعد از پایان کار ماسک کردن ابرها باید تصویری شبیه به این داشته باشید
میخواهیم ناحیه بالای کوه را سفید رنگ کنیم . ابزار Rectangular Marquee Tool (M) انتخاب کنید و یک مستطیل در بالای کوه انتخاب کنید. دقت داشته باشید که بر روی لایه ابرها قرار گرفته باشید
قسمت انتخاب شده را کپی کنید Ctrl + C و در یک لایه جدیدپیست Ctrl + C نمایید. با ابزار Move Tool (V) قسمت جدید را به بالا ببرید تا نواحی خالی را بپوشاند و دقت داشته باشید که کمی با قسمت پایین ابرها همپوشانی داشته باشد
در پاین پانل لایه ها بر روی دکمه Add layer mask کلیک کنید تا یک layer mask بر روی لایه مستطیل ایجاد شود.
یک براش نرم سیاه رنگ با سایز 80 پیکسل و شفافیت %30 انتخاب کنید و بر روی لایه مستطیل نقاشی کنید تا با لایه زیرین ترکیب شود.
گام 4: اضافه کردن رعد و برق و نور
یک تصویر وکتور و png از رعد و برق را بصورت smart object وارد فوتوشاپ کنید.
با ابزار Free Transform اندازه و موقعیت تصویر را تنظیم کنید
بر روی لایه تصویر رعد و برق در پانل لایه ها دابل کلیک کنید تا پنجره layer style باز شود. میخواهیم افکت outer glow و color overlay را به تصویر اضافه کنیم.
Outer Glow
Color Overlay
افکتهای Outer glow و color overlay ظاهری واقعی تر به تصویر رعد و برق میدهد مانند تصویر زیر
یک layer mask به لایه رعد و برق اضافه کنید و با براشی نرم و سیاه رنگ قسمتهایی از آن را ماسک کنید. شفافیت لایه را %70 تنظیم نمایید تا جلوه ای واقعی تر به تصویر بدهد و تصویر رعد و برق از میان تصویر ابرها نمایان باشد.
همان مراحل بالا را برای اضافه کردن تصویر دیگری از رعد و برق در سمت چپ کوه تکرار کنید . تنظیمات Outer glow و Color overlay و شفافیت را کمی متفاوت تر از تصویر اول انتخاب کنید تا دو تصویر با هم یکسان نباشند و واقعی تر به نظر برسند . میزان شفافیت را در تصویر دوم %50 قرار دهید.
Outer glow
Color Overlay
تصویر زیر تنظیمات افکت های تصویر سمت چپ را می بینید
گام 5: اضافه کردن متن به تصویر
ابزار Horizontal Type Tool (T) را انتخاب کنید و عبارت CAPE HORN را با یک فونت sans serif مانند Gotham در تصویر تایپ کنید
گام 6 : ایجاد یک الگوی سفارشی در فتوشاپ
حال احتیاج به یک الگوی مورب داریم تا به متن اعمال کنیم.
نکته: اگر با الگوها در فتوشاپ آشنا نیستید آموزشهای مربوط به کار با الگوها را در فتوشاپ در اینترنت مطالعه کنید
یک سند جدید به ابعاد 10x10پیکسل ایجاد کنید با پس زمینه ترانسپارنت ایجاد کنید.
رنگ پیش زمینه را #000000 انتخاب کنید. ابزار Line Tool (U) را انتخاب کنید و یک خط از گوشه بالا سمت راست به قسمت پایین سمت چپ تصویر بکشید.
از منو Edit > Define Pattern را انتخاب کنید. یک نام برای الگو انتخاب کنید. ok را انتخاب کنید و به این ترتیب یک الگوی مورب جالب خواهید داشت.
گام 7 : اعمال الگوی مورب بر روی تصویر
به فایل پروژه بازگردید. بر روی لایه متن دابل کلیک کنید تا پنجره layer style باز شود. افکت pattern overlay را انتخاب کنید و الگویی را که ساخته اید استفاده کنید.
در پنل لایه ها blendign mode را بر روی Multiply و Fill option را بر روی %0 تنظیم کنید.
گام 8 : افکت باران
حال یک افکت باران بسیار ساده به تصویر اضافه می کنیم. برای شروع در بالای تمام لایه ها یک لایه جدید ایجاد نمایید.Ctrl + Shift + N
با ابزار Rectangular Marquee Tool (M) کل صفحه را انتخاب کنید و در لایه جدید با رنگ سیاه پرکنید.
از منو Filter > Noise > Add Noise را انتخاب کنید و تنظیمات زیر را اعمال کنید
از منو Filter > Blur > Motion Blur را انتخاب کنید و تنظیمات زیر را انجام دهید
blend mode را بر روی Screen قرار دهید و شفافیت را بر روی %60 قرار دهید.
گام 9 : اضافه کردن چند متن دیگر
چند متن دیگر به پوستر اضافه می کنیم. با ابزار Horizontal Type Tool (T) عبارت زیر را در تصویر تایپ کنید.
بر روی تصویر کوچک لایه متن Ctrl+کلیک کنید تا متن انتخاب شود. در همان حال یک لایه جدید ایجاد کنید. لایه متن را مخفی کنید
یک براش نامنظم انتخاب کنید و در لایه جدید داخل قسمت انتخاب شده را نقاشی کنید. نواحی که انتخاب نشده اند دست نخورده خواهند ماند.
قسمت انتخاب شده را از حالت انتخاب خارج کنید Ctrl+ِD . لایه را داپلیکیت کنید و blending mode لایه ها را بر روی Multiply قرار دهید.
میخواهیم چند متن دیگر به پوستر اضافه کنیم.
ابزار Horizontal Type Tool (T) را انتخاب کنید و در صفحه کلیک کنید و یک مستطیل به عرض 165پیکسل بکشید. متنی دلخواه در داخل مستطیل تایپ کنید.
چند متن دیگر به همین روش به تصویر اضافه کنید
گام 10 : ایجاد یک لوگوی گرد در ایلوستریتور
به ایلوستریتور باز می گردیم و یک لوگوی مدور برای قرار دادن در پوستر طراحی می کنیم. این روشی رایج برای طراحی لوگو است.
یک دایره بزرگ ایجاد کنید
Fill colo را در دایره بر روی None و رنگ Strok را سیاه انتخاب کنید و ضخامت حاشیه را 9pt تنظیم کنید.
از دایره کپی بگیرید. Ctrl + C . سپس بر روی دایره اصلی پیست کنید Ctrl + F.
کلیدهای Alt+Shift را نگهدارید و دایره کپی شده را کوچکتر کنید بصورتی که دو دایره هم مرکز باشند و طول و عرض دایره یکسان باشد.
دایره کوچکتر را کپی وپیست کنید. آن را تغییر اندازه دهید تا از دایره اصلی بزرگتر شود. سپس رنگ fill و strok آن را بر روی none قرار دهید.
در پانل ابزارها Type on a Path Tool را انتخاب کنید. دایره ای را که رنگ داخلی و رنگ حاشیه ندارد را انتخاب کنید
عبارت CAPE HORN با یک فونت sans serif مانند Gotham تایپ کنید.
متن باید بدور دایره تایپ شود
از منو Type > Type on a Path > Type on a Path Options را انتخاب کنید تا فضای بین حروف را تنظیم کنید
ابزار Direct Selection Tool (A) را انتخاب کنید تا بتوانید نقطه شروع متن را تنظیم کنید تا در مرکز قرار گیرد
متن را کپی و پیست کنید. آن را با عبارت Tierra Del Fuego عوض کنید. موقعیت و اندازه آن را تغییر دهید تا در مرکز قرار گیرد
ابزار Star Tool را انتخاب کنید و یک ستاره بین دو متن ایجاد کنید تا متنها را از یکدیگر جدا کنند. ستاره را تغییر اندازه دهید و در جای مناسب بین دو متن قرار دهید. یک کپی از ستاره بگیرید و درحالی که Shift را نگه داشته اید ستاره کپی شده را به طرف مقابل دایره ببرید.
نقشه ای از آمریکای شمالی را در ایلوستریتور باز کنید.نقشه را کپی و در وسط لوگو قرار دهید. آن را تغییر اندازه دهید و جابجا کنید تا در وسط دایره کوچکتر قرار گیرد.
تمام عناصر لوگو را انتخاب کنید و کپی کنید. در فتوشاپ بصورت smart object پیست کنید. در صورت نیاز آن را تغییر اندازه دهید و در پایین تصویر در بین دو ستون متن قرار دهید. شفافیت لوگو را بر روی %85 قرار دهید.
بر روی لایه لوگو دابل کلیک کنید تا پنجره layer style باز شود. یک color overlay به رنگ قرمز #b92025 به لایه اعمال کنید.
در بالای لایه لوگو یک لایه جدید ایجاد کنید.
در لایه لوگو بر روی تصویر کوچک لوگو Ctrl+کلیک کنید تا لوگو انتخاب شود.
ابزار Brush Tool (B) را انتخاب کنید. یک براش نامنظم از بین براشها با رنگ سفید #FFFFFF انتخاب کنید و در لایه جدید نقاشی کنید.
به این ترتیب بافتی نامنظم و قدیمی بر روی لوگو قرار میگیرد.
گام 11 اضافه کردن نقشه
تصویری از یک نقشه را وارد فتوشاپ کنید. با فشاردادن کلیدهای Ctrl + Shift + U آن را بی رنگ کنید. آن را تغییر اندازه دهید و جابجا کنید تا مانند تصویر زیر درموقعیت مناسب قرار گیرد
blend mode لایه را بر روی Multiply قراردهید و شفافیت را بر روی %40 تنظیم کنید
یک layer mask به لایه نقشه اضافه کنید و با یک براش نرم سیاه رنگ قسمت بالای نقشه را ماسک کنید بصورتی که با تصویر کوه همپوشانی داشته باشد
گام 12 : ریزه کاریهای پایانی
این مرحله آخرین گام آموزش است و چند المان نهایی به پوستر اضافه می کنیم
با ابزار Horizontal Type Tool (T) یک متن دیگر به پوستر اضافه می کنیم
میخواهیم به تصویر یک تم رنگی قدیمی بدهیم . برای این منظور از adjustment layer استفاده می کنیم.
در بالای تمام لایه ها از منو Layer > New Adjustment Layer > Gradient Map را انتخاب کنید
گرادیانت را بصورت طیفی رنگی از #5e2d90 به سمت #fcd047 تنظیم کنید. شفافیت Gradient Map adjustment layer را بر روی %35 تنظیم کنید.
blending mode را بر روی Multiply قرار دهید. به این ترتیب پوستر حسی قدیمی و کهنه به خود می گیرد.
در انتها بافتی کهنه به پوستر اضافه می کنیم تا ظاهری کهنه به خود بگیرد.
تصویری از یک فیلم کهنه وارد پروژه کنید. آنرا تغییر اندازه دهید تا صفحه را بپوشاند.
blend mode لایه را بر روی Multiply قرار دهید و شفافیت را بر روی %10 تنظیم کنید
کار طراحی به پایان رسیده است
خلاصه آموزش
در این آموزش روند طراحی یک پوستر یادگاری به سبکی قدیمی را به شما آموزش دادیم. در طول اجرای طرح از تکنیکها و ابزار قدرتمند پرکاربرد فتوشاپ مانند layer styles ، layer masks ، Free Transform ، filters و adjustment layer استفاده کردیم. همچنین برای ایجاد یک لوگوی جذاب از ایلوستریتور استفاده کردیم.
این فصل در یک نگاه:
فصل 10: آشنایی با محیط و ابزارهای فتوشاپ (منوی Filter)__________________________________________________________________…
دوره متخصص فتوشاپ (آموزش صفرتاصد نرم افزار فتوشاپ) دوستان بسیاری سوال پرسیدید که تفاوت دوره های مختلفی که در اینترنت هست چیه ؟ در پاسخ باید بگیم که دوره فتوشاپ کلیک سایت بیش از 250 جلسه اس…این فصل در یک نگاه:
اموزش کدنویسی html و css- اموزش تبدیل psd به html و css…
توضیحات کلی مجموعه: این دوره یک دوره تکمیلی برای کاربران فتوشاپ کلیک سایت می باشد که قصد دارن تا به دنیای وب نویسی وارد شوند. دوستانی که اکنون تسلط لازم به فتوشاپ را دارند میتوانند با اشنای…این فصل در یک نگاه:
در این فصل در مورد طراحی ریسپانسیو و روانشناسی رنگ ، اهمیت فونت در طراحی و برخی از ترفندهای نرم افزار می پردازیم…
نرم افزار ادوب ایکس دی (Adobe Xd) در سوال 2017 توسط کمپانی Adobe ارائه شد . این نرم افزار در عین سادگی ، قابلیتهای کاربردی زیادی در حوزه ی طراحی (وبسایت و اپلیکیشن ) دارد . خوشبختانه بازار ک…