در طراحی سایت ها ، اغلب از عناصر ناوبری سه بعدی استفاده می شود. چنین دکمه هایی را می توان در ویرایشگر گرافیک فتوشاپ ایجاد کرد ، با شبیه سازی میزان صدا با استفاده از سایه ها و شیب پر شدن
ضروری است
برنامه فتوشاپ
دستورالعمل ها
مرحله 1
با استفاده از گزینه New از منوی File یک سند جدید در یک ویرایشگر گرافیکی ایجاد کنید. اندازه سند جدید را متناسب با دکمه انتخاب کنید و پس زمینه را شفاف کنید.
گام 2
ابزار Rounded Rectangle را فعال کنید. اگر می خواهید یک دکمه کمی گرد داشته باشید ، در نوار Tool Options ، شعاع را روی یک میلی متر تنظیم کنید. با استفاده از ابزار انتخاب شده یک مستطیل گرد بکشید. شکل حاصل مبنای دکمه خواهد بود.
مرحله 3
روی لایه کلیک راست کرده و گزینه Rasterize Layer را انتخاب کنید. انتخاب را با انتخاب گزینه Load Selection از منوی Select بارگیری کنید.
مرحله 4
با استفاده از Gradient Tool دکمه را با یک شیب دو رنگ پر می کنید ، و ترکیب مناسبی از رنگ را از پیش تنظیمات موجود در پالت گرادیان انتخاب می کنید. سبک گرادیان باید خطی باشد ، با کلیک روی دکمه Linear Gradient در زیر منوی اصلی ، آن را انتخاب کنید. قسمت بالای دکمه پس از پر شدن باید سبک تر از قسمت پایین باشد.
مرحله 5
یک سبک به لایه اعمال کنید. برای این کار از گزینه Blending Options از منوی زمینه استفاده کنید. زبانه Drop Shadow را انتخاب کرده و برای پارامتر Angle مقدار صد بیست درجه وارد کنید. پارامتر Size را روی سه پیکسل تنظیم کنید.
مرحله 6
در زبانه Inner Shadow همان مقدار را برای پارامتر Angle و برای Size را پنج پیکسل قرار دهید. با فشار دادن کلید Enter سبک را اعمال کنید.
مرحله 7
برای دکمه سایه درست کنید. برای این کار ، روی دکمه ایجاد یک لایه جدید کلیک کنید و قسمت انتخاب شده لایه جدید را با رنگ سیاه پر کنید. ابزار Paint Bucket Tool را برای این کار انتخاب کنید. با Ctrl + D لغو انتخاب کنید.
مرحله 8
فیلتر Gaussian Blur را از گروه Blur از فهرست Filter به مستطیل سیاه اعمال کنید. شعاع را روی چهار پیکسل تنظیم کنید. لایه سایه را به زیر لایه دکمه بکشید و سایه را سه تا چهار پیکسل به سمت بالا بالا ببرید. برای این منظور ، Move Tool را فعال کرده و سایه را با دکمه های مکان نما حرکت دهید. میزان Opacity این لایه را به شصت درصد کاهش دهید.
مرحله 9
لایه فعال را با دکمه ایجاد کرده و انتخابی را از آن بارگذاری کنید. با استفاده از گزینه Contract از گروه Modify از منوی Selection ، انتخاب را با دو پیکسل کاهش دهید.
مرحله 10
یک لایه جدید ایجاد کنید و انتخاب حاصل را با یک شیب خطی از سفید به شفاف پر کنید تا قسمت سفید در پایین دکمه قرار گیرد. انتخاب را لغو انتخاب کنید. با استفاده از گزینه Free Transform از منوی Edit ، منطقه تحت پوشش گرادیان را به صورت عمودی کاهش دهید. تغییر شکل را با کلید Enter اعمال کنید.
مرحله 11
Blend Mode لایه گرادیان را به Overlay تغییر دهید. این کار را می توان با انتخاب یک حالت از لیست کشویی سمت چپ پالت Styles انجام داد. Opacity لایه را به شصت درصد کاهش دهید.
مرحله 12
با استفاده از ابزار Horizontal Type ، متنی را که باید روی دکمه باشد بنویسید.
مرحله 13
تمام لایه ها را با استفاده از گزینه Group Layers از منوی Layer در یک پوشه جمع کرده و در حالی که کلید Ctrl را نگه دارید ، آنها را انتخاب کنید. با استفاده از گزینه Save از منوی File دکمه را در یک فایل psd ذخیره کنید.
