ایجاد منوی زیبا و مدرن در فوتوشاپ

[آبجی]

آنچه در زیر میبینید، تصویری است که آن را به دفعات در تبلیغات انواع محصولات، نمایش منوی های کالاها و .. کاربرد دارد.


http://www.noorportal.net/Javan/Learn-IT/HTMLData/PS/417.jpg


اما ببینیم چگونه میتوانیم چنین تصاوئیری ایجاد نماییم.
مرحله 1- ابتدا سند جدید با اندازه 440 * 540 پیکسل ایجاد نمایید. رنگ پس زمینه آن را با #1b1b1b پرکنید.این کار را متیوانید با استفاده از منوی Edit>fill انجام دهید.


http://www.noorportal.net/Javan/Learn-IT/HTMLData/PS/418.jpg


مرحله 2- سپس تصمیم داریم تا پس زمینه تصویر را ایجاد نماییم. یک لایه جدید ایجاد نمایید. این کار را با استفاده از منوی Layer > New > Layer یا کلیدهای Ctrl + Shift + Alt + N انجام دهید.
ابزار انتخاب مستطیلی را با شعاع 5 پیکسل انتخاب نموده و یک محوطه 300*250 پیکسلی را انتخاب نمایید.


http://www.noorportal.net/Javan/Learn-IT/HTMLData/PS/419.jpg


اکنون باید این محوطه انتخاب شده را با رنگ تدریجی قرمز پرکنیم. ابزار رنگ تدریجی را در حالت دایره ای (شعاعی) انتخاب نمایید و طیف رنگ آن را به گونه ای تنظیم نمایید که از مرکز با رنگ #bc0303 آغاز و به رنگ #3f0000 ختم شود


http://www.noorportal.net/Javan/Learn-IT/HTMLData/PS/420.jpg

[آبجی]

مرحله 3- اکنون باید یک درخشش خارجی به منو اضافه کنیم. این کار را با استفاده از منوی Layer > Layer Styles > Outer Glow و اعمال تنظیمات زیر انجام میدهیم.


http://www.noorportal.net/Javan/Learn-IT/HTMLData/PS/421.jpg


تصویر کنونی باید شبیه به این شده باشد:


http://www.noorportal.net/Javan/Learn-IT/HTMLData/PS/422.jpg


مرحله 4- ابزار متن را انتخاب کرده و یک متن مناسب برای عنوان منو انتخاب نمایید.


http://www.noorportal.net/Javan/Learn-IT/HTMLData/PS/423.jpg


مرحله 5- لایه جدید ایجاد نمایید و بار دیگر با ابزار انتخاب، یک مستطیل با لبه های گرد انتخاب کنید. این محدوده باید 250*230 پیکسل باشد.


http://www.noorportal.net/Javan/Learn-IT/HTMLData/PS/424.jpg


محدوده انتخاب را با خاکستری تیره (#111111 ) پر کنید


http://www.noorportal.net/Javan/Learn-IT/HTMLData/PS/425.jpg

[آبجی]

مرحله 6-اکنون باید یک جلوه درخشان به لایه جدید اضافه کنیم. اکنون در لایه جدید، از طریق منوی Select > Modify > Contract و مقدار 10 پیکسل ، تصویر را به شکل در آورید:


http://www.noorportal.net/Javan/Learn-IT/HTMLData/PS/426.jpg


محدوده انتخابی را با ابزار رنگ تدریجی دایره ای از گوشه بالا و سمت چپ با رنگ مشکی به گوشه سمت راست و پایین با رنگ شفاف (بدون رنگ یا Transparent) بکشید.


http://www.noorportal.net/Javan/Learn-IT/HTMLData/PS/427.jpg


Opacity لایه را برابر 50% قرار دهی


http://www.noorportal.net/Javan/Learn-IT/HTMLData/PS/428.jpg


مرحله 7-اکنون برای پیوندهای متنی، ابزار متن را انتخاب کرده و متون مورد نظر خود را وارد نمایید. رنگ فونتی که ما در این جا استفاده کرده ایم #5a5a5a است.


http://www.noorportal.net/Javan/Learn-IT/HTMLData/PS/429.jpg


مرحله 8-در این مرحله باید پیوندها را تفکیک کنیم. با استفاده از ابزار انتخاب مستطیلی و انتخاب کردن محدوده 1*210 پیکسلی بین هر دو خط و پرکردن این محدوده با رنگ #1e1e1e به تصویر زیر میرسیم.


http://www.noorportal.net/Javan/Learn-IT/HTMLData/PS/430.jpg


مرحله 9-آخرین مرحله، افزودن رنگ پس زمینه مناسب به یکی پیوندها به عنوان پیوند فعال میباشد. بنابراین یک لایه جدید در پشت لایه متن ایجاد کرده و یک محدوده 30*210 پیکسلی انتخاب میکنیم. سپس این محدوده را با رنگ #171717 پرمیکنیم.


http://www.noorportal.net/Javan/Learn-IT/HTMLData/PS/431.jpg