آموزش موکاپ در فتوشاپ

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

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

طرز استفاده از موکاپ

در این بخش به طرز استفاده از فایل‌های موکاپ پرداخته و برای بکارگیری آن باید از  مراحل زیر کمک بگیرید:

• در ابتدا فایل موکاپ PSDیا Tiff را وارد برنامه فتوشاپ کنید.
• سپس لایه‌های اسمارت آبجکت را پیدا کنید.
• در نظر داشته باشید که شکل ظاهری این لایه‌ها به شکل یک کاغذ تا خورده می‌باشد.
• پس از دسترسی به لایه اسمارت آبجکت، نوبت به محتویات داخلی لایه می‌رسد که باید تصویر مورد نظر را جایگزین محتویات داخل لایه قرار دهید.
• برای دسترسی به لایه‌ها می‌توانید روی لایه اسمارت آبجکت کلیک راست کرده و سپس گزینه Contents Editرا انتخاب نمایید.
• البته می‌توانید این کار را به روش دیگری نیز انجام دهید، به این صورت که روی لایه اسمارت آبجکت دو بار کلیک کنید.
• در مرحله بعد یک سند جدید مشاهده می‌کنید که همان لایه اسمارت آبجکت است.
• اکنون می‌توانید تمامی محتویات سند را حذف کرده و محتویات مورد نظر را در آن قرار دهید.
• پس از انجام مراحل بالا و در مرحله نهایی به منوی Edit رفته و گزینه saveرا انتخاب کنید تا سند ذخیره سازی شود.
• البته برای انجام این کار می‌توانید از کلید میانبر ctrl+sنیز استفاده نمایید.

انواع موکاپ‌ها

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

• موکاپ برای انواع طراحی‌های: این نوع از موکاپ‌ برای اجرایی کردن طراحی‌ها بکار برده می‌شوند. موکاپ‌های طراحی، ماکت‌های دیجیتالی می‌باشند که برای نشان دادن طرح‌ روی محصولات مورد استفاده قرار می‌گیرند. این ماکت‌ها به صورت چاپی برای طراحی انواع کاتالوگ و بنر، یا یک GIF متحرک موارد کاربرد دارند.
• موکاپ‌های فیزیکی: این موکاپ‌ها اغلب در محصولات تولیدی و صنعتی بکار برده می‌شوند. در برخی شرایط برای اینکه یک محصول مجسم شود باید از مدل فیزیکی کمک گرفت. این نوع موکاپ بهترین وسیله برای پیش طراحی یک محصول، خانه و تجهیزات و دیگر وسایل دیگر می‌باشد تا مورد ارزیابی قرار گرفته و تصمیم نهایی اجرایی شود.
• موکاپ بسته بندی: این موکاپ نیز نوعی از موکاپ‌ است که طراحان می‌توانند با کمک آن تصویری از برند مورد نظر را بر روی بسته‌ بندی به نمایش بگذارند. گزینه‌های بسته بندی می‌تواند شامل انواع جعبه، کیسه‌های پلاستیکی و کاغذی باشد. در موکاپ بسته بندی نکته حائز اهمیت در ارتباط با ظاهر و شکیل بودن بسته بندی است. این موضوع  در زمان ارائه محصول از اهمیت بالایی  برخوردار خواهد بود. چرا این طراحی زیبا و حساب شده در فروش کالا بسیار تاثیرگذار می‌باشد.

آموزش موکاپ با گوشی

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

• در ابتدا باید از اپلیکیشن‌هایی مانند Canva،Adobe Spark Post، و Placeit یکی را به دلخواه انتخاب کنید.
• پس از تعیین اپلیکیشن مورد نظر آن را دانلود و سپس نصب نمایید.
• با توجه به سیستم عامل گوشی خود می‌توانید از Google Play یا App Store استفاده کنید.
• در مرحله بعدی نوبت به انتخاب قالب موکاپ می‌رسد که آموزش موکاپ در فتوشاپ با استفاده از گوشی این مراحل باید اجرا شود.
• بنابراین پس از باز کردن اپلیکیشن نصب شده به قسمت قالب‌ها رفته و از میان قالب‌های سه بعدی، دیجیتال و چاپی یکی را انتخاب کنید.
• سپس در این مرحله می‌توانید طرح دلخواه خود را از گالری گوشی انتخاب کرده و به قالب موکاپ اضافه نمایید.
• اکنون به منظور ایجاد تنظیم سازی موقعیت و ابعاد تصاویر آنها را نیز مورد بررسی قرار دهید تا به بهترین صورت نشان داده شوند.
• پس از انجام مراحل بالا نوبت به ویرایش و تنظیمات نهایی می‌رسد. در این بخش به کمک ابزارهای ویرایش می‌توانید نوشته، رنگ‌ و افکت‌ اضافه کنید.
• در مرحله نهایی نیز موکاپ را ذخیره سازی کرده و با افراد دیگر اشتراک‌گذاری نمایید.

آموزش موکاپ کتاب در فتوشاپ

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

• در اولین مرحله به نرم افزار فتوشاپ رفته و تصویر متن طراحی و فایل موکاپ را در آن باز کنید.
• سپس برای دانلود فایل موکاپ کتاب به گوگل رفته و عبارت «Book Mockup» را جستجو نمایید.
• اکنون به کمک ابزار Move تصویر متن را به فایل اصلی کتاب منتقل کنید.
• در مرحله بعد در پنل لایه ها روی لایه متن راست کلیک کرده و با مشاهده گزینه Convert to smart object بر روی آن کلیک نمایید.
• پس از آن با انتخاب کلیدهای ترکیبی Ctrl + T و نگه داشتن کلید Ctrl گوشه‌های متن را روی صفحه کتاب تنظیم سازی نمایید.
• سپس بر روی متن راست کلیک کرده و گزینه Warp را انتخاب کنید.
• در این مرحله با نگه داشتن کلید Ctrl قسمت برآمدگی صفحه کتاب را انتخاب کنید تا Warp نصف شود.
• اکنون این قسمت را بالا کشیده، فرم را تنظیم کرده و بر روی گزینه Enter کلیک کنید.
• سپس به پنل Layers Panel رفته و بر روی قسمت خالی لایه متن دوبار کلیک نمایید.
• در مرحله پایانی نیز با نگه داشتن کلید Alt سمت راست، دو اسلایدر بخش ‌Blend if را به چپ کشیده تا یک موکاپ دلخواه داشته باشید.

آموزش موکاپ کارت ویزیت

در بخش‌های قبلی راجع به آموزش موکاپ در فتوشاپ توضیحاتی ارائه دادیم‌. در این قسمت به بررسی مراحل لازم برای ایجاد موکاپ کارت ویزیت می‌پردازیم:

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

موکاپ رایگان

مزیت موکاپ‌ها این است که در کمترین زمان ممکن و بدون پرداخت هزینه‌ می‌توانید طرح‌های مورد نظر خود اجرایی کرده و به مشتریان ارائه دهید. اگر نیازمند موکاپ رایگان برای طراحی پروژ‌ه‌های تبلیغاتی خود هستید، می‌توانید از سایت‌های زیر کمک بگیرید:

• سایت Mckups: یکی از سایت‌های پرطرفدار و پربازدید که موکاپ‌های رایگان را به صورت حرفه‌ای ارائه داده است همین سایت می‌باشد. از قابلیت‌های سایت Mckups، می‌توان به موتورهای جستجوی قدرتمند و رابط کاربری جذاب آن اشاره داشت.
• سایت Pixel Buddha: این سایت مجموعه‌ای از موکاپ‌های رایگان را در اختیار کاربران قرار داده تا برای مصارف شخصی و تجاری مورد استفاده قرار دهند. این منابع شامل نرم افزارها، الگوها، وب‌ها، برنامه‌ها، الگوها و مواردی دیگر است. کاربران و طراحان می‌توانند با کمک این الگوهای ساختاری PSD که با استفاده از هوشمند طراحی شده طرح‌ها و ایده‌های خود را اجرایی نمایند.
• سایت Smartmockups: اگر می‌خواهید موکاپ‌هایی حرفه‌ای با وضوح بالا و در کمترین زمان ممکن ایجاد کنید، از این سایت استفاده کنید. یکی از ویژگی‌ها سایت Smartmockups در ارتباط با تنوع بالا آن می‌باشد. داشتن موکاپ‌های تکنولوژی، بسته بندی، پوشاک، دکوراسیون منزل و چاپ این تنوع را پوشش می‌دهد. همچنین داشتن ویژگی ویرایش پیشرفته در موکاپ‌های این سایت امکان تغییر رنگ آیتم، بک گراند و در نهایت برش صحنه به صورت کاملا حرفه‌ای به وجود می‌آورد. مزیت استفاده از موکاپ‌های این سایت رابط کاربری ساده و قابل دسترس است. چرا که تمامی کاربران حتی افراد مبتدی نیز می‌توانند به راحتی از آن بهره‌مند شوند.

جمع بندی نهایی

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

در مطالب بالا طرز استفاده از موکاپ‌ها را توضیح دادیم، همچنین آموزش موکاپ با گوشی نیز جز آموزش‌های مفید و کاربردی سایت تدوین با ما بود. در صورتی که بخواهید از موکاپ‌ها در گوشی خود استفاده کنید، می‌توانید اپلیکیشن‌هایی مانند Canva، Adobe Spark Post، و Placeit را دانلود و نصب نمایید. این کار را با توجه به سیستم عامل گوشی در App Store یا Google Play انجام دهید. سایت Mckups، Pixel Buddha، smartmockups،  placeit.net ازسایت‌های رایگانی است که در زمینه استفاده از موکاپ‌ها به شما پیشنهاد می‌کنیم. برای یادگیری چنین مواردی در ویدیو میتوانید از آموزش افترافکت و آموزش پریمیر کمک بگیرید.