آموزش ساخت موکاپ محصولات در برنامه فتوشاپ ( ۰ تا ۱۰۰ )

مرحله ۵: طرح خود را به Smart Object اضافه کنید

حالا می توانید طرح خود را به شی هوشمند ( Smart Object ) اضافه کنید؛ بطوریکه کاملا روی صفحه نمایشگر قرار گیرد. 

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

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

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

لایه را با باز کردن برگه Layout انتخاب کنید و پس از آن دکمه Ctrl+C را فشار دهید.

حالا باید دوباره به برگه شی هوشمند برگردید و دکمه Ctrl+V را برای جایگذاری طرح روی آن فشار دهید. در اکثر مواقع، طرح جایگذاری شده به درستی روی لایه زیرین خود قرار نمی گیرد!

برای تنظیم اندازه طرح خود دکمه های Ctrl+T را فشار دهید. سپس باید دستگیره های اطراف طرح را بکشید تا اندازه طرح را به متانسب به بوم، تغییر دهید. اگر از نسخه های قدیمی تر فتوشاپ استفاده می کنید، حتما در این مرحله دکمه Shift را نگه دارید تا طرح شما کج و ماوج نشود.

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

دکمه Enter را برای ذخیره طرح فشار دهید. در این مرحله باید طرح شما به صورت کامل صفحه نمایش را پوشش داده باشد.

حالا باید کل پروژه ( طرح و شی هوشمند ) را ذخیره کنید. برای این کار سراغ گزینه File در نوارمنوی بالای فتوشاپ بروید و گزینه Save As را بزنید. می توانید دکمه های Ctrl+S را نیز برای ذخیره پروژه فشار دهید.

حالا اگر دوباره به برگه موک آپ ( برگه اول ) خود برگردید، فتوشاپ طرح شما را به صورت کاملا دقیق روی صفحه نمایش چسبانده است. شما در هر مرحله ای می توانید با باز کردن برگه شی هوشمند ( Smart Object ) و قرار دادن طرح جدید روی صفحه نمایش، طرح خود را عوض کنید.

مرحله۶: با استفاده از جلوه های نورپردازی افکت براق اضافه کنید (اختیاری)

اگر دوست دارید ظاهر طبیعی تری به صفحه نمایش بدهید، می توانید چند افکت نورپردازی برای براق کردن صفحه نمایش اضافه کنید. این افکت ها به عنوان فیلتر هوشمند ( Smart Filter ) به تصویر شما اضافه می شوند و هر وقت که خواستید می توانید آن ها را پاک / ویرایش کنید.

برای اضافه کردن افکت، در ابتدا لایه شی هوشمند را از پنل لایه ها انتخاب کنید و سپس از نوارمنوی بالا به قسمت Filter و سپس Render بروید. حالا روی گزینه Lighting Effects بزنید. 

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

• مقدار Intensity را روی ۸۰ قرار دهید.
• مقدار  Exposure  را روی ۵۹- قرار دهید.
• اسلایدر گزینه Gloss را روی ۱۰۰ قرار دهید. 
• اسلایدر گزینه Ambience را روی ۱۶ قرار دهید. 

مطمئن شوید که گزینه Preview در نوارگزینه برای پیش نمایش طرح تیک خورده است. هر وقت تنظیمات افکت به اتمام رسید، دکمه Ok را فشار دهید.

حالا روی فیلتر هوشمند Lighting Effects در پنل لایه ها دوبار کلیک کنید تا تنظیمات اعمال شود.

حالا افکت براق به صفحه نمایش موکاپ شما اضافه شده است!

نحوه ساخت موکاپ پیشرفته در فتوشاپ 

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

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

مرحله ۱: سلکشن های خود را آماده کنید

منظور ما از سلکشن ( Selection ) همان انتخاب کردن اجزای مختلف محصول است. به منظور آسان تر کردن مراحل ساخت موکاپ پیشرفته، بهتر است این سلشکن ها را از قبل آماده کرده باشیم. در این مثال قرار است روی یک قوطی به عنوان محصول کار کنیم.

اگر می خواهید رنگ قسمت بالای قوطی و یا پایین آن ( یا هرجای قوطی ) را عوض کنید، باید در ابتدا سلکشن های خود را انجام دهید. با این حال اگر دوست ندارید رنگ آن ها را عوض کنید، می توانید با ابزارهای انتخابگر، یک سلکشن دورتادور قوطی رسم کنید.

ایجاد سلکشن در اطراف درب قوطی

برای ایجاد این سلکشن، ما از ابزار خودکار ( Pen Tool ) استفاده خواهیم کرد. برای فعال کردن این ابزار، سراغ آیکون آن در نوارابزار سمت چپ بروید و یا دکمه P را فشار دهید.

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

برای تصحیح نقاط لنگرگاه در حین استفاده از ابزار خودکار ( Pen Tool )، زمانی که روی این نقاط کلیک می کنید دکمه Ctrl را نگه دارید تا به راحتی بتوانید مسیر سلکشن را تغییر دهید. فلش سفید، نشان دهنده این است که شما در حال تصحیح مسیر سلکشن هستید.

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

زمانیکه سلکشن شما ایجاد شد، پنل مسیر ( Paths Panel ) را باز کنید. ( اگر این پنل در فتوشاپ برایتان باز نیست، از نوار منوی برنامه مسیر Window > Paths  را طی کنید و تیک گزینه Paths را بزنید )

حالا روی عبارت Work Path دوبار کلیک کنید و اسم آن را به قوطی ( Lid ) تغییر دهید.

ایجاد سلکشن اطراف قسمت پایینی قوطی

زمانیکه سلکشن اول خود را ایجاد کردید، یک مسیر جدید ( New Path ) با فشردن آیکون Create a new path در پایین پنل مسیر ایجاد کنید. ( آیکون آن در عکس زیر مشخص شده است )

اسم آن به قسمت زیرین ( Bottom ) تغییر دهید و همان مراحل بالا را این بار برای سلکشن اطراف قسمت پایینی قوطی تکرار کنید. 

ایجاد سلکشن اطراف بدنه قوطی

حالا مراحل بالا را یک بار دیگر برای ایجاد سلکشن دورتادور بدنه قوطی تکرار کنید. ( اول یک مسیر جدید ایجاد کنید و پس از نام گذاری آن به قوطی ( Can )، با استفاده از ابزار خودکار دور تا دور بدنه قوطی بکشید )

حالا باید ۳ سلکشن جداگانه در پنل مسیر ها ( Paths Panel ) داشته باشید که از همه آن ها برای ساخت موکاپ استفاده خواهد شد. ممکن است بر اساس محصول شما، این سلکشن ها کمتر و یا بیشتر باشند.

مرحله ۲: یک لایه شیء هوشمند روی محصول اضافه کنید

برای ساخت نواحی موکاپ برای الصاق طرحتان، در ابتدا باید یک لایه شکل به قوطی ( و یا محصول خاص خودتان ) اضافه کنید و بعد از آن، لایه را به شی هوشمند( Smart Object ) تبدیل کنید. 

در این مرحله برای ساخت موکاپ، در ابتدا ابزار Rectangle Tool (U) را از نوارابزار سمت چپ فعال کنید و یک مستطیل روی بدنه قوطی بکشید. هنگام رسم این مستطیل به اطراف قوطی فضای بیشتری بدهید چون به آن در مرحله بعدی نیاز خواهیم داشت. بعد از آن می توانید لایه شکل خود را به صورت دلخواه تغییر نام دهید. (در پنل لایه ها روی آن دوبار کلیک کنید)

حالا باید حالت ترکیبی ( Blend Mode ) لایه شکل را به Multiply را تغییر دهید. اگر طرح را روی کل بدنه قوطی قرار نمی دهید، حالت ترکیبی بسیار مفید است. این حالت ترکیبی همچنان به شما کمک می کند تا زمانیکه می خواهید شکل را تاب بدهید، کاملا با بدنه قوطی یک دست شود.

سپس درست مثل روش اول، لایه شکل را با کلیک راست کردن و انتخاب گزینه Convert to Smart Object در پنل لایه ها، به شی هوشمند ( Smart Object ) تبدیل کنید. 

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

مرحله ۳: لایه شکل را برای تناسب روی محصول تاب دهید

حالا می توانید لایه شکل را برای تناسب با قوطی تاب دهید. با تاب دادن لایه شکل، طرح شما با انحنای قوطی متناسب خواهد بود.

در ابتدا، لایه شکل را از پنل لایه ها انتخاب کنید و پس از آن Control + T  را روی کیبورد فشار دهید. حالا روی طرح کلیک راست کنید و گزینه Warp را انتخاب کنید. 

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

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

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

در پایان برای ذخیره سازی، روی آیکون تیک در نوارگزینه کلیک کنید و یا Enter را فشار دهید. 

مرحله ۴: با استفاده از مسیرهای از پیش ساخته شده، یک لایه ماسک اضافه کنید

حالا وقتش رسیده که از سلکشن های مرحله اول ( مسیر ها ) برای اضافه کردن یک لایه ماسک استفاده کنیم. با این کار، لایه شکل و طرحی که اضافه می کنید فقط روی بدنه قوطی نمایش پیدا می کند.

در ابتدا سراغ پنل مسیر ها ( Paths Panel ) را بروید و روی سلکشن قوطی ( Can ) کلیک راست کنید و روی گزینه Make Selection بزنید. حالا در پنجره جدید، مقدار گزینه Feather Radius را روی ۰ قرار دهید و Ok را بزنید. 

زمانی که این کار را انجام دادید، سلکشن دوباره اطراف بدنه قوطی فعال می شود.

حالا دوباره به پنل لایه ها برگردید و روی آیکون Add vector mask کلیک کنید. در این حالت یک لایه ماسک به جلوی لایه شکل اضافه می شود. بدین معنا که شکل انتخابی شما فقط به بدنه قوطی اضافه خواهد شد. 

روی بوم فتوشاپ، شکل اضافه شده کاملا با بدنه قوطی مطابقت دارد.

مرحله ۵: لایه طرح خود را به شی هوشمند ( Smart Object ) اضافه کنید. 

درست مثل روش قبلی، در این مرحله ساخت موکاپ، نیاز به اضافه کردن لایه طرح به شی هوشمند ( Smart Object ) داریم. روی لایه شی هوشمند ( Smart Object ) در پنل لایه ها دوبار کلیک کنید تا در یک برگه جداگانه باز شود. حالا مثل روش قبلی، به برگه طرح خود بروید و لایه طرح را با فشردن دکمه Ctrl + C کپی کنید. دوباره به برگه شی هوشمند برگردید و دکمه های Ctrl + V را برای پیست کردن طرح فشار دهید.

برای طرح الصاقی روی قوطی، می توانید به عنوان یک برچسب از آن استفاده کنید و یا کل بدنه قوطی را با طرح بپوشانید. تعییر اندازه و جایگاه طرح روی بدنه قوطی کاملا انتخابی و طبق سلقیه شما می باشد. ( برای توضیحات بیشتر مرحله ۵ مثال قبلی را ببینید )

برای جایگزینی رنگ پس زمینه قوطی، در ابتدا به برگه شی هوشمند ( Smart Object ) بروید و روی لایه شکل ( rectangle1 ) دوبار کلیک کنید. حالا در این پنجره، رنگ دلخواه خود را انتخاب کنید و Ok را بزنید. 

مرحله ۶: به قوطی سایه و هایلایت اضافه کنید

حالا که طرح را به بدنه قوطی چسباندیم، می توانید سایه و هایلایت اصلی قوطی را به آن اضافه کنید. این مرحله در ساخت موکاپ، بسیار آسان است چون ما قرار است همان سایه و هایلایت تصویر پایه را دوباره به طرح پایانی موکاپ اضافه کنیم. 

در ابتدا، از لایه تصویر ( Background ) یک کپی بگیرید. برای این کار، روی لایه Background در پنل لایه ها کلیک کنید و آن را روی آیکون Create a new layer در قسمت پایینی پنل لایه ها بکشید. حالا باید یک لایه جدید به نام Background Copy داشته باشید.

می توانید اسم این لایه را با دوبار کلیک کردن روی آن تغییر دهید. ( ما اسم آن را Highlights and Shadows  گذاشتیم )

پس از آن، این لایه را به به بالای لایه طرح بکشید.

سپس دکمه Alt را روی کیبورد نگه دارید و لایه ماسکی که برای طرح خود در مرحله ۴ ساختید را روی لایه جدید بکشید. با این کار، یک کپی از لایه ماسک به لایه جدید خود اضافه کردید.

حالا روی لایه Highlights and Shadows کلیک کنید و مقدار حالت ترکیبی ( Blend Mode ) را به Multiply تغییر دهید. مقدار شفافیت ( Opacity ) را نیز تا ۶۵% کاهش دهید.