موکاپ (mockup) چیست؟

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

به طور کلی mockup این امکان را به طراح می دهد تا بتواند بهتر بر روی جزئیات طرح از جمله انتخاب رنگ، سایز، سبک نمایش و … تصمیم گیری کند.

نحوه استفاده ازفایل های موکاپ(mockup) در نرم افزار فتوشاپ

تا اینجا فهمیدیم که موکاپ ها چه فایل هایی هستند، اما فایل های موکاپ رو چطور می سازند؟
فایل های موکاپ همگی بر اساس اسمارت آبجکت ها ساخته می شوند.


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

همیشه در گوشه پایین لایه ها یک آیکن به شکل ” کاغذ تا خورده ” قرار گرفته است، اگر همچین آیکونی را مشاهده کردید بدانید که این لایه یک لایه اسمارت آبجکت هست و می‌توانید با دوبار کلیک بر روی این آیکون آن را باز کنید.
(معوملا درون موکاپ هاپ ها این لایه را رنگی می کنند که پیدا کردنشان ساده تر باشد)
تقریبا می توان گفت موکاپی وجود ندارد که از اسمارت آبجکت استفاده نکرده باشد!

برای استفاده از موکاپ ها به ترتیب گام های زیر پیش می رویم:

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

mockup step1 mockupsmartobject

 

  • گام دوم:
    در صفحه جدید طرحی که مد نظرتان است را با طرح اولیه ی موکاپ جایگزین کنید.

mockup step2

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

mockup step3

  • گام چهارم: پس از اندکی صبر، می بینید که فایل شما نمایان می شود و می توانید به سادگی آن را با هر فرمتی که خواستید ذخیره کنید.

mockup step4

0 پاسخ

دیدگاه خود را ثبت کنید

تمایل دارید در گفتگوها شرکت کنید؟
در گفتگو ها شرکت کنید.

دیدگاهتان را بنویسید

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