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

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

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

برای این آموزش ما از موکاپ لیوان کاغذی استفاده میکنم که از لینک زیر می‌توانید دانلود کنید:

http://www.imograph.com/product-page.php?id=13728

در این موکاپ یک لیوان کاغذی وجود دارد که شما می‌توانید طرح مورد نظر خود را روی آن نشان دهید. به عنوان مثال شما لوگویی را برای یک کافه طراحی نموده‌اید که با این موکاپ می‌توانید لوگو یا نوشته را برای نوشیدنی‌های بیرون بر این کافه نمایش دهید.

موکاپ

ابتدا فایل را باز کنید. (موکاپ‌ها بیشتر در فتوشاپ درست شده‌اند)
در این موکاپ در قسمت لایه‌ها دو گروه وجود دارد: Coffee-cup و Background، گروه Coffee-cup را باز کنید و روی لایه‌ی Your design که یک Smart Object است دوبار کلیک کنید تا فعال شود، در اینجا یک پنجره‌ی جدید باز می‌شود که محل قرار گیری طرح روی لیوان است.

موکاپ

حالا طرحی که از قبل آماده کرده‌اید را در فتوشاپ باز کنید. توجه کنید که طرحی که می‌خواهید روی آن کار کنید نباید پس‌زمینه داشته باشد پس آن را با فرمت PNG ذخیره کنید. با استفاده از Drag and Drop طرح را به پنجره‌ی Smart Object وارد کنید.

موکاپ

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

موکاپ
سینا کشاورز
نویسنده:سینا کشاورزطراح و گرافیست ایموگراف

نظرات کاربران

نام:
ایمیل:
متن نظر:
  • چگونه یک پرتره به سبک pop-art درست کنیم!
    آموزشچگونه یک پرتره به سبک pop-art درست کنیم!

    در این آموزش یاد می‌گیریم که چگونه یک پرتره در سبک pop-art، با استفاده از ابزارهای ساده‌ی ایلوستریتور درست کنیم! شما می‌توانید از عکس خود یا هر عکس دیگری برای انجام این پروژه استفاده کنید، این آموزش یک شروع خوب برای ایجاد پرتره بدون نیاز به کشیدن آن از ابتدا است. اگر شما به این کار علاقه دارید پس بهتر است آن را با هم شروع کنیم.

    مرحله‌ی اول

    در مرحله‌ی اول ابتدا یک فایل جدید درست کنید. من با یک فایل در ابعاد ۲۰۰۰x۲۰۰۰ شروع می‌کنم، مزیت ساختن یک فایل بزرگ در این است که اگر بخواهید فایل نهایی را کوچک کنید جزئیات را از دست نمی‌دهید. دقت کنید که مد رنگی فایل در حالت RGB باشد.

    pop-artآموزش ایلوستریتور

    مرحله‌ی دوم

    عکسی که می‌خواهید روی آن کار کنید را وارد کنید و شفافیت آن را روی ۸۰٪‌ قرار داده و آن را قفل کنید.
    یک لایه‌ی جدید درست کنید، اسم لایه‌ی قبلی را photo/picture و اسم لایه‌ی جدید را outline بگذارید.

    pop-artآموزش ایلوستریتور pop-artآموزش ایلوستریتور

    مرحله‌ی سوم

    ابزار Pen را انتخاب کنید و شروع کنید به کشیدن خط‌های اصلی تصویر، خط‌ها را به هم وصل نکنید تا شبیه به طراحی دستی شود.
    برای ایجاد خط‌های منحنی با استفاده از ابزار Pen بعد از گذاشتن anchor point آن را نگه دارید و بکشید تا منحنی دلخواه‌تان را درست کنید.

    pop-artآموزش ایلوستریتور

    مرحله‌ی چهارم

    برای آنکه طرح شکل بهتری بگیرد، ضخامت خط و حالت آن را عوض کنید. دقت کنید که باتوجه به طرح، کدام خط‌ها باید ضخیم‌تر و کدام خط‌ها نازک باشند.
    در این تصویر ضخامت خط‌ها بین ۵ تا ۱۰ pt تغییر کرده‌اند.

    pop-artآموزش ایلوستریتور

    مرحله‌ی پنجم

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

    pop-artآموزش ایلوستریتور

    مرحله‌ی ششم

    در طراحی‌‌های pop-art پالت رنگی که استفاده می‌شود رنگهای محدودی دارد، ما برای این طرح از سه رنگ اصلی آبی، قرمز، زرد و ۲ رنگ ترکیبی برای پوست و سایه‌ها و یک رنگ ترکیبی اضافه برای سایه‌های مو استفاده می‌کنیم.
    با استفاده از عکس پایین می‌توانید کد رنگ‌های استفاده شده در این کار را استفاده کنید.

    pop-artآموزش ایلوستریتور

    مرحله‌ی هفتم

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

    pop-artآموزش ایلوستریتور

    مرحلی‌ هشتم

    اگر رنگ‌ها روی هم آمدند شما می‌توانید با استفاده از ابزار selection tool یا فشار دادن کلید A آن قسمت را انتخاب کنید. کلیک راست کرده و با استفاده از فرمان Arrange> Bring Forward/Send backward آن قسمت را به عقب یا جلوی شکل دیگر هدایت کنید.

    pop-artآموزش ایلوستریتور

    مرحله‌ی نهم

    بعد از اضافه کردن رنگ به طرح اولیه، اگر فکر می‌کنید بعضی از شکل‌ها در جای درستی قرار ندارند می‌توانید با استفاده از selection tool آنها را انتخاب کنید، تغییر دهید یا با استفاده از همان ابزار یک anchor point را انتخاب کنید و با استفاده از اهرم‌‎ها انحنای مناسبی به آن بدهید.

    pop-artآموزش ایلوستریتور

    مرحله‌ی دهم

    یک لایه‌ی جدید درست کنید، اسم آن را shadows بگذارید و آن را بالای لایه‌ی fill color قرار دهید. ابزار pencil را انتخاب کنید و شکل سایه‌ای که می‌خواهید را بکشید. همین کار را برای باقی سایه‌ها هم انجام دهید.
    نکته‌ای که در این مرحله می‌تواند به شما کمک کند این است که یک کپی از عکس اصلی را کنار طراحی خود داشته باشید تا محل سایه‌ها را بهتر انتخاب کنید.

    pop-artآموزش ایلوستریتور

    مرحله‌ی یازدهم

    در این مرحله شاید بعضی از سایه‌ها روی شکل های دیگر قرار بگیرند، برای این‌که آن‌ها را در جای درست قرار دهیم با استفاده از ابزار selection tool قسمت مورد نظر را انتخاب می‌کنیم و با استفاده از Ctrl/Command + x آن قسمت را کات می‌کنیم و به لایه‌ی مورد نظر می‌رویم و با استفاده از Ctrl/Command + f آن را دقیقا در محل قبلی و در لایه‌ی درست قرار می‌دهیم.

    pop-artآموزش ایلوستریتور

    مرحله‌ی دوازدهم

    برای درست کردن هایلایت‌ها با استفاده از ‌pencil قسمت های مورد نظر را بکشید. لایه‌ی هایلایت را قفل کنید و به لایه‌ی shadows برگردید. حالا قسمت‌هایی که سایه‌ی تیره تری می‌خواهید داشته باشند را بکشید و رنگ آنها را سیاه کنید.

    pop-artآموزش ایلوستریتور pop-artآموزش ایلوستریتور

    مرحله‌ی سیزدهم

    حالا دوباره برگردید به لایه‌ی outline و جزئیات بیشتری به مو اضافه کنید. اگر می‌خواهید جزئیات دیگر را نیز تغییر دهید الان بهترین زمان است.

    pop-artآموزش ایلوستریتور

    مرحله‌ی چهاردهم

    یک لایه‌ی جدید درست کنید و آن را زیر همه‌ی لایه‌ها قرار دهید. با استفاده از ابزار rectangle یک مربع در اندازه‌ی ۲۰۰۰x۲۰۰۰ درست کنید و رنگ آن را قرمز کنید.

    pop-artآموزش ایلوستریتور

    مرحله‌ی پانزده

    لایه‌ی پس زمینه را انتخاب کنید، به پنل gradient بروید و linear را انتخاب کنید. می‌بینید که رنگ آن به سیاه-سفید تغییر می‌کند. روی نوار رنگ، رنگ سفید را انتخاب کنید و آن را قرمز کنید.

    pop-artآموزش ایلوستریتور

    مرحله‌ی شانزدهم

    رنگ سایه را انتخاب کنید و آن را به رنگ قرمز تغییر دهید و در قسمت ولوم رنگ‌ها در همان پنل در قسمت R عدد ۲۱۰ را بزنید تا کمی تیره‌تر شود. حالا هنگامی که در پنل gradient هستید یک خط از پایین به بالا روی طرح خود بکشید تا رنگ از حالت افقی به حالت عمودی عوض شود.

    pop-artآموزش ایلوستریتور pop-artآموزش ایلوستریتور

    مرحله‌ی هفدهم

    در این مرحله قرار است اولین افکت تصویری را درست کنیم، با استفاده از ابزار selection tool پس زمینه را انتخاب کنید و effect > Pixelate > Color Halftone > Max radius 35 > ok را انجام دهید.

    pop-artآموزش ایلوستریتور

    مرحله‌ی هجدهم

    از لایه‌ی رنگ‌ها رنگ پوست را انتخاب کنید و effect > Pixelate > Color Halftone > Max radius 4 > ok را اجرا کنید.

    pop-artآموزش ایلوستریتور

    مرحله‌ی نوزدهم

    برای مرحله‌ی آخر سایه‌ها را بدون انتخاب کردن سایه‌های سیاه انتخاب کنید و effect > Pixelate > Color Halftone > Max radius 6 > ok انجام دهید.

    pop-artآموزش ایلوستریتور

    اگر مایل هستید می‌توانید برای اجزای دیگر نیز این افکت را انجام دهید.

    منبع:

    www.tutpad.com

    1 آبان 97تلگرامتوئیتر
  • 10 نکته برای طراحی کارت ویزیت متفاوت
    آموزش10 نکته برای طراحی کارت ویزیت متفاوت

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

    تفاوت بین RGB و CMYK

     تفاوت بین RGB و CMYK

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

    اهمیت وضوح تصویر

    پنج نکته برای طراحی‌های چاپی : وضوح تصویر

    وقتی برای فرمت‌های وب طراحی می‌کنید، وضوح تصویر در اولویت نیست، ولی وقتی برای یک کار چاپی طراحی انجام می‌دهید، اگر نمی‌خواهید که تصویر شما مات و بی‌کیفیت به نظر برسد وضوح تصویر را در اولویت کار خود قرار دهید.
    برای چاپ، مهم‌ترین نکته‌ای که باید رعایت کنید مقدار DPI (dots per inch) است. همان طور که از نامش پیداست، میزان تراکم نقطه‌هایی است که چاپگر در هر مربع یک اینچی چاپ می‌کند.
    بالاترین مقداری که می‌توان برای این تراکم در نظر گرفت 300 DPI است، DPI بالاتری وجود ندارد. پس قبل از شروع کار این نکته را در نظر داشته باشید.
    توجه داشته باشد که یک میزان تراکم دیگر به اسم PPI (pixels per inch) نیز وجود دارد که برای طراحی‌های فضای دیجیتال به کار می‌رود؛ پس اگر برای یک کار چاپی طراحی می‌کنید، DPI به کار شما می‌آید.

    اهمیت ابعاد کار

    پنج نکته برای طراحی‌های چاپی : ابعاد کار

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

    خطای برش

    پنج نکته برای طراحی‌های چاپی : خطای برش

    دستگاه‌های برش معمولا خیلی دقیق برش نمی‌زنند. طراحان برای اجتناب از این خطا یک فضای کوچک (معمولا 3 میلی‌متر) در اطراف طراحی در نظر می‌گیرند که در اصطلاح به آن Bleed می‌گویند.

    اهمیت اصلاح کار

    پنج نکته برای طراحی‌های چاپی : اصلاح کار کار

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

    منبع:

    www.creativebloq.com

    20 آبانتلگرامتوئیتر
  • بهترین لپ‌تاپ‌ها برای کار با Photoshop در 2017
    آموزشبهترین لپ‌تاپ‌ها برای کار با Photoshop در 2017

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



    HP ZBook Studio G4 DreamColor

    بهترین لپ‌تاپ طراحی در 2017

    قدرت بالای پردازنده و قابل حمل بودن – بهترین انتخاب برای فتوشاپ
    پردازنده: Intel Xeon CPU
    گرافیک: NVIDIA Quadro M1200
    صفحه نمایش: 15.6-inch 3840x2160
    حافظه داخلی: 512GB SSD
    حافظه رم: 32GB
    پورت‌ها: USB-C x2, HDMI x1, USB 3.0 x1
    ابعاد: 375x255x18 میلی‌متر
    وزن: 2.09 کیلوگرم
    قیمت: 1.882 دلار در وبسایت آمازون

    www.amazon.com

    این مدل شاید ارزان نباشد، ولی امکاناتی که در اختیار شما میگذارد، فوق‌العاده است؛ صفحه نماش 15.6 اینچی 4K DreamColor که می‌توانید به راحتی آن را کالیبره کنید، پردازنده‌ی اینتل Xeon، رم 32GB، حافظه داخلی 512GB SSD و پردازنده‌ی گرافیکی NVIDIA Quadro M1200. همه‌ی اینها در کنار هم توانایی بسیار زیادی را در اختیار شما قرار می‌دهد تا به راحتی طراحی‌های خود را انجام دهید. باید توجه کرد که اسپیکر‌های این لپ‌تاپ ساخت شرکت Bang&Olufsen است که همه‌ی این موارد در یک لپ‌تاپ 2 کیلویی با ضخامت 18 میلی‌متر قرار دارند تا شما به راحتی بتوانید آن را با خود حمل کنید.



    MacBook Pro with Touch Bar

     بهترین لپ‌تاپ طراحی در 2017

    یک تولید با کیفیت همراه نوار لمسی عالی
    پردازنده: Intel Core i7
    گرافیک: Radeon Pro 560 4GB VRAM
    صفحه نمایش: 15-inch 1920x1200
    حافظه داخلی: 512GB SSD
    حافظه رم: 16GB
    پورت‌ها: Tunderbolt 3,USB-C
    ابعاد: 349x240x15.5 میلی‌متر
    وزن: 1.95 کیلوگرم
    قیمت:12.399.000 تومان در وبسایت دیجی کالا

    www.digikala.com

    می‌توان گفت MacBook Pro با قابلیت نوار لمسی، نه تنها برای کار با فتوشاپ مناسب است، بلکه ابزاری است برای تمام نرم‌افزار‌های گرافیکی. مدل 15 اینچی با پردازنده 2.9GHz i7، 16 گیگ رم و 512 گیگابایت حافظه‌ی داخلی SSD بهترین گزینه از نظر ما می‌باشد.
    نوار لمسی-اگر چه به اندازه‌ی یک صفحه‌ی تمام لمسی قابلیت نداشته باشد- کارایی خوبی در فتوشاپ دارد، به عنوان مثال شما به راحتی با کشیدن انگشت خود بر روی این نوار می‌توانید رنگ‌ها را انتخاب کنید یا شفافیت تصویر را کم و زیاد کنید.



    Razer Blade 14

     بهترین لپ‌تاپ طراحی در 2017

    یک لپ‌تاپ گیمینگ برای افراد خلاق
    پردازنده: Intel Core i7
    گرافیک: NVIDIA GeForce 6GB VRAM
    صفحه نمایش: 14-inch UHD screen
    حافظه داخلی: 1TB SSD
    حافظه رم: 16GB
    پورت‌ها: USB-C x1, HDMI x1, USB 3.0 x4
    ابعاد: 345x235x17.9 میلی‌متر
    وزن: 1.95 کیلوگرم
    قیمت:1.684 دلار در سایت آمازون

    www.amazon.com

    Razer Blade شاید یک لپ‌تاپ گیمینگ باشد، اما با توجه به قابلیت‌هایی که دارد، می‌تواند به عنوان یک لپ‌تاپ برای افراد خلاق نیز مورد استفاده قرار بگیرد. با تمام ظرافتی که دارد، از قدرتی باور نکردنی برخوردار است؛ صفحه نمایش 4K لمسی، تا 1TB حافظه‌ی داخلی SSD، 16 گیگابایت رم، آخرین پردازنده‌ی Core i7 چهار هسته‌ای و گرافیک GeForce GTX 1060 این لپ‌تاپ را برای هر کار گرافیکی آماده می‌کند و البته قابلیت تنظیم نور رنگی پشت صفحه کلید این قابلیت را به شما می‌دهد که خلاقانه برای میانبرهای خود رنگ‌های مختلفی ایجاد کنید.



    Microsoft Surface Book

     بهترین لپ‌تاپ طراحی در 2017

    یک لپ‌تاپ پرقدرت با قابلیت استفاده به عنوان تبلت طراحی
    پردازنده: Intel Core i7
    گرافیک: NVIDIA GeForce
    صفحه نمایش: 13-inch 1920x1200
    حافظه داخلی: 512GB SSD
    حافظه رم: 16GB
    پورت‌ها: USB 3.0 x2, Mini DisplayPort x1
    ابعاد: 312x232x22.8 میلی‌متر
    وزن: 1.52 کیلوگرم
    قیمت: 12.699.000 تومان در سایت دیجی‌کالا

    www.digikala.com

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



    Dell Precision 7720

     بهترین لپ‌تاپ طراحی در 2017

    یک انتخاب مناسب با صفحه‌ی 17 اینچی
    پردازنده: Intel Core i7
    گرافیک: NVIDIA Quadro M1200
    صفحه نمایش: 17-inch 3840x2160
    حافظه داخلی: 512GB SSD
    حافظه رم: 16GB
    پورت‌ها: Thunderbolt3 x1, HDMI x1, USB 3.0 x4
    ابعاد: 417x281x28.5 میلی‌متر
    وزن: 3.4 کیلوگرم
    قیمت:4.288 دلار در سایت آمازون

    www.amazon.com

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



    منبع:

    www.creativebloq.com

    17 دیتلگرامتوئیتر