آموزش فتوشاپ : تماشای بالونها
در این آموزش با دستکاری چند تصویر خام طرحی از یک مرد را که از میان دریچه ای در آسمان بالونها را تماشا میکند ایجاد خواهیم کرد. در طول این آموزش تمامی مراحل طراحی را گام به گام توضیح خواهیم داد.
از چه ابزارهایی استفاده خواهیم کرد
اگر چه این تصویر در فتوشاپ ورژن CC طراحی شده اما با ورژن های قدیمی تر فتوشاپ نیز میتوانید این آموزش را دنبال کنید.
در طول این آموزش از دو ابزار محبوب فتوشاپ استفاده کرده ایم. Layer Mask و Adjustment Layer
برای انتخاب قسمتهایی از تصویر که باید در طرح استفاده شود از Layer Mask و برای تلفیق المانهای مختلف با یکدیگر در طرح از Adjustment Layer استفاده می کنیم.
گام 1
طراحی را با ایجاد یک سند جدید در فتوشاپ شروع میکنیم. یک سند جدید به ابعاد نشان داده شده در تصویر زیر ایجاد نمایید و آن را با رنگ سیاه پر کنید
گام 2
اولین المانی که قصد داریم در طرح قرار دهیم تصویری از یک مرد نشسته بر روی نیمکت است. از منو File > Place را انتخاب کنید و تصویر مرد را در پروژه قرار دهید
در هنگام تغییر اندازه تصویر دکمه Shift را نگهدارید تا نسبت طول به عرض تصویر حفظ شود. قرار دادن تصویر با فرمان Palce سبب میشود که تصویر بصورت یک Smart Object در پروژه قرار بگیرد. این امر باعث میشود اعمال فیلتر یا تغییراندازه بر روی تصویر اصلی تاثیر ناخواسته ای نگذارد
گام 3
از آنجا که قصد داریم تصویری از یک آسمان خیالی را ایجاد کنیم باید تصویر آسمان کنونی را حذف نماییم. برای این منظور با استفاده از ابزار Pen Tool(P) یا Lasso Tool(L) تصویر آسمان را انتخاب کنید و در پالت لایه ها بر روی دکمه Add Layer Mask کلیک کنید. به این ترتیب تصویر آسمان ماسک و حذف می شود
گام 4
برای نرم کردن لبه های ماسک با یک براش نرم به رنگ سیاه در لایه ماسک بر روی لبه های ماسک بکشید تا لبه ها نرم شوند . به این ترتیب میتوانیم تصاویر را به خوبی با پس زمینه ترکیب کنیم
گام 5
برای این لایه باید سه لایه adjustment تعریف کنیم. Hue/Saturation, Curves, و Levels . برای این منظور دکمه Create a new fill Or adjustment layer را انتخاب کنید که در پلت لایه ها در کنار دکمه Add Layer Mask قرار دارد. تنظیمات را مانند تصویر زیر اعمال نمایید. مطمئن شوید که این افکتها فقط بر روی این لایه اعمال شود. بر روی هریک راست کلیک کنید و Create Clipping Mask را انتخاب نمایید
گام 6
بعد از اضافه کردن adjustment layers تصویر به صورت زیر در می آید:
گام 7
در این مرحله تصویر منظره کوهها را به طرح اضافه می کنیم. این تصویر را بر روی لایه اولی قرار دهید و قسمتهایی را که میخواهید در تصویر باشد مانند تصویر زیر انتخاب و ماسک کنید.
گام 8
حال به این تصویر دو adjustment layers اضافه می کنیم. Curves and Hue و Saturation
گام 9
نتیجه بصورت زیر خواهد بود
گام 10
تصویری از ستارگان را وارد پروژه کنید و آن را در پانل لایه ها در بالای تمام لایه ها قرار دهید. مود لایه را بر روی Lighten قرار دهید.
گام 11
تصویر آسمان را وارد پروژه کنید و در زیر همه لایه ها و در روی لایه پس زمینه قرار دهید. این لایه احتیاجی به اضافه کردن لایه ماسک یا Adjusment ندارد.مود لایه را به Lighten تغییر دهید. به این ترتیب ستارگان از زیر تصویر آسمان نمایان می شوند
گام 12
تصویری از ساختمانهای مخروطی را وارد پروِژه کنید و ساختمانها را از پس زمینه جدا کنید. یک راه برای دستیابی به این هدف استفاده از ماسک است. یک ماسک بر روی لایه ایجاد کنید و تمام لایه ماسک را سیاه کنید. به این ترتیب چیزی در تصویر دیده نمی شود و میخواهیم تنها ساختمانها نمایش داده شوند. یک راه برا محقق شدن این هدف اینست که ماسک را غیر فعال کنیم. در پنل لایه ها بر روی ماسک راست کلیک کنید و Disable Layer Mask را انتخاب نمایید.
حال تنها باید تصویر ساختمانها را انتخاب کنیم و رنگ آنها را سفید کنیم. با این روش وقتی ماسک را فعال می کنیم تصویر ساختمانها نمایان هستند.
گام 13
حال تصاویر ساختمانها را در اطراف طرح قرار میدهیم . اولین مکان در سمت راست مرد است. برای تلفیق بیشتر ساختمانها با تصویر پس زمینه شفافیت لایه ساختمانها را بر روی %65 قرار دهید. سپس با یک براش نرم با رنگ سیاه در قسمت پایین ساختمانها مانند تصویر بر روی لایه ماسک نقاشی کنید
گام 14
لایه ساختمانها را کپی کنید و در مکانی در سمت چپ تصویر با شفافیت %50 قرار دهید. اندازه تصویر دوم را کوچکتر کنید تا دورتر به نظر برسد.
گام 15
کپی دیگری از ساختمانها بگیرید و در وسط تصویر با اندازه کوچکتر قرار دهید و شفافیت آن را %25 قرار دهید. نتیجه کار بصورت زیر خواهد بود
گام 16
سپس با ابزار Line Tool (L) خطهایی از وسط آسمان به سمت بیرون می کشیم. ابزار Line Tool (L) را انتخاب کنید و چند خط مانند تصویر زیر با رنگ #db9da1 بکشید.
گام 17
هر خطی که ایجاد میکنید در پنل لایه ها یک لایه جدید Shape ایجاد می کند. تمام این لایه ها را انتخاب کنید و بر روی آن راست کلیک کنید و Merg Shapes را انتخاب کنید. به این ترتیب تمام خطوط تبدیل به یک لایه واحد می شوند. سپس بر روی لایه یک ماسک ایجاد کنید و با یک براش نرم سیاه بر روی انتهای خطها مانند تصویر زیر نقاشی کنید.
گام 18
همین مراحل را تکرار کنید و چند خط دیگر ایجاد کند و اینبار آنها را به رنگ سفید بکشید.
گام 19
در این مرحله تصویر بالنها را به پروژه اضافه میکنیم. تصویر بالن ها را در پروژه قرار دهید و با تکنیکهایی که قبلا گفتیم آنها را از پس زمینه جدا کنید.
گام 20
برای ایجاد مقداری روشنایی بر روی بالن یک لایه Curves adjustment اضافه کنید.
گام 21
بالن دوم را در پروژه قرار دهید و چون میخواهیم در دور دست به نظر برسد اندازه آن را کوچکتر کنید. یک لایه Curves adjustment اضاقه کنید و بالن را از بالن اولی تیره تر کنید.
گام 22
دو بالن دیگر در پروژه قرار دهید و همان تکنیکهای بالا را بر روی آنها پیاده کنید. نهایت تصویر بصورت زیر خواهد بود
گام 23
آخرین چیزی که در پروژه ایجاد میکنیم یک Gradient Map است. میتوانید مانند تصویر زیر از پریست های فتوشاپ استفاده نمایید. شفافیت لایه را %10 قرار دهید.
گام 24
نمیخواهیم تصویر گرادیانت بر روی زمین یا مرد بیافتد زیرا بیش از حد قرمز است بنا بر این یک لایه ماسک بر روی آن ایجاد کنید و گرادیانت را در آن قسمتها حذف کنید
گام 25
و به این ترتیب طراحی ما به پایان میرسد. امیدواریم از این آموزش لذت برده باشید
تصویر نهایی
این فصل در یک نگاه:
فصل 10: آشنایی با محیط و ابزارهای فتوشاپ (منوی Filter)__________________________________________________________________…
دوره متخصص فتوشاپ (آموزش صفرتاصد نرم افزار فتوشاپ) دوستان بسیاری سوال پرسیدید که تفاوت دوره های مختلفی که در اینترنت هست چیه ؟ در پاسخ باید بگیم که دوره فتوشاپ کلیک سایت بیش از 250 جلسه اس…این فصل در یک نگاه:
اموزش کدنویسی html و css- اموزش تبدیل psd به html و css…
توضیحات کلی مجموعه: این دوره یک دوره تکمیلی برای کاربران فتوشاپ کلیک سایت می باشد که قصد دارن تا به دنیای وب نویسی وارد شوند. دوستانی که اکنون تسلط لازم به فتوشاپ را دارند میتوانند با اشنای…این فصل در یک نگاه:
در این فصل در مورد طراحی ریسپانسیو و روانشناسی رنگ ، اهمیت فونت در طراحی و برخی از ترفندهای نرم افزار می پردازیم…
نرم افزار ادوب ایکس دی (Adobe Xd) در سوال 2017 توسط کمپانی Adobe ارائه شد . این نرم افزار در عین سادگی ، قابلیتهای کاربردی زیادی در حوزه ی طراحی (وبسایت و اپلیکیشن ) دارد . خوشبختانه بازار ک…