۱۳۸۹ مرداد ۹, شنبه

آموزش دکمه های جهانی برای وب سایت شما در فتوشاپ


سند جدیدی به اندازه 500×300 با ارنگ سفید ایجاد کنید وابزار Rounded Rectangle Tool را انتخاب کنید و Radius: 30 px را انتخاب کنید وشکل زیر را طراحی کنید و رنگ آن را به #d61d23 تغییر بدین
سپس بر روی آن دوبار کلیک کنید و تنظیمات زیر را انجام دهید














کلیدهای Ctrl +j را برای تکثیر شدن بزنید و به قسمت Edit > Transform > Flip Vertical رفته و مثل تصویر زیر عمل کنید

برای انعکاس بیشتر میتوانید از حالت Quick Mask Mode استفاده کنید

سپس به حالت Standard Mode برگشته و مثل تصویر زیر قسمت هایی از دکمه تکثیر شده را پاک کنید

کلید های Ctrl +D را بزنید و ابزار Rounded Rectangle Tool را انتخاب کنید و Radius: 80 px را تغییر بدن و مثل تصویر زیر عمل کنید

به قسمت Layer > Rasterize > Shape رفته و حالت Quick Mask Mode را انتخاب کنید و گرادیانت را بکشید

سپس به حالت Standard Mode برگشته و مثل تصویر زیر قسمت های انتخاب شده را پاک کنید

کلید های Ctrl +D را بزنید و مد این لایه را به Overly تغییر بدین

ابزار Ellipse Tool را انتخاب کنید و مثل تصویر زیر دایره ای به رنگ سفید ایجاد کنید

سپس بر روی آن دوبار کلیک کنید و تنظیمات زیر را انجام دهید





سپس تصویر زیر را دانلود کنید و آن را در جای مناسب قرار دهید


به قسمت Image > Adjustments > Desaturate رفته و مد این لایه را به Overlay تغییر بدین

ابزار Sharpen Tool را انتخاب کنید و با استفاده از این ابزار تصویر کره را شارپ کنید
Brush: 100 px, Mode: Normal, Strength: 40%

ابزار Horizontal Type Tool را انتخاب کنید و متن خود را تایپ کنید اگر متن شما با فونت Segoe UI باشد خیلی بهتر میشه در صورتی که این فونت را ندارید از فونت Arial-Black استفاده کنید

سپس دوبار بر روی آن کلیک کنید و تنظیمات زیر را انجام دهید

اینهم تصویر شما

شما میتونید با عوض کردن رنگ ها دکمه های زیر را بسازید

فونت Segoe UI را هم براتون میگذارمش _________
با کلیک روی دکمه جستجو به پورتال فروشگاهی وارد شده و از صدها هزار کالای موجود در این فروشگاه دیدن فرمایید