موکاپ (mockup) چیست؟ و چگونه می توان از موکاپ ها استفاده کرد؟

جشنواره فیلم رشد
ساخت تیزر جشنواره بین المللی فیلم رشد توسط تیم طراحی نمایه نگار
آذر ۷, ۱۳۹۶
آموزش 3dsmax
چرا نباید آموزش ۳d max ببینیم؟!
بهمن ۱۴, ۱۳۹۶
موضوع مقاله:  موکاپ (mockup) چیست؟ و چگونه می توان از ان استفاده کرد؟
مدت زمان تخمینی برای خواندن این مقاله:  15دقیقه
مخاطبین: کسانی که در طراحی دو بعدی فعالیت دارند.
فایل ویدئویی: دارد
فایل PDF: ندارد
در این مقاله شما با نحوه ساخت و استفاده از Smart object ها و همچنین ساخت فایل های موکاپ و کارایی های آنان در طراحی های دوبعدی آشنا خواهید شد.

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

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

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

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

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

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

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

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

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

۱٫ابتدا فایل موکاپ که دارای پسوند PSD  یا Tiff هستش رو وارد فتوشاپ کنید.

آموزش استفاده از موکاپ

۲٫سپس طبق توضیحات که دادیم باید به دنبال لایه اسمارت آبجکتش بگردیم ، چطور تشخیض بدیم که لایه اسمارت کدومه ؟ خوب خیلی راحته لایه های اسمارت آبجکت با لایه های معمولی یکمی فرق دارن ، کوشه پایین این لایه ها یه آیکن به شکل ” کاغذ تا خورده ”  قرار گرفته ، اگر همچین آیکنی رو مشاهده کردید بدونید که این لایه یک لایه اسمارت آبجکت هستش

آموزش نحوه استفاده از موکاپ

معمولا طراحای گرافیک  بر روی لایه اسمارت آبجکت موکاپ یک متنی راهنما مثل ” Add logo here ” یا ” Place Logo here ” و… قرار میده تا متوجه بشیم که مدوم لایه رو باید محتویاتش رو تغییر بدیم

۳٫بعد از شناسایی لایه اسمارت آبجکت باید به محتویات اسمارت آبجکت دسترسی پیدا کنیم تا بتوینم محتویات خودمون رو جایگزین کنیم

نحوه تغییر محتویات اسمارت آبجکت

  1. روش اول ، روی لایه اسمارت آبجکت مورد نظر کلیک راست کرده و از بین گزینه ها گزینه Edit Contents را انتخاب کنید
  2. بر روی تصویر شاخص یا همان Thumbnail دو بار کلیک کنید (ناحیه قرمز)

آموزش نحوه استفاده از موکاپ

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

نحوه استفاده از موکاپ

اما این پایان کار نیست بر روی هر سندی که تغییرات اعمال میشه باید حتما اون سند ذخیره بشه  پس باید از منوی Edit  گزینه Save  رو انتخاب کنید و یا دکمه Ctrl + S  رو فشار بدید تا تغییرات ذخیره بشن . بسته به نوع افکت هایی که در موکاپ ایجاد شده کمی زمان میبره تا تغییرات براتون ذخیره ، بعد از اتمام ذخیره شدن میتونید برگردید به سند اصلی و محتوای جدیدی رو که خودتون جایگزین کردید رو مشاهد کنید.

دانلود فایل - ویدئوی آموزشی نحوه استفاده از موکاپ در فتوشاپ
دانلود ویدئوی آموزشی
پسورد فایل فشرده: ندارد
دانلود فایل - فایل های آماده موکاپ برای فتوشاپ
دانلود فایل های آماده
دانلود فایل آماده موکاپ

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

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

*

code