Tạo Clear Button - Đồ họa web

[R a b i D]

Điều đầu tiên muốn nói: tut kô mang tính quảng cáo !
--------
- tạo 1 file mới, nền #e0e0e0
- tạo layer mới đặt tên bg1
- nhấn U, chọn Rounded Rectangle Tool trên thanh thuộc tính của công cụ Shape và cho thông số radius với 10 px, vẽ 1 path (hình):
http://i145.photobucket.com/albums/r210/sadth/TUT/clearbutton1/cb-1.gif
- ctrl + enter và tô với mầu #bfed1e , bỏ chọn.
- chuột phải lên layer bg1 và chọn blending options... , các style cần thêm vào như sau:
+ DROP SHADOW (hình):
http://i145.photobucket.com/albums/r210/sadth/TUT/clearbutton1/cb-2.gif
+ STROKE (hình):
http://i145.photobucket.com/albums/r210/sadth/TUT/clearbutton1/cb-3.gif
- Load vùng chọn của cả layer bg1 (cách load vùng chọn của 1 layer có trong bài "Tạo Taskbar Crystal"
- tạo layer mới đặt tên bg2(và hãy chắc chắn là layer bg2 ở trên layer bg1)
- vào menu Select / Modify... / Contract... -» hiện ra 1 bảng thì điền vào 2 (px), được (hình):
http://i145.photobucket.com/albums/r210/sadth/TUT/clearbutton1/cb-4.gif
- Tô mầu bất kì và bỏ chọn
- Chuột phải lên layer bg2 và chọn Blending Options...
Thêm các style như sau:
+ Inner Glow (hình):
http://i145.photobucket.com/albums/r210/sadth/TUT/clearbutton1/cb-5.gif
+ Gradient Overlay (hình):
http://i145.photobucket.com/albums/r210/sadth/TUT/clearbutton1/cb-6.gif
- Đến đây được (hình):
http://i145.photobucket.com/albums/r210/sadth/TUT/clearbutton1/cb-7.gif

[tobe continue...]

[R a b i D]

- Tạo layer mới tên top (layer này để lên trên cùng nhé)
- Load vùng chọn của layer bg2
- vào menu Select / Modify... / Contract... -» hiện ra 1 bảng thì điền vào 1 (px)
- Bỏ đi 1 nửa vùng chọn bên dưới(chọn công cụ Rectangular Marquee Tool - phím tắt M và nhấn Alt sau đó kéo chuột để bớt vùng chọn) (hình):
http://i145.photobucket.com/albums/r210/sadth/TUT/clearbutton1/cb-8.gif
- Tô với mầu trắng (#FFFFFF), giảm Fill của layer top còn 35% (hình):
http://i145.photobucket.com/albums/r210/sadth/TUT/clearbutton1/cb-9.gif
- Bỏ chọn.
- chọn công cụ Single Column Marquee Tool (hình):
http://i145.photobucket.com/albums/r210/sadth/TUT/clearbutton1/cb-10.gif
- và tạo 2 vùng chọn như sau (hình):
http://i145.photobucket.com/albums/r210/sadth/TUT/clearbutton1/cb-11.gif
- Tạo layer mới với tên ver và cho nó lên đầu
- Tô với mầu #8e8e8e và bỏ chọn
- Tạo 2 vùng chọn tương tự sau và để feather (ctrl + alt +D) 15 px (hình):
http://i145.photobucket.com/albums/r210/sadth/TUT/clearbutton1/cb-12.gif
- Nhấn DELETE vài lần sao cho còn lại như sau là OK(hình):
http://i145.photobucket.com/albums/r210/sadth/TUT/clearbutton1/cb-13.gif
- Thêm text vào nữa ! Và đây là kết quả của R a b i D (rất dễ phải không ? :D ) (hình):
http://i145.photobucket.com/albums/r210/sadth/TUT/clearbutton1/cb-end.gif
----
© R a b i D - tin.no1.vn
----