آيكن درخشان

[LaDy Ds DeMoNa]

در اين خودآموز طريقه ساخت آيکن درخشان را به شما نشان مي دهيم.


http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/Final.png
http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/1.pngشما چطور هميشه يک دکمه و يا يک آيکون براي استفاده از کارهاي گرافيکي طراحي مي کنيد؟ در اين خودآموز به شما آموزش مي دهيم که چطور دکمه اي زیبا و يا آيکون مورد نياز خود را ايجاد کنيد.
http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/2.pngبا يک پوشه به اندازه 500�500 Px با 72dpi شروع کنيد. با ابزار Ellipse دو دايره شبيه به چيزي که در تصوير داريم بکشيد. سپس از Layer Overlay استفاده کنيد. رنگ آنها را به ترتيب به همان مقدار که در تصوير نشان داده شده انتخاب کنيد. سپس دايره اي که بيرون است را Stroke تغيير نام دهيد و دايره اي که داخل است را به Icon-bg تغيير دهيد.


http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/Step1.png
http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/3.pngسپس روي لايه Stroke کليد Ctrl + Clik را فشار دهيد تا دايره بيروني انتخاب شود. آن را با رنگ سفيد h ffffff # پر کنيد. اين لايه را General Surface Glow بناميد. حال با ابزار Pen تصويري شبيه به عکسي که نشان داده شده بکشيد.


http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/Step2.png
http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/4.pngحال تصوير Pen را به صورت انتخاب در آوريد. براي انجام اين کار شما به قسمت Path برويد در پنجره Layer بر روي Load Path As Selection (آيکون سوم از سمت چپ در پايين) کلیک کنید، شبيه آنچه که در تصوير مي باشد.


http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/Step3.png
http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/5.pngMarquee Selection را فعال کنيد و لايه General Surface Glow را انتخاب کنيد. براي معکوس کردن قسمت انتخابي به قسمت Select → Inverse برويد و يا دکمه هاي Ctr+Shift+I را فشار دهيد. سپس دکمه Delete را فشار دهيد. حال از ابزار Circle Marquee استفاده کنيد. شبيه به تصويري که در زير است رسم کنيد.


http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/Step4.png
http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/6.pngبا انتخاب لايه General Surface Glow آنرا فعال کنيد. سپس به Select → Feather برويد و يا کليد Ctr+Alt+D را فشار دهيد تا پنجره Feather باز شود، اندازه آن را 30 px گذاشته و دوباره کليد Delete را فشار دهيد.


http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/Step5.png
http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/7.pngحال يک دايره ديگر در قسمت پايين همانطور که در تصوير نشان داده شده رسم کنيد.



http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/Step6.png
http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/8.pngبرخي چيزها با انتخاب فعال مي شوند و لايه General Surface Glow را انتخاب کنيد. سپس به قسمت Select → Feather برويد و يا کليدهاي Ctr+Alt+D را فشار دهيد تا پنجره Feather باز شود. سايز آنرا 30 px بگذاريد. و سه بار دکمه Delete را فشار دهيد. شما در حال حاضر چيزي شبيه به تصويري که در زير نشان داده شده خواهيد داشت.



http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/Step7.png
http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/9.pngبعد از اين، کليد Ctrl+Click مجدداً بر روي لايه Strok گرفته و دايره بيروني را انتخاب کنيد. آن را با رنگ سفيد h ffffff # پر کنيد. آن لايه را 'Upper Left Glow' بناميد. لايه انتخابي هنوز فعال است.به قسمت Select → Modify → Contract برويد. و سايز آن را 4px بگذاريد. بر عکس انتخاب کنيد. و لايه Upper Left را انتخاب کنيد، دکمه Delete را فشار دهيد.


http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/Step8.png
http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/10.pngبر روي لايه 'Upper Left Glow' دکمه هاي Ctrl+Click را فشار دهيد تا دايره اي که شما ساختيد به صورت انتخابي داشته باشيد. سپس با ابزار Marquee که به صورت انتخاب است. کشيده تا موقعيتي شبيه به تصوير داشته باشيم.



http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/Step9.png
http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/11.pngاز پنجره Feather خارج شويد. سايز 30 px= Feather گذاريد. انتخاب را بر عکس کنيد. با انتخاب لايه Upper Left Glow، کليد Delete را 2 بار فشار دهيد. شما چيزي شبيه به تصوير نشان داده شده خواهيد داشت.


http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/Step10.png
http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/12.pngسپس با استفاده از ابزار Ellipse يک بيضي سفيد رنگ بکشيد و در گوشه بالاي سمت چپ قرار دهيد. اسم لايه را Upper Conc Glow بگذاريد، و يک تصوير کوچکتر با رنگ سفيد در قسمت پايين سمت راست قرار دهيد. اسم آن را Boltom Conc Glow بگذاريد. Opacity لايه Boltom Conc Glow را بين 60 ـ50 بگذاريد.


http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/Step12.png
http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/13.pngCtrl+Click بزنيد تا دايره وسط بصورت انتخاب درآيد. سپس آن را با رنگ سفيد پر کنيد. h ffffff # . اين لايه را Circular Glow بناميد.


http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/Step13.png
http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/14.pngپنجره Contract را باز کرده و سايز آن را 4 Px گذاريد. لايه Circular Glow را انتخاب کرده و دکمه Delete را فشار دهيد.


http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/Step14.png
http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/15.pngمجدداً ابزار Pen را انتخاب کرده، از لبه هاي نوک تير در دايره پيروي کنيد و تصويري شبيه به تصوير زیر ايجاد نمائيد.


http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/Step16.png
http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/16.pngتصوير ابزار Pen را به انتخاب تبديل کنيد. اگر شما فراموش کرديد چطور اين کار انجام مي شود، تلاش کنيد از تصوير بالا استفاده کنيد.


http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/Step17.png
http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/17.pngسپس به قسمت انتخابی برگرديد، بوسيله Invert انتخاب کنيد، لايه Glow، Circula را انتخاب کرده و کليد Delete را فشار دهيد.


http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/Step18.png
http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/18.pngبر روي لايه Icon.bg کليد Ctrl+click را فشار دهيد تا دايره وسط بصورت انتخاب درآيد. پنجره Contract را باز کنيد، سايز آن را 15 px بگذاريد، سپس پنجره Feather را باز کنيد و آن را دوباره 30 px بگذاريد. اکنون Circular Glow را انتخاب کنيد و دکمه Delete را 2 يا 3 بار فشار دهيد و شما تصويري شبيه به تصویر زیر خواهيد داشت.


http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/Step20.png
http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/19.pngبا فشار دادن Ctrl+T مقداري موقعيت لايه Circular Glow را تنظيم کنيد.


http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/Step21.png
http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/20.pngحال يک لايه جديد در بين دو لايه General Surface Glow و Icon Bg ايجاد کنيد. آيکوني که طراحي کرديد را در وسط بگذاريد و شما بطور اساسي يک آيکون را انجام داديد.


http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/Step22.png
http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/21.pngتمام گروه مراحل بالا را در يک گروه قرار بده، آنها را Icon بگذار. 2 دايره به يک اندازه بر روي هم ايجاد کنيد. نام دايره بالا را Black گذاشته و رنگ آن را سياه کنيد. h 000000 # و دايره زير را Grey بناميد و رنگ آن را خاکستري کنيد. h 8e8f91 # . يک منطقه انتخابي ايجاد کنيد مانند تصوير زیر.


http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/Step23.png
http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/22.pngFeather قسمت انتخاب شده را 30 px گذاشته. لايه Black را انتخاب کنيد و 3 بار يا 4 بار Delete کنيد.


http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/Step24.png
http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/23.pngيک دايره بزرگ در پشت همه آنها ايجاد کنيد. آن را Border بناميد.


http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/Step25.png
http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/24.pngبر روي لايه Border، پنجره Layer Overlay را باز کنيد، به آن Gradient Overlay بدهيد با رنگهايي که در زیر نشان داده شده.


http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/Step26.png
http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/25.pngسرانجام، از گروه Icon يک کپي Duplicate گرفته و کل گروه را يکي Merge کنيد. براي لايه Icon، پنجره Layer Overly را باز کنيد، در Inner Shadow، گزينه ها را مانند آنچه در تصوير نشان داده شده تنظيم کنيد. و شما اين کار را انجام داديد.


http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/Menu1.png
http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/Menu2.png
نتيجه نهايي:



http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/Final.png
دانلود فايل Psd

[LaDy Ds DeMoNa]

كد:
http://www.imahd.com/email/Tutorials/Photoshop/Botton/Botton1/PerfectShineBottonOrIcon.zip