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

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

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

 

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

در این مطلب قرار هست که به فایل های موکاپ (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  رو فشار بدید تا تغییرات ذخیره بشن . بسته به نوع افکت هایی که در موکاپ ایجاد شده کمی زمان میبره تا تغییرات براتون ذخیره ، بعد از اتمام ذخیره شدن میتونید برگردید به سند اصلی و محتوای جدیدی رو که خودتون جایگزین کردید رو مشاهد کنید

 

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

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

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

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

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

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

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

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

Nasr
Nasr
7 سال قبل

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

طاها
طاها
7 سال قبل

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

Javadagha
Javadagha
7 سال قبل

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

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

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

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

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

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

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

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

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

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

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

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

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

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

rana
rana
7 سال قبل

خیلی ممنون

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Alireza
Alireza
6 سال قبل

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

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

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

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

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

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

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

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

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

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

سارا
سارا
6 سال قبل

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

mjk
mjk
6 سال قبل

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

ALI
ALI
6 سال قبل

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

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

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

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

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

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

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

ممنونم ازشما

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

یوسف
یوسف
5 سال قبل

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

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

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

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

Farzad
Farzad
5 سال قبل

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

متین
متین
5 سال قبل

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

lordbrol
lordbrol
5 سال قبل

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

zahra
zahra
5 سال قبل

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

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

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

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

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

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

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

Fatemeh
Fatemeh
4 سال قبل

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

محسن
محسن
4 سال قبل

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

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

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

زهرا
زهرا
4 سال قبل

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

ساناز
ساناز
4 سال قبل

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

علی
علی
4 سال قبل

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

زهرا
زهرا
4 سال قبل

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

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

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

Mandana
Mandana
4 سال قبل

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

Frshth
Frshth
4 سال قبل

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

جیم
جیم
4 سال قبل

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

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

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

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

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

سارا
سارا
3 سال قبل

بسیار عالی