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

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

موکاپ چیست و موکاپ چه کاربردی داره ؟

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

 

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

موکاپ چه تاثیری داره ؟

فایل های موکاپ(mockup) توی نرم افزار فتوشاپ به صورت  PSD  ساخته میشن و همونطور که گفتیم طراحا از موکاپ ها به عنوان یک پیش نمایش استفاده میکنن

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

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

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

 

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

چطوری با موکاپ رضایت مشتری جلب کنم ؟

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

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

 

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

موکاپ و رابط کاربری

موکاپ علاوه به صرفه جویی توی زمان به خیلی سوالات دیگه هم جواب میده :

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

مثلا درگیری رنگ ها ، تو رفتگی های ریز ، جایگاه فونت ، قسمت های خوانا تر و …

 

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

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

میتونید حتی طرح های رقیب هاتو توی یک موکاپ قرار بدی و ازش ایده بگیری یا جزئیات کار ببینی

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

از اول تا آخرش ، و براحتی میتونه بهت کمک کنه . مثلا همون اول کار مشکلات طرحتو نشون بده تا ببینی و بشینی حلش کنی

 

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

 

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

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

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

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

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

یک مثال میزنیم براتون :

 

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

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

۱.فایل موکاپ:

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

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

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

۲ اسمارت آبجکت

طبق توضیحات که دادیم باید دنبال لایه اسمارت آبجکتش باشی

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

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

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

 

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

3.جایگزین کردن :

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

 

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

چطوری محتویات اسمارت آبجکت رو تغییر بدم ؟

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

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

 

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

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

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

 

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

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

 

آموزش های مشابه موکاپ و آموزشهای گرافیکی :

برای مشاهده آموزش های مشابه به بخش آموزش های گرافیک مراجعه کن

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


مشاوره طراحی و چاپ پیکس دانلود 09158525685

نظرات

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

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

    1 از 2 کاربر این نظر را مفید دانستند.

    کمک به کاربران دیگر برای پیدا کردن نظرات مفید

    این نظر مفید بود ؟ بله خیر

  • نظر / امتیاز خودتون ارسال کنید

    سفارش طراحی و چاپ