آموزش گرافیک


آموزش طراحی منوی کافی شاپ در فتوشاپ مشاهده در قالب PDF چاپ فرستادن به ایمیل
میانگین امتیار کاربران: / 42
ضعیفعالی 

آموزش طراحی منوی کافی شاپ در فتوشاپ


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


http://www.sxc.hu/browse.phtml?f=view&id=750088
http://www.sxc.hu/browse.phtml?f=view&id=935916
http://jen-ni.deviantart.com/art/Star-Brushes-40617529


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


گام اول:
قصد دارم یک پس زمینه جذاب برای صفحات یک و چهار ایجاد کنم و نام کافی شاپ و تصویر یک فنجان قهوه داغ را به آن اضافه کنم.
فتوشاپ را باز کنید و با استفاده از گزینه  File > New یک سند جدید ایجاد کنید.در همین ابتدا باید تصمیم گرفته باشید که برای چاپ از چه سایز کاغذی استفاده کنید.همانطور که گفتم من با اندازه استاندارد کاغذ نامه یعنی 8,5 x 11 inches کار می کنم.مقدار resolution هم در کارهای چاپی بسیار مهم است.حداقل resolution قابل استفاده  300 pixels/inch است.مد رنگی رنگی در کارهای چاپی باید CMYK انتخاب شود.


گام دوم:
از آنجایی که هدف از این طراحی چاپ آن است باید برای آن حاشیه  در نظر بگیریم.یعنی ناحیه طراحی باید کمی کوچکتر از اندازه کل سند باشد. برای این کار از Ruler (Command + R) استفاده کنید.در چهار سمت سند چهار خط اضافه کنید.این کار با کلیک کردن روی خط کش و drag کردن انجام می شود.سپس به پنجره Image > Canvas بروید و اندازه بوم را از سمت  بالا ، پایین ، چپ و راست  1/8 inch افزایش دهید.یعنی باید مقدار 0,25 inch را به طول و عرض و بوم اضافه کنید.یک حاشیه 1/8 inch به اطراف صفحات اضافه می شود.حال باید با یک خط عمودی بوم را به دو ستون تقسیم کنید.بعد از اضافه کردن خط مرکزی دو خط دیگر با فاصله 1/8 inches در دو سمت آن اضافه کنید.


گام سوم:
در این گام طراحی  را آغاز می کنیم.ابتدا باید یک لایه گرادیان به کار اضافه شود .به مسیر Layer > New Fill Layer > Gradient بروید.پنجره اول را OK  کنید و در پنجره بعدی رنگ های بنفش (C:80, M:100, Y:30, K:25) و مشکی (C:70, M:70, Y:70, and K:95) را به عنان رنگ های گرادیان انتخاب کنید.دقت کنید که این رنگ مشکی در کارهای چاپی نتیجه خیلی خوبی می دهد.اگر مایلید اطلاعات بیشتری در مورد چاپ رنگ مشکی داشته باشید به لینک http://www.blog.spoongraphics.co.uk/articles/the-ultimate-guide-to-designing-with-black مراجعه کنید. Angle یا زاویه گرادیان باید 90 تنظیم شده باشد.


گام چهارم:
برای افزودن افکت به پس زمینه ‚ لایه ای در بالای لایه گرادیان اضافه کنید . رنگ  foreground را مشکی  (C:80 M:70 Y:60 K:80)  و background  را سفید تنظیم  کرده و به مسیر Filter > Render > Clouds بروید. Blending Mode لایه ابرها را به  Overlay تغییر دهید.سپس به پنجره Filter > Blur > Motion Blur بروید و مقدار Angle را 90 و مقدار Distance را 999 px وارد کنید.برای کامل شدن این افکت با کلید (Command + L) به پنجره Levels رفته و مقادیر آن را طبق تصویر زیر تغییر دهید.


گام پنجم:
با ابزار Pen Tool شکلی شبیه به آنچه در تصویر زیر می بینید رسم کرده و آن را با رنگ ) (C:10, M:15, Y:0, and K:0 رنگ آمیزی کنید.برای سازمان دهی لایه ها فولدری با نام "Curves Right" و در درون آن فولدر دیگری با نام  canvas ایجاد کرده و لایه اخیر را درون آن قرار دهید.پس از رسم منحنی به مسیر Layer > Layer Mask > Hide All بروید و آن را با گرادیانی افقی به رنگ سیاه و سفید رنگ آمیزی کنید.با این کار سمت چپ منحنی کاملا محو می شود. Opacity این لایه را به 25% کاهش داده و Blending Mode آن را Color Dodge تنظیم کنید.


گام ششم:
لایه منحنی را به هر تعداد که فکر می کنید نیاز است تکثیر کنید. برای این کار می توانید از گزینه  Duplicate  استفاده کنید و یا کلید Alt را پایین نگه داشته و با  drag کردن لایه را تکثیر کنید.در نهایت تمام لایه های منحنی را انتخاب کرده و آن را duplicate کنید .سپس با گزینه Edit > Transform > Flip Horizontal آن را در جهت افقی آینه کرده و در سمت چپ صفحه قرار دهید.


گام هفتم:
یک لایه جدید بالای لایه های منحنی ایجاد کنید .با ابزار Ellipse Tool (U) یک دایره صورتی رنگ (C:5 M:55 Y:0 K:0) روی آن رسم کنید.برای آنکه شکل شما یک دایره متقارن باشد ‚ هنگام رسم کلید Shift را پایین نگه دارید.سپس به پنجره Filter > Blur > Gaussian Blur بروید و مقدار Radius را 50px وارد کنید. Blending Mode و Opacity لایه را طبق شکل زیر تنظیم کرده و آن را به جای مناسبی روی منحنی متقل کنید.مشابه گام قبلی این لایه را به تعداد لازم تکثیر کنید.


گام هشتم:
در این گام از قلم ستاره ای شکلی که در ابتدای آموزش دانلود کردید ‚ استفاده می کنیم.روی یک لایه جدید و با رنگ سفید (C:0, M:0, Y:0, and K:0 ) شروع به اضافه کردن ستاره هایی در جای جای صفحه کنید.سپس به پنجره Layer Style  رفته و Blend Mode لایه را به  Screen تغییر دهید.بقیه تنظیمات را طبق تصویر انجام دهید. رنگی که استفاده شده C:15, M:55, Y:0, K:0 است.


گام نهم:
در این گام نام یا لوگو کافی شاپ را به کار اضافه می کنیم.برای اینکه بتوانید نام  را در محل مناسبی  قرار دهید با ابزار خط کش صفحه را تقسیم بندی کنید.با ابزار Type Tool (T) نلم مورد نظرتان را به رنگ سفید تایپ کنید.من برای جذاب تر شدن کارم حرف O  را انتخاب و آن را به رنگ) (C:10, M:85, Y:0, K:0 درآورده ام.در نهایت به پنجره Layer Style  رفته و یک Gradient Overlay به متن اضافه کنید.رنگ خاکستری / سفید ‚ حالت Linear Burn ‚ وضوح 75% و زاویه 90 درجه را انتخاب کنید.


گام دهم:
در این مرحله می خواهیم به لایه متن افکت سایه اضافه کنیم.برای این منظور لایه را duplicate کرده و در زیر لایه جدید یک لایه خالی ایجاد کنید و لایه خالی را با لایه بالایی آن Merge  کنید.برای این کار از دکمه Command + E استفاده کنید.سپس به مسیر go to Edit > Transform > Flip Vertical بروید.متن عکس شده را درست در زیر متن اصلی قرار دهید.برای متن عکس شده یک Layer Mask > Hide all ایجاد کرده و گرادیانی با رنگ های سفید و سیاه روی آن اعمال کنید.


گام یازدهم:

در بالای لایه متن یک لایه جدید اضافه کنید و با قلم ستاره ای که در ابتدای آموزش دانلود کردید ‚ چند ستاره زیبا در اطراف متن اضافه کنید. Opacity این لایه را تا 85% کاهش دهید.


گام دوازدهم:

من قصد دارم کلمه “Coffee”  را در سمت راست و پایین نام کافی شاپ اضافه کنم.بعد از تایپ کلمه از طریق پنجره Layer Style یک Gradient Overlay با رنگ های (C:10, M:85, Y:0, K:0)  و ( C:15, M:55, Y:5, K:0) به آن بیفزایید. حال تمام لایه های متن را  Group کرده و تحت نام "Logo" ذخیره کنید.


گام سیزدهم:
در این گام می خواهیم از پنجره  Layer Comps استفاده کنیم تا دو نسخه متفاوت از طرح را در دو فایل جداگانه داشته باشیم.پنجره  Layer Comps  را از مسیر Windows > Layer Comps  باز کنید.فولدر "Logo" را در حالت انتخاب قرار داده و در پنجره  Layer Comps   روی ایکون New کلیک کنید.نام مناسبی مثل "Cover" وارد کرده و OK  کنید.حالا فولدر"Logo” را Hide  کنید و یک  Layer Comp دیگر با نام "Inner" ایجاد کنید.حالا می توانید روی هر کدام از Layer Comp ها دوبار کلیک کرده و با استفاده از گزینه visibility آن را قابل رویت یا پنهان کنید.


گام چهاردهم:
به مسیر File > Scripts > Layer Comps to files بروید.درپنجره ای که باز می شود مقدار File Type را برابر PSD قرار دهید.از طریق browse مسیری را که می خواهید فایل جدید در آن ذخیره شود تعیین کنید.نامی که برای فایل ها  منظور می شود یک  پیشوند دارد که می توانید آن را در قسمت prefix  تعیین کنید.اجازه دهید بقیه تنظیمات حالت پیش فرض داشته باشند.با فشردن دکمه Run فتوشاپ به صورت اتوماتیک به ازای هر Layer Comp یک فایل ایجاد می کند.نام فایل ها از پیشوند و نام Layer Comp تشکیل شده.


گام پانزدهم:
تصویری را که از فنجان قهوه دانلود کرده اید باز کنید.روی لایه "Background" آن دوبار کلیک کنید تا اجازه ویرایش داده شود.ابزار Pen Tool را در حالت Paths قرار داده و با دقت اطراف فنجان را بکشید.وقتی اطراف فنجان را کشیدید روی گزینه Exclude Overlapping Path در Options bar کلیک کنید و قسمت داخل دسته فنجان را از ناحیه انتخابی کسر کنید.سپس به مسیر Layer > Vector Mask > Current Path بروید.به این ترتیب تصویر فنجان از پس زمینه جدا می شود.


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


گام هفدهم:
در این مرحله بیشتر روی سایه فنجان کار می کنیم.یک لایه بین لایه فنجان و لایه سایه اضافه کنید. با ابزار Ellipse Too یک بیضی سیاه در آن رسم کنید.حالا به پنجره Filter > Blur > Gaussian Blur رفته و مقدار Radius را برابر 35 تنظیم کنید.


گام هجدهم:
در یک پس زمینه کاملا بنفش رنگ بهتر است رنگ فنجان هم کمی مایل به بنفش باشد.یک Adjustment Layer در بالای لایه فنجان اضافه کنید.مطمئن شوید که در پانل تنظیمات گزینه Clipping Mask option در حالت انتخاب قرار دارد.در قسمت Color رنگ C:40, M:80, Y:0, K:0) (را انتخاب کرده و  Density را برابر 25% تنظیم کنید.حال تمام لایه های مربوط به فنجان را Group  کرده و تحت نام "Coffee cup" ذخیره کنید.


گام نوزدهم:
در این گام مقداری بخار به فنجان قهوه اضافه می کنیم.تصویر بخار را باز کنید.در پنجره لایه ها روی لایه Background  دوبارکلیک کنید تا این لایه قابل ویرایش شود.دکمه Command + I را فشار دهید تا رنگ تصویر تغییر کند.سپس دکمه Command + U را فشار دهید. پنجره  Hue / Saturation adjustment باز می شود.مقدار Hue را به -92 تغییر دهید تا بخار ها کمی بنفش به نظر برسند.حال باید بخار را از پس زمینه جدا کنیم. به پنجره Window > Channels بروید و لایه Red  را duplicate کنید.دکمه های Command + A و سپس  Command + C را فشار دهید تا تصویر در clipboard قرار بگیرد.حالا لایه  duplicate شده را حذف کنید.در پنجره Channels روی لایه RGB کلیک کنید تا دوباره  رنگ های پیش فرض نشان داده شوند.
در پنجره layer لایه بخار را انتخاب کرده و به مسیر Layer > Layer Mask > Hide All بروید. در پنجره Layer کلید Alt را نگه داشته و روی ایکون ماسک کلیک کنید تا ماسک نشان داده شود.حالا تصویری که در clipboard دارید را در این لایه Paste  کنید.پس از اتمام کاربرای اینکه کل تصویر را ببینید کافی است در پنجره Layer  روی ایکون لایه کلیک کنید.


گام بیستم:
لایه بخار را با Drag کردن به سند اصلی وارد کنید. .روی لایه جدید ماسک ایجاد کرده و لایه ماسک را با گرادیانی به رنگ سیاه و سفید بپوشانید.با این کار ستون پایینی بخار در تصویر ناپدید می شود.لایه بخار را duplicate کرده و آن را بالای لایه اصلی قرار دهید.سپس به پنجره Filter > Blur > Gaussian Blur رفته و مقدار 35% را برای radius وارد کنید.این کار درخشش زیبایی به لایه بخار می دهد.


گام بیست و یکم:
برای آنکه فنجان توجه بیشتری را به خود جلب کند ‚ مقداری نور و ستاره در اطراف آن اضافه کنید.چگونگی این کار در گام های هفت و هشت شرح داده شد.تمام لایه های مربوط به فنجان قهوه را در فولدری با نام "Coffee" جمع کنید.


گام بیست و دوم:
تا اینجا دو گروه لایه مهم داریم. "Coffee" و "Logo".تصمیم داریم آنها را به عنوان فایل های جداگانه ذخیره کنیم.کار را با فولدر "Logo" شروع می کنیم. آن را duplicate کنید.برای این کار فولدر را گرفته و روی ایکن New Layer در پایین پنجره Drag کنید. "Logo copy" را انتخاب کرده و کلید Command + E را بفشارید.همین مراحل را برای "Coffee" هم تکرار کنید.


گام بیست و سوم:
"Logo copy” را انتخاب کرده و روی آن راست کلیک کنید.از منویی که ظاهر می شود گزینه Duplicate Layer را برگزینید.یک نام مناسب وارد کرده و از منوی کشویی  Destination مقدار New را انتخاب کنید.با این کار یک کپی از لوگو ایجاد می شود که ابعاد آن دقیقا برابر با نسخه اصلی است.با ابزار Crop Tool ناحیه اضافی اطراف را حذف کرده و فایل را تحت نام "Logo.psd" ذخیره کنید.این مراحل باید عینا برای "Coffee copy" تکرار شود.


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

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

 
<< شروع < قبلی 1 2 3 4 بعدی > انتها >>

صفحه 3 از 4

آخزین آثار ارسالی کاربران