آموزش ساخت موکاپ شخصی (Mockup) و ترکیب تصاویر + فیلم

با سلام.

این آموزش مقداری طولانی هست. اما خیلی کاربردی و مفید.

دوستانی که تازه شروع به کار کردن، حتما چیزهای زیادی یاد خواهند گرفت. شدیدا بهتون توصیه می کنم دنبال کنید.

اگر شما هم مثل من حوصله خوندن متن رو ندارید در پایین همین صفحه ویدیو آموزشی مربوطه رو هم گذاشتم.

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

می تونین از اینجا، اون مطلب رو هم بخونین.

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

نتیجش میشه اینی که در تصویر میبینین.

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

 

خوب!

بریم سراغ اصل مطلب.

بکگراند کارمون تخته چوبه که قرار حکم میزمون باشه. با فوتوشاپ باز می کنیم.

قدم بعدی اینه که فایل هایی که هست و نیاز داریم رو مرتب کنیم. برای راحتی دوستان من فایل ها رو به صورت png قرار میدم.

که نیاز به سلکت نباشه. اما تو ویدیو موقع سلکت هم بهتون نشون میدم که چه جوری سلکت کردم.

من دوست داشتم فقط فضایی که داریم محدود به چوب نشه. به همین دلیل از یه گلدون مناسب با طرح هم استفاده کردم.

همین عکس

فایل رو که منتقل کردین روی میز، تفاوت رنگی زیادی مشاهده می کنین.

چون ما نه سایه دادیم نه با نورپردازی کاری کردیم.

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

و البته یه جورایی مبتدی.

وقتی رو لایه گلدون هستیم یه کپی از لایمون می گیریم. می تونیم CTRL+J رو بزنیم. بعد لایه پایینشو انتخاب می کنیم.

روی لایه دبل کلیک می کنیم. پنجره ای باز میشه. از قسمت Color Overlay رنگی طوسی یا مشکی انتخاب می کنیم.

سپس ok می کنیم. حالا کافیه مقداری گلدون زیری رو بیاریم پایین سمت چپ. مثل عکس زیر

حالا باید از این حالت خشکی درش بیاریم. کافیه یکم مثل سایه، پخشش کنیم.

برای اینکار از تب Filter میگردیم دنبال بخش Blur و از این بخش می گردیم دنبال Gaussian Blur

( گزینه Gaussian Blur واقعا کاربردی هست. در آموزش های بعدی هم حتما بیشتر بهش اشاره خواهیم کرد.)

بعد از انتخاب پنجره ای باز میشه و ما می توینیم اسکرول رو تغییر بدیم. با تغییر اسکرول سایمون مات تر میشه.

برای این تصویر من اسکرول رو روی ۱۲۰ میزارم . اوکی.

حالا مقداری از Opacity رو می ذارم روی ۷۰%

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

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

برای اینکار کافیه مفهوم ماسک کردن رو بدونیم.

 ماسک کردن چیه؟

مختصر و مفیدش اینه که بخوایم تصویری رو اختصاص بدیم به یک تصویر.

مثلا بک تصویر نامنظم داریم.

برای اینکه فقط توی یک مربع جا شه، بایستی ماسک کنیم تا تو مربع حا شه فقط.

در ادامه متوجه منظور خواهید شد.

 

ادامه…

حالا من یک لایه بالای لایه اصلی گلدون ایجاد می کنم. براش مشکی رو برمی دارم.

روی قسمت هایی از برگ می کشم.

حالا موس رو بین دو لایه میبریم و Alt رو نگه می داریم. قیافه موس تغییر می کنه. این قابلیت ماسک هست.

کلیک کنید تا با تصویر زیر مواجه شید.

حالا مود لایه رو می ذاریم روی Soft Light و Opacity رو می ذاریم روی ۷۵%

یعنی نتیجه کار این باید بشه:

مقداری هم با تنظیمات Contrast و Brightness کار می کنیم. تا به یک اتحاد برسیم.

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

یه قالب نوری یا همون تنظیمات رو هم گذاشتم روی کل تصویر. لایه های ایجاد شده رو ببینید.

بیشتر تو ویدیو توضیح می دم.

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

 

تو این مرحله گوشی رو وارد طرحمون می کنیم.

دقت کنین روی لایه ها بذارید.

زوم می کنیم روی LCD موبایل. یک مستطیل روی LCD می کشیم.

بعد از اینکار روی لایه مستطیل راست کلیک می کنیم. گزینه Convert To Smart Object رو پیدا می کنیم و کلیک می کنیم.

که بخش عمده و اصلی موکاپ همینه.

حالا می تونم فایل ها رو یکم مرتب کنم.

لایه هایی که بهم ربط دارن رو تو یه گروه بکنم. با کلید ترکیبی CTRL+G

حالا می تونیم موبایل رو مقداری کج کنیم. و سایه ها رو مثل همون گلدون بهش بدیم.

فقط Gaussian Blur رو می ذاریم اینبار روی ۱۵٫ Opacity رو هم می ذاریم روی ۷۰% تا ۷۵% درصد.

این از موبایل.

 

حالا کاغذ…

حالا می خوایم یک برگه A4 هم اضافه کنیم به کارمون. اول باید بدونیم ابعاد یک کاغذ A4 چند در چنده؟

برای اینکه دقیقا ابعاد کاغذ A4 رو وارد طرح کنیم یه پروژه جدید باز می کنیم.

ابعاد یک کاغذ A4 بر حسب میلی متر می شه، ۲۱۰ در ۲۹۷

بعد از ایجاد کافیه که روی قفل لایه دبل کلیک کنید و ok رو میزنید  تا قفل لایه بگراند برداشته شه.

بعد لایه رو می کشیم می بریم تو طرحمون.

مجدد روی لایه کاغذ راست کلیک می کنیم. گزینه Convert To Smart Object رو پیدا می کنیم و کلیک می کنیم.

و حالا باید یکم کج کنیم کاغذ رو و مقداری سایه بدیم. می تونیم از همین لایه کپی بگیریم و یکم کج ترش کنیم که انگار دو کاغذ روی همه.

مثل این عکس:

دقت کنین که زیاد نباید به کاغذ سایه داد.

 

حالا مجدد فایل ها رو مرتب می کنیم.

گروه کاغذ رو میاریم زیر گروه بکگراند که همون گلدون ما هست. به دلیل افتادن سایه ی گلدون رو کاغذ.

 

پس سه پوشه داریم الان. به اسم های کاغذ، موبایل و بکگراند.

از گروه ها یا پوشه های کاغذ و موبایل، از اون هایی که Smart Object شدن رو کپی می کنیم و روی بالاترین لایه ها قرار میدیم.

اسم ها رو هم تغییر میدیم.

بعد Opacity رو ۰% می کنیم.

 

چه جوری ازش استفاده کنیم؟

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

توی این صفحه طرح خودتون رو میندازین و بعد CTRL + S

بعد از زدن کافیه برید تو تب خود طرح. اونجا می بینید که طرح تغییر کرده. به همین راحتی

 

دانلود فایل های تمرینی + PSD همین آموزش

 

موفق باشید.

 

 

در ادامه می تونین فیلم آموزشی مربوط رو ببینید.

دانلود با کیفیت ۷۲۰

با عضویت در گروه تلگرامی، می توانید سوالات خودتون رو بپرسید و فایل های تمرینی خودتون رو به اشتراک بذارید.

جهت عضویت از QR Code زیر و یا لینک زیر استفاده کنید.

لینک عضویت در گروه پرسش و پاسخ

ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *