:: آموزش ساخت دكمه برا سايت ::

MohammadGh

Well-Known Member
سلام به دوستان مجيدآنلاين

شما با اين آموزش مي تونيد دكمه هايي برا سايت / وبلاگ خودتون طراجي كنيد . دكمه دانلود و .....

..........

مرحله ۱ :
یک سند جدید با اندازه ۵۰۰*۳۰۰ px ایجاد کنید .
مرحله ۲ :
ابزار Rounded Rectangle Tool را انتخاب کرده و مقدار Radis آنرا ۳۰ تعیین کنید . با استفاده از کد رنگی d61d23 یک شیپ همانند تصویر زیر بکشید .

7b7vtm8nqanm1jmdd7.png

مرحله ۲ :
روی لایه ۲ بار کلیک کرده تا پنجره Layer Style باز شود .
تنظیمات را همانند تصویر زیر تکمیل کنید .
Inner Shadow
Gradient Overlay

jcsmk4wl36wfipvc102u.png

bmxgb83pk8yvzshogvix.png

مرحله ۳ :
با استفاده از کلیدهای Ctrl + J یک کپی از لایه میگیریم . از منوی Edit > Transform > Flip Vertical را انتخاب میکنیم و لایه را به زیر لایه اولی میکشیم .

ggk4s8l8orq0rt0yq02.png

مرحله ۴ :
به پایین پالت لایه ها رفته و بر روی آیکن Add Layer Mask کلیک میکنیم . ابزار Gradient را انتخاب کرده و همانند تصویر زیر بر رو لایه میکشیم .

o1lgf13iyk74c1et1ry.png

مرحله ۵ :
با استفاده از ابزار Rounded Rectangle Tool یک شیپ با رنگ سفید با مقدار Radius : 80 بر روی شیپ اولی میکشیم .
ijfsfrxwtdmc08vk27q.png

مرحله ۶ :
مرحله ۴ را بر روی این شیپ پیاده کنید و مد لایه را بر روی Overlay قرار دهید . همانند تصویر زیر .

o92ijc3lryzf2t3r5twr.png

مرحله ۷ :
با استفاده از ابزار Ellipse Tool و انتخاب رنگ سفید و نگه داشتن کلیدهای Shift + Alt یک شیپ گرد در سمت چپ دکمه میکشیم .

ickvaesr1w8l20zg74cc.png

مرحله ۸ :
روی لایه ۲ بار کلیک کرده تا پنجره Layer Style باز شود .

تنظیمات را همانند تصویر زیر تکمیل کنید .
Inner Shadow
Inner Glow
Gradient Overlay
Stroke

yhotqppa2fiis3u610w4.png


rgwihy1zhbd3f8bv0r6.png


pvh8phfigxfzewgsji08.png


0t70qcmd787vv8n9muij.png

مرحله ۹ :
عکس کره زمین را وارد سند کرده و کمی کوچک میکنیم و در داخل شیپ گرد قرار میدهیم .

مرحله ۱۰ :
دستور Image > Adjustments > Desaturate را اجرا کرده و مد لایه را بر روی Overlay قرار میدهیم .

i9yl8kdwkcd039o8whbi.png

مرحله ۱۱ :
ابزار Sharpen Toolرا انتخاب کرده و با تنظیمات زیر براش را بر روی تصویر کره زمین میکشیم .

(Brush: 100 px, Mode: Normal, Strength: 40%)
beubps6hudt8xx3qp2.png

مرحله ۱۲ :
در آخر ابزار Text را انتخاب کرده و Services را تایپ کنید . بر روی لایه ۲ بار کلیک کرده تا Layer Style نمایان شود . تنظیمات Drop Shadow را همانند تصویر زیر تکمیل کنید .

efpxl7clttli0rrimtch.png

نتیجه نهایی :

ma7ewj6hf57xtx5ftegb.png


منبع : پرشين تاتس


 

جدیدترین ارسال ها

بالا