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

امروز در ابزاردونی با شما همراه هستیم برای آموزش استفاده از mockup و می‌خوایم که نحوه استفاده از یک موکاپ کارت ویزیت رو به شما آموزش بدیم. mockup یا پیش نمایش به فایلی لایه باز گفته می‌شود که بر پایه smart objects طراحی و ساخته ساخته شده است .

Smart Object ها همچنان که از نامشان پیداست، لایه های هوشمندی حاوی داده های تصویری از تصاویر پیکسلی یا برداری هستند، مانند فایل های فتوشاپ و ایلوستریتور.

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

چه کسانی از mockup استفاده می کنند؟

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

در این آموزش سعی داریم شما را با نحوه استفاده از یک mock up کارت ویزیت در محیط نرم افزار فتوشاپ آشنا کنیم، پس با ما همراه باشید …

برای شروع فایل mock up خود را در نرم افزار فتوشاپ ترجیحا ورژن CS5 یا CS6 باز کنید . در سمت راست نرم افزار داخل پالت Layers، لایه مربوط به smart object به همان صورتی که در تصویر زیر مشاهده می‌کنید با آیکونی خاص روی لایه مشخص شده است، معمولا طراحان mock up این لایه را با نام گذاری به صورت Change this برای mock up کارت ویزیت های یک رو و front  back برای کارت ویزیت های پشت و رو یا هر چیز مشابه مشخص می‌کنند … در هر صورت تشخیص لایه‌های هوشمند کار دشواری نیست.

روی لایه هوشمند FRONT دوبار کلیک کنید تا فایل لایه باز PSD یا PSB مربوط به mock up در تب جدید باز شود، این همان فایلی است که شما می‌توانید تغییرات مورد نظر خود را روی آن اعمال نمایید یا کارت ویزیت طراحی شده خود را جایگزین آن نمایید.

این لایه مربوط به طرف به اصطلاح رو کارت ویزیت هست، پس ما هم تصویر روِ کارت ویزیت خودمون را جایگزین می‌کنیم.

حالا این فایل رو save می‌کنیم و می‌بندیم تا به فایل اصلی mock up در تب اول برگردیم.

خب، مشاهده می‌کنید که تصویر رو کارت ویزیت ما جایگزین تصویر قبلی شده، حالا برای پشت کارت ویزیت هم همین مراحل رو تکرار می‌کنیم … تا اینکه mock up ، پشت و رو برای ما سفارشی بشه.
حالا به هر فرمتی که دوست دارید طرح رو save as کنید … این هم طرح نهایی :

موفق و موید باشید !