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

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

سه شنبه,۲آذر,۱۳۹۵ امیرحسین ۹۷ دیدگاه 60045 بازدید

 

عرض سلام دارم خدمت تمامی دوستان عزیز

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

 

 

دانلود ویدئو آموزش استفاده از فایل های موکاپ

  سایز:14mb
  زمان: ۷ دقیقه
  لینک دانلود

 

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

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

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

بخوانید :   مجموعه براش ایجاد تخریب و فروپاشی بر روی تصاویر

 

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

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

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

 

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

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

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

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

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

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

 

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

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

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

تصویر شاخص لایه در فتوشاپ

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

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

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

 

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

۴.۱/۵ - (۳۳ امتیاز)
امیرحسین
امیرحسین

امیرحسین شهسواری هستم مدیر سایت پیکسل بوی . دانشجوی رشته نرم افزار و فعال در زمینه طراحی وب و گرافیک . دوست دارم که تجربیاتم رو با شما دوستان به اشتراک بزارم ، هم چنین امیدوارم که مطالب پیکسل بوی براتون مفید باشه :)

نوشته های مرتبط

اشتراک در
اطلاع از

این سایت از اکیسمت برای کاهش جفنگ استفاده می‌کند. درباره چگونگی پردازش داده‌های دیدگاه خود بیشتر بدانید.

97 نظرات
قدیمی‌ترین
تازه‌ترین بیشترین رأی
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها
ناشناس
9 سال قبل

آقا تو فیلم یه گزینه ای بود که می زدید متن برداشته می شد … از من نداره هرر کاری می کنم هم نمیشه

Nasr
8 سال قبل

سلام .خیلی ممنون …..اما من میخوام پس زمینه هم تغییر کنه و بعد متن یالوگو رو روی تصویر جدید بذارم

طاها
8 سال قبل

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

Javadagha
8 سال قبل

مال من اصلا رمز رو قبول نمیکنه همش میگه اشتباهه .لطفا سریع راهنماییم کنید خیلی نیاز دارم.

آیدی تلگرامم.@single_mj

کشاورزی
8 سال قبل

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

محمد حسین شعبان
8 سال قبل

سلام
واسه من اون گوشه نمیاد اصلا
یعنی اون کاغذ تا خورده نمیاد

فرزاد
8 سال قبل

سلام داداش خواستم تشکر کنم از سایت خوبتون و اینکه یه مورد دیگه شما اموزش ساخت موکاب هم دارید ؟ چون این فقط میشه یه جورایی جایگزینی متن نحوه ساختشو میخاستم خواستم بدونم ویدئویی در این مورد record کردید ؟

حمیدرضا
8 سال قبل

سلام
من فوتوشاپ ۲۰۱۷ نصب کردم موکاپ و وارد فوتوشاپ کردم edit contents هم زدم اما قسمتی ک باید متن و ویرایش کنم رو علامت متن ک میزنم میگه no layers match the filter ، میشه راهنمایی کنید

حمیدرضا
8 سال قبل
پاسخ به  امیرحسین

سلام ، فرقی نکرد

مهرگان
8 سال قبل

سلام
ممنون از سایت خوبتون.
من در رابطه با استفاده از موکاپ لوگو با یه مشکل مواجه شدم و اونم اینکه وقتی روی smart object کلیک میکنم و گزینه edit content را میزنم اون سند جدید درست میشه ولی اون لایه adjust را نداره و فقط یه لایه عکس یا نوشته داره
ممنون میشم اگه راهنماییم کنید

rana
8 سال قبل

خیلی ممنون

رزرو هتل در مشهد
8 سال قبل

ممنون از شما خسته نباشید

مهدی عبداللهی
8 سال قبل

سلام خسته نباشید.به یک موکاپ اختصاصی برای پرده نیازمندیم

محمد علی اخلاقی
8 سال قبل

به صورت کلی موضوعات آموزشی سایت شما بیست است. دست ها تان سبز و رویاها تان آسمانی.

امیرحسین عزیزی
8 سال قبل

واقعا عالی تو ضیح میدی

میترا
8 سال قبل

خیلی عالی بود….ممنون

بنیامین موسوی
8 سال قبل

عالی بود ممنون از سایت شما

محمد
8 سال قبل

چگونه در فتوشاپ عکسی مانند ارم بارسلونا وارد کنم ؟و اینکه چجوری در پایان تبدیل به عکسش کنم؟

Alireza
8 سال قبل

چجوری میتونیم خودمون یه اسمارت آبجکت بسازیم؟

امید احمدی
8 سال قبل

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

روحان الدین
8 سال قبل

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

تلگرام من ۰۰۹۳۷۸۴۳۶۶۸۷۰
آدرس فیسبوک Rohan Aman Qaderi
آدرس اینستاگرام qaderi rohan
وایمسل آدرس من rohanuddin.qadari@gmail.com

محمد
7 سال قبل

سلام دمت گرم، عالی بود… م میدونستم موکاپ چیه ولی نحوه استفاده رو بلد نبودم

محمد
7 سال قبل

سلام داداش رو لینک دانلود کلیک میکنم میره تو قسمت پخش فیلم خرابه
لطفا لینک دانلود برام بفرست به جیمیلm.sarbani23123@gmail.com

سارا
7 سال قبل

سلام عالی بودین ممنون

mjk
7 سال قبل

سلام.
مطالب سایت عالی بودند. فقط اشتباهی که من کردم و نکن. در کنار سایت یک فروشگاه هم قرار بده که درآمد داشته باشی //

ALI
7 سال قبل

چطوری باید لینک رو کپی کنی

مجید رضایی
7 سال قبل

ممممممممنونننننننننننننننننننننننننننننننننننننننننننن
مرسیییییییییییییییییییییییییییییییییییییییییییییییییی

بهنام الماسی
7 سال قبل

آقای شهسواری عزیز سلام

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

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

ممنونم ازشما

دوستدارت بهنام الماسی

یوسف
7 سال قبل

ممنون از لطف شما دمت گرم

مسعود
7 سال قبل

سلام . وقت بخیر . ممنون از سایت عالی شما

این موکاپ که در مطلب گذاشتید بعنوان نمونه رو میشه بذارید برای دانلود ؟
خیلی زیباست

Farzad
7 سال قبل

عالی بود سپاس دوست عزیز

متین
7 سال قبل

با تشکر از اموزش عالی تون

lordbrol
6 سال قبل

خیلی حوصله داری واقعا که سوالارو جواب میدی

zahra
6 سال قبل

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

موسوی
6 سال قبل

شما بی نظیر هستید…. بی نظیر

حسین زاده
6 سال قبل

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

میلاد
6 سال قبل

سلام، دس خوش
تازه با سایت آشنا شدم ولی آموزش خوبی گذاشتی

Fatemeh
6 سال قبل

سلام من تغیراتی درون موکاب ایجاد کردم رو خود موکاب اعمال نمیشه. گزینه save خاموشه و فقط save as فعاله؟ چیکار باید انجام بدم تا درست شه؟

محسن
6 سال قبل

بسیار مفید بود ممنون

محمّدیحیی
6 سال قبل

سلام. ممنوووون 🙂

زهرا
6 سال قبل

سلام مهندس
عالی بود
مرسی

ساناز
6 سال قبل

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

علی
6 سال قبل

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

زهرا
6 سال قبل

سلام ممنون از سایت خوبتون و ازینکه اینقدر با جوصله جواب میدین. توی نظرات دیدم میخواین فروشگاه بزنین. یه خواهشی دارم ازتون اینه که قیمت محصولتون رو زیاد نگین. یه سری سایت ها قیمت فضایی میدن. خب ادم نمیخره میره دنبالش تا رایگان گیر بیاره. به نظر من خوبه که فروشگاه بزنین ولی گزینه فروش بیشتر سود کمتر رو هم ر نظر بگیرین.
ممنونم

مصطفی نصیری
6 سال قبل

ممنون از مطلب کامل و عالیتون

Mandana
5 سال قبل

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

Frshth
5 سال قبل

سلام برنامش باید حتمن روی سیستم باشه یا برای گوشی هم هست؟؟

جیم
5 سال قبل

سلام من میخوام یک کیت داخل موکاپ طراحی کنم لطفا بگید دقیقا باید چکاری انجام بدم. ممنون

علیرضا
5 سال قبل

سلام
من صبح وارد سایت شدم و از مطالب استفاده کردم ولی شب دوباره اومدم ولی متوجه شدم که بعد از چند ثانیه(حدوداً ۲ ثانیه) متن و فیلم غیب میشن و بجاش تبلیغات ظاهر میشن و من دیگه نمی تونم بهشون دسترسی داشته باشم

علیرضا ادهمی
5 سال قبل

میخام یه کیت فوتبالی (پیراهن )طراحی کنم ؟؟
با چه برنامه ای میتونم این کار را بکنم ؟؟

سارا
5 سال قبل

بسیار عالی