موکاپ چیست و چگونه از آن استفاده میشود
عرض سلام دارم خدمت تمامی دوستان عزیز
در این مطلب قرار هست که به فایل های موکاپ (Mockup ) بپردازیم و نحوه استفاده از این فایل ها رو یاد بگیریم ، علاوه بر این آموزش تصویری نحوه استفاده از فایل های موکاپ رو هم قرار دادم میتونید دانلود کنید و از این آموزش استفاده کنید ، پس همراه پیکسل بوی باشید تا بهتر با فایل های موکاپ (Mockup) آشنا بشید
دانلود ویدئو آموزش استفاده از فایل های موکاپ
سایز:14mb |
زمان: ۷ دقیقه |
لینک دانلود |
موکاپ (mockup) چیست؟
موکاپ(mockup) اصطلاحی است که طراحان وب و گرافیک برای فایل پیش نمایش استفاده میکنند ، mockup ها فایل های آماده گرافیکی هستند که در موضوعات مختلفی مثل لوگو ، کارت ویزیت ، پوستر ، قالب سایت و … استفاده میشود . فایل های موکاپ(mockup) در نرم افزار فتوشاپ به صورت PSD ایجاد میشود و همان طور که گفته شد طراحان از موکاپ ها به عنوان یک پیش نمایش برای آثار خود استفاده میکنند . فرض مثال طراح گرافیکی اثری مانند لوگو طراحی میکند و میخواهد نتیجه اثر خود به صورت یک طرح چاپ شده بر روی کاغذ مشاهده کند ، بهترین راه استفاده از یک موکاپ برای نمایش نتیجه نهایی است که به بهترین شکل صورت میگرد و میتواند نتیجه را به مشتری نشان دهد تا رضایت مشتری جلب کند
به طور کلی mockup این امکان را به طراح میدهد تا بتواند بهتر بر روی جزئیات طرح از جمله انتخاب رنگ ، سایز ، سبک نمایش و … تصمیم گیری کند
نحوه استفاده ازفایل های موکاپ(mockup) در نرم افزار فتوشاپ
خوب فهمیدیم که موکاپ ها چه فایل هایی هستند ، اما فایل های موکاپ رو چطوری میسازن؟ فایل های موکاپ همگی بر اساس اسمارت آبجکت ها ساخته میشن ، و موکاپی وجود نداره که از اسمارت آبجکت استفاده نکرده باشه ، اسمارت آبجکت ها یکی از قابلیت های کلیدی و پر کاربرد در فتوشاپ هستند که امکان ویرایش غیر مخرب بر روی تصاویر رو به ما میدن . اگر با اسمارت آبجکت ها آشنایی ندارید به این مطلب در سایت پیکسل بوی حتما سر بزنید تا با این قابلیت مهم آشنا بشید
اما بریم سراغ نحوه استفاده از فایل های mockup ، همون طور که گفته شد تمامی این فایل ها دارای اسمارت آبجکت هستند ، و محتوای موکاپ ها داخل اسمارت آبجکت ها قرار گرفتن ، برای استفاده از فایل های موکاپ(mockup) باید محتویات اسمارت آبجکت موجود در سند اصلی رو تغییر بدیم تا محتویات جدید جایگزین محتویات فعلی بشن . در این مثال همه چیز مشخصه
۱.ابتدا فایل موکاپ که دارای پسوند PSD یا Tiff هستش وارد فتوشاپ کنید
۲.سپس طبق توضیحات که دادیم باید به دنبال لایه اسمارت آبجکتش بگردیم ، چطور تشخیض بدیم که لایه اسمارت کدومه ؟ خوب خیلی راحته لایه های اسمارت آبجکت با لایه های معمولی یکمی فرق دارن ، کوشه پایین این لایه ها یه آیکن به شکل ” کاغذ تا خورده ” قرار گرفته ، اگر همچین آیکنی رو مشاهده کردید بدونید که این لایه یک لایه اسمارت آبجکت هستش
معمولا طراحای گرافیک بر روی لایه اسمارت آبجکت موکاپ یک متنی راهنما مثل ” Add logo here ” یا ” Place Logo here ” و… قرار میده تا متوجه بشیم که مدوم لایه رو باید محتویاتش رو تغییر بدیم
۳.بعد از شناسایی لایه اسمارت آبجکت باید به محتویات اسمارت آبجکت دسترسی پیدا کنیم تا بتوینم محتویات خودمون رو جایگزین کنیم
نحوه تغییر محتویات اسمارت آبجکت
- روش اول ، روی لایه اسمارت آبجکت مورد نظر کلیک راست کرده و از بین گزینه ها گزینه Edit Contents را انتخاب کنید
- بر روی تصویر شاخص یا همان Thumbnail دو بار کلیک کنید (ناحیه قرمز)
بعد از انجام این کار مشاهده میکنید که یک سند جدید براتون باز میشه ، این سند در واقع محتویات اسمارت آبجکت هستش و به سند اصلی شما ارتباط داره ، محتویات این سند ممکنه عکس ، وکتور ، متن و… باشه ، محتویات فعلی رو باید حذف کنید و محتویات خودتون رو جایگزین کنید
اما این پایان کار نیست بر روی هر سندی که تغییرات اعمال میشه باید حتما اون سند ذخیره بشه پس باید از منوی Edit گزینه Save رو انتخاب کنید و یا دکمه Ctrl + S رو فشار بدید تا تغییرات ذخیره بشن . بسته به نوع افکت هایی که در موکاپ ایجاد شده کمی زمان میبره تا تغییرات براتون ذخیره ، بعد از اتمام ذخیره شدن میتونید برگردید به سند اصلی و محتوای جدیدی رو که خودتون جایگزین کردید رو مشاهد کنید
سپاس از همراهی شما عزیزان ، اگر مشکلی داشتید از بخش نظرات مشکلتون رو مطرح کنید
آقا تو فیلم یه گزینه ای بود که می زدید متن برداشته می شد … از من نداره هرر کاری می کنم هم نمیشه
برای حذف لایه متن باید یک لایه جدید ایجاد کنید با استفاده از Ctrl + Shift + N و بعدش رو لایه متن کلیک راست کنید و گزینه Delete Layer رو انتخاب کنید تا لایه متن حذف بشه یا این که میتونید لایه متن رو پنهان کنید
سلام .خیلی ممنون …..اما من میخوام پس زمینه هم تغییر کنه و بعد متن یالوگو رو روی تصویر جدید بذارم
سلام کافیه که لایه پس زمینه رو خذف کنید و تصویری که مد نظرتون هست رو جایگزین این لایه کنید تا پس زمینه تغییر کنه
سلام و عرض خسته نباشید
ببخشید من درموکاپ مشکل دارم
مثلا موکاپ اتشین شمارو میخواستم متن مث همون آتیش روش اجرا کنم ولی نتونستم ممنون میشم راه حل بهم بدین
سلام اگه درنحوه استفاده از موکاپ مشکل داری پیشنهاد میکنم که حتما ویدئو آموزشی مطلب رو تماشا کنی تا بهتر با فایل های موکاپ آشنا بشی
اما اگر مشکل دیگه ای هست بیشتر توضیح بدید
مال من اصلا رمز رو قبول نمیکنه همش میگه اشتباهه .لطفا سریع راهنماییم کنید خیلی نیاز دارم.
آیدی تلگرامم.@single_mj
سلام رمز مشکلی نداره احتمالا اشتباه وارد میکنید رمز رو
سلام و خسته نباشید
من موکاپ طلایی روی زمینه ی مشکی رو دانلود کردم رمز فایل رو درست زدم باز میکنه اما در فوتوشاپ پیام خطا میده و باز نمیکنه میشه بگید چراااااا؟؟؟؟؟
سلام ممنونم سلامت باشید
شما اول باید فایل رو از حالت فشرده به کمک نرم افزار winrar خارج کنید . فقط کافیه که روی فایل کلیک راست کنید و گزینه Extract Here رو انتخاب کنید تا از حالت فشرده خارج بشه و در نهایت از فایل PSD موجود استفاده کنید
موفق باشید
سلام
واسه من اون گوشه نمیاد اصلا
یعنی اون کاغذ تا خورده نمیاد
سلام
چنتا دلیل میتونه داشته باشه ، اول این که شاید فایلی که شما استفاده میکنید اصلا لایه اسمارت آبجکت نداشته باشه ، دوم این که احتمالا شما از نسخه های قدیمی فتوشاپ استفاده میکنید
پیشنهاد میکنم که از فتوشاپ نسخه CC استفاده کنید و با یکی از موکاپ هایی که داخل سایت قرار دادیم تست کنید
سلام داداش خواستم تشکر کنم از سایت خوبتون و اینکه یه مورد دیگه شما اموزش ساخت موکاب هم دارید ؟ چون این فقط میشه یه جورایی جایگزینی متن نحوه ساختشو میخاستم خواستم بدونم ویدئویی در این مورد record کردید ؟
سلام خواهش میکنم آقای فرزاد خان !
خیر تا به حال دوره ای با موضوع ” ساخت موکاپ ” تهیه نکردیم اما قرار که همچین دوره ای رو ضبط کنیم
سلام
من فوتوشاپ ۲۰۱۷ نصب کردم موکاپ و وارد فوتوشاپ کردم edit contents هم زدم اما قسمتی ک باید متن و ویرایش کنم رو علامت متن ک میزنم میگه no layers match the filter ، میشه راهنمایی کنید
سلام
درسته ممکنه همچین اتفاقاتی رخ بده همیشه ، بهتره که برای خودتون یک لایه متن جدید ایجاد کنید و محتوای قبلی رو پاک کنید تا با این مشکل مواجه نشید
سلام ، فرقی نکرد
تلگرام پیام بدید برسی کنم
ID داخل bio کانال تلگرام سایت موجوده
سلام
ممنون از سایت خوبتون.
من در رابطه با استفاده از موکاپ لوگو با یه مشکل مواجه شدم و اونم اینکه وقتی روی smart object کلیک میکنم و گزینه edit content را میزنم اون سند جدید درست میشه ولی اون لایه adjust را نداره و فقط یه لایه عکس یا نوشته داره
ممنون میشم اگه راهنماییم کنید
سلام من هم ممنونم از توجه شما دوست عزیز
در پاسخ به سوالتون باید بگم که فرقی نمیکنه که چه چیزی باشه در محتوای اسمارت آبجکت ، این محتوا میتونه شامل متن ، عکس و حتی adjustment باشه
مسئله مهمی نیست میتونید خودتون لایه adjustment رو به محتوای اسمارت آبجکت اضافه کنید
خیلی ممنون
ممنون از شما خسته نباشید
سلام خسته نباشید.به یک موکاپ اختصاصی برای پرده نیازمندیم
سلام
معمولا این طور موکاپ هارو میتونید از طریق مارکت های خارجی تهیه کنید
هم چنین از دوستانی که در زمینه تهیه فایل های لایه باز فعالیت میکنن میتونید خریداری کنید
به صورت کلی موضوعات آموزشی سایت شما بیست است. دست ها تان سبز و رویاها تان آسمانی.
سپاس فراوان از لطف شما دوست گرامی
شادو سلامت باشید
واقعا عالی تو ضیح میدی
خواهش میکنم خوشحالم که مفید واقع شده
خیلی عالی بود….ممنون
خواهش میکنم قابلی نداشت 🙂
عالی بود ممنون از سایت شما
چگونه در فتوشاپ عکسی مانند ارم بارسلونا وارد کنم ؟و اینکه چجوری در پایان تبدیل به عکسش کنم؟
سلام برای وارد کردن لوگو مورد نظر ابتدا باید تصویر رو به صورت PNG و شفاف(transparent) از اینترنت دانلود کنید و از طریق منوی File گزینه open تصویرتون رو وارد فتوشاپ کنید ، در نهایت هم برای خروجی گرفتن کافیه که دکنه های Ctrl + Shift + Alt + S رو فشار بدید و با فرمت JPEG تصویر رو ذخیره کنید
چجوری میتونیم خودمون یه اسمارت آبجکت بسازیم؟
سلام پیشنهاد میکنم که مطلب ” اسمارت آبجکت چیست و چه کاربردی در فتوشاپ دارد ” رو تماشا کنید چون بطور مفصل اسمارت آبجکت رو در این مطلب شرح دادیم
موفق باشید
با عرض سلام و خسته نباشید خدمت شما امیر حسین عزیزو تشکر بابت آموزشهای خوبتون.
خواستم بدونم که آیا هیچ روشی هست که من بتونم لوگویی که با استفاده از این موکاپ ساختمو لایه شو بردارم و بذارم روی طرح خودم.هر کاری میکنم نمیتونم انجامش بدم.اگه امکانش هست لطف کنین و راهنمایی بفرمایید
سلام و سپاس از حمایت و لطف شما ❤
بله این امکان وجود داره میتونید از طریق لایه هایی توی طرح اصلی ایجاد شده استفاده کنید ، البته این روش همیشه جواب نمیده چون ممکنه نور و رنگ و فضایی که اون لایه ها دارن با طرح شما سازگار نباشه با کمی تغییر امکان پذیره
به نظر من شما میتونید از موکاپ های دیگم استفاده کنید و حتما لزومی نداره که بیاین این کارو کنید
انشالله که موفق باشید
روحان الدین هستم دانشجویی دانشکده کمپیوترساینس لطفآ در صورت امکان آدر س فیسبوک تان را برام بفرستید یا آدرس اینستا کرام ویا هم تلکرام تون را میخواهم به شکل مستقیم با شما در ارتباط باشم منم علاقه خاص به دیزان وگرافیک دارم
تلگرام من ۰۰۹۳۷۸۴۳۶۶۸۷۰
آدرس فیسبوک Rohan Aman Qaderi
آدرس اینستاگرام qaderi rohan
وایمسل آدرس من rohanuddin.qadari@gmail.com
سلام میتونید از طریق تلگرام در ارتباط باشید
id بنده تو Bio کانال سایت پیکسل بوی درج شده
سلام دمت گرم، عالی بود… م میدونستم موکاپ چیه ولی نحوه استفاده رو بلد نبودم
سلام خواهش میکنم
بله فایل های موکاپ خیلی کاربردی هستن و کار با موکاپ ها راحته
شادو سلامت باشید
سلام داداش رو لینک دانلود کلیک میکنم میره تو قسمت پخش فیلم خرابه
لطفا لینک دانلود برام بفرست به جیمیلm.sarbani23123@gmail.com
سلام لینک دانلود مشکلی نداره و شما باید لینک رو در نرم افزار IDM و یا ADM کپی کنید تا شروع به دانلود کنه
یعنی از بخش اضافه کردن لینک (Add URL ) شما باید این کارو کنید
سلام عالی بودین ممنون
سلام.
مطالب سایت عالی بودند. فقط اشتباهی که من کردم و نکن. در کنار سایت یک فروشگاه هم قرار بده که درآمد داشته باشی //
سلام خیلی ممنونم از شما . بله درسته به نظر خودمم همینطوره و کم کم دارم برای ادامه کار بی انگیزه میشم ، اما قراره که بزودی فروشگاه پیکسل بوی رو راه اندازی کنم و یکسری دوره های آموزشی رو تهیه کنم
ممنونم از حمایت و همراهی شما
چطوری باید لینک رو کپی کنی
کدوم لینک منظورتون هست ؟!
ممممممممنونننننننننننننننننننننننننننننننننننننننننننن
مرسیییییییییییییییییییییییییییییییییییییییییییییییییی
آقای شهسواری عزیز سلام
باز هم یک آموزش کاربردی خوب ازتون یاد گرفتم.
ممنونم از این آموزش هاتون رو به صورت کوتاه و کاملا کاربردی مطرح می کنید.
ممنونم ازشما
دوستدارت بهنام الماسی
سلام و سپاس مجدد خدمت شما
باعث افتخاره که تونستم تو این مسیر شمارو راهنمایی کنم و خیلی ممنونم از مورد توجه و همراهی شما قرار گرفتیم
شادو سلامت باشی دوست من
ممنون از لطف شما دمت گرم
خواهش میکنم
سلامت باشید
سلام . وقت بخیر . ممنون از سایت عالی شما
این موکاپ که در مطلب گذاشتید بعنوان نمونه رو میشه بذارید برای دانلود ؟
خیلی زیباست
سلام و درود
یک موکاپ مشابه موکاپی که گفتید توی سایت هست میتونید از طریق لینک زیر دریافت کنید :
https://pixelboy.ir/920/3d-logo-mockup-c/
عالی بود سپاس دوست عزیز
با تشکر از اموزش عالی تون
خیلی حوصله داری واقعا که سوالارو جواب میدی
ممنونم درسته ولی بعضی از سوالات دیگه خیلی گلیشه ای هستن و اکثرا جوابشون تو گوگل هست 🙂
سلام.از موکاپ تو ایلستریتور میشه استفاده کرد؟چطور؟
سلام دقیقا اطلاعی ندارم ، اما فکر نکنم بشه چون موکاپ یک طرح واقعی هست و نمیشه اون رو به کمک وکتور بسازی . فتوشاپ و ایلوستریتور هر کدوم کاربرد خودشون رو دارن
شما بی نظیر هستید…. بی نظیر
ممنونم لطف دارید
سپاس از توجه و حمایت شما
سلام خسته نباشین ویدیو هاتون عالین.
من موکاپ تیشرت داشتم کار میکردم به یک مشکل برخوردم اونم اندازه اسمارت آبجکت تغییر نمیکنه یعنی وقتی یه طرح کوچیکتر میزنم روی تیشرت اندازه قبلی میمونه میشه راهنمایی کنید ممنون میشم.
سلام ممکنه مشکل از موکاپ باشه از یک موکاپ دیگه استفاده کن
سلام، دس خوش
تازه با سایت آشنا شدم ولی آموزش خوبی گذاشتی
سلام من تغیراتی درون موکاب ایجاد کردم رو خود موکاب اعمال نمیشه. گزینه save خاموشه و فقط save as فعاله؟ چیکار باید انجام بدم تا درست شه؟
سلام باید توی همون حالت اولیه لایه رو حفظ کنید و بیشتر از یک لایه ایجاد نکنید تا بدرستی ست بشه
بسیار مفید بود ممنون
سلام. ممنوووون 🙂
سلام مهندس
عالی بود
مرسی
سلام خسته نباشید
ممنون از راهنمایی هایی که در مورد موضوعات مختلف در سایت ها قرار دادید.
می خواستم سوال کنم موکاپی ک از یک کاور سی دی یا یک جعبه پیتزا یا … ویرایش کرده ایم آیا برای ارسال به یک چاپ خانه و چاپ محصول مورد نظر امکان پذیر است .
اگر امکان پذیر باشد با چه پسوندی سیو کنیم
سلام خیر موکاپ صرفا برای پیشنمایش یک طرح هست و جنبه چاپی نداره و نمیشه به عنوان فایل چاپی استفاده کرد . برای این موارد باید تمپلیت مورد استاندارد رو از چاپخانه درخواست کنید
آقای شهسواری باسلام
میشه بفرمائید ویدئوی آموزشیتون رو با چه نرم افزاری تهیه کردین؟
از این بابت که دور بعضی آیتمها رو با خط قرمز هایلایت می کنید یا بعضی قسمتها رو زوم می کنید. میشه بفرمائید از چه نرم افزاری جهت فیلم گرفتم از صفحه نمایشتون استفاده کردین؟
باتشکر از محبتتون
سلام به کمک نرم افزار Camtasia این آموزش ها ضبط شدن
سلام ممنون از سایت خوبتون و ازینکه اینقدر با جوصله جواب میدین. توی نظرات دیدم میخواین فروشگاه بزنین. یه خواهشی دارم ازتون اینه که قیمت محصولتون رو زیاد نگین. یه سری سایت ها قیمت فضایی میدن. خب ادم نمیخره میره دنبالش تا رایگان گیر بیاره. به نظر من خوبه که فروشگاه بزنین ولی گزینه فروش بیشتر سود کمتر رو هم ر نظر بگیرین.
ممنونم
سلام و سپاس از توجه شما . بله ممنون از پیشنهادتون اگر فروشگاه شروع به کار کنه سعی میکنیم قیمت هارو جوری بزاریم که همه بتونن محصولات رو تهیه کنن
سلامت و پایدار باشید
ممنون از مطلب کامل و عالیتون
لطف دارید . سلامت باشید
سلام
من میخاهم فتو شاپ رایاد بگیرم ایا امکان داره فایلی را برام ارسال کنید که گام به گام فتوشاپ را اموزش بده
سلام و درود . میتونید از طریق تلگرام با من در ارتباط باشید تا شمارو راهنمایی کنم . ID من در تلگرام ah_shahsavari
سلام برنامش باید حتمن روی سیستم باشه یا برای گوشی هم هست؟؟
سلام نیازمند فتوشاپ و سیستم هست این فایل
سلام من میخوام یک کیت داخل موکاپ طراحی کنم لطفا بگید دقیقا باید چکاری انجام بدم. ممنون
سلام از آموزش نحوه استفاده از موکاپ که قبلا توی سایت قرار دادیم استفاده کن
سلام
من صبح وارد سایت شدم و از مطالب استفاده کردم ولی شب دوباره اومدم ولی متوجه شدم که بعد از چند ثانیه(حدوداً ۲ ثانیه) متن و فیلم غیب میشن و بجاش تبلیغات ظاهر میشن و من دیگه نمی تونم بهشون دسترسی داشته باشم
سلام بله ممنونم از اطلاع رسانی شما دوست عزیز . مشکل حل شد
میخام یه کیت فوتبالی (پیراهن )طراحی کنم ؟؟
با چه برنامه ای میتونم این کار را بکنم ؟؟
باید با فتوشاپ این کارو انجام بدی . ابتدا کار با فایل های موکاپ رو تو فتوشاپ یاد بگیر و بعد از موکاپ های کیت فوتبالی که به صورت آماده توی سایت قرار گرفته استفاده کن
بسیار عالی