0


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

دسته بندی ها : آموزش ۴ شهریور ۱۳۹۸ مجید حفیظی 128 بازدید

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

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

 

 

 

 

 

دانلود و باز کردن فایل موکاپ

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

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

بررسی لایه ها

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

در اینجا، من لایه “برچسب چپ” و “برچسب راست” را مخفی می کنم، تا تصویر جعبه را به صورت خام ببینیم.

 

باز کردن لایه ی Smart Object

توجه کنید که برخی از لایه ها در فایل موکاپ، با یک آیکون کوچک در گوشه ی پایین آنها نمایش داده می شوند که اگر موس را روی آن ببریم، عنوان “Smart Object thumbnai ” را خواهیم دید.این لایه ها Smart Objects هستند که به شما این امکان را می دهد آنها را ویراش کنید، طرح ها وکتور را به آنها اضافه کنید و تمام تغییرات خود را در فایل موکاپ ذخیره کنید.

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

در اینجا نمایی از پنجره ی ویرایش Smart Object را می بینیم.

 

ویرایش و ذخیره ی لایه های Smart Object

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

به محض اینکه لایه ی Smart Object را ذخیره کنید و به فایل اصلی برگردید، تغییرات را مشاهده خواهید کرد.

 

سخن پایانی

همه چیز برای این که یک فایل موکاپ را برای خودتان سفارشی کنید امکان پذیر است. رنگ پس زمینه را سفارشی کنید، متن اضافه کنید، Artboard را برش بزنید، لایه ها را جابجا کنید (حتما مراقب سایه ها و افکت های نور باشید) و … امکانات بی نهایت هستند.

در اینجا ، من رنگ لایه ی “برچسب راست” و لوگوی روی آن را تغییر داده ام، اندازه ی لایه ی “برچسب چپ” را مقداری کوچک کرده ام و متن “شرکت پست ایران” را زیر آن نوشتم.

 

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

امیدوارم از این آموزش استفاده لازم را برده باشید و از کار با موکاپ های آماده سایت فراپیک لذت ببرید.

 

مجید حفیظی
مجید حفیظی

مطالب زیر را حتما بخوانید:

قوانین ارسال دیدگاه در سایت

چنانچه دیدگاهی توهین آمیز باشد و متوجه اشخاص مدیر، نویسندگان و سایر کاربران باشد تایید نخواهد شد.

چنانچه دیدگاه شما جنبه ی تبلیغاتی داشته باشد تایید نخواهد شد.

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

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

چنانچه دیدگاهی بی ارتباط با موضوع آموزش مطرح شود تایید نخواهد شد.

نظرات کاربران

پاسخی بگذارید

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

لینک کوتاه :