Tạo Button đẹp cho Web bằng Photoshop

Tạo một Layer mới với tên là "Button":

Trên layer Button vừa tạo, chọn công cụ Rounded rectangle Lựa chọn giá trị radius là 7px.

 

Vẽ một hình như dưới đây:

Right Click lên layer tên 'Button' và chọn Blending Option. Chọn các giá trị trong bảng Blending option như hướng dẫn dưới đây:

Drop Shadow

Inner Shadow

Bevel and Emboss

Gradiant Overlay

Button sau khi được điều chỉnh sẽ tương tự như sau:

Tạo một layer mới với tên là 'Glass'

Lựa chọn công cụ Retangular marquee, chọn layer "Button". Giữ phím "Ctrl" và click lên layer "Button" (Trong cửa số layer).  Lựa chọn layer "Glass", giữ phím "Alt" với công cụ Retangular marquee. Vẽ (Cắt) qua lớp dưới một phần nhỏ như hình dưới đây:

Đổ màu cho select vừa chọn với màu FFFFFF, (Sử dụng Paint Bucket Tool) 

Chọn giá trị Opacy cho layer Glass là 18%

Bạn sẽ có một nút bấm tương tự dưới đây:

Bước tiếp theo sẽ làm cho button trông sáng hơn, ở đây sử dụng lớp triplex5px được tạo ra trước đó. Bạn có thể tham khảo thêm làm thế nào để tạo mẫu patten. Tạo một layer tên là "Patten" ở giữa "Glass" và "Button" và xữ lý với Blening Option như sau:

Chọn Patten trong Blending Option và sử dụng lớp Triplex5px đã được tạo:

Tiếp tục sử dụng công cụ Retangular marquee, giữ phìm "Ctrl" và click vào lớp  "Button" trong Panel Layer. Tô đầy layer "Patten" bằng Triplex5px và chọn giá trị opacity của layer này là 5%.

Sử dụng font chử và màu chử ưa thích, ở đây chọn màu chữ là #FFFFFF. 

Tạo một layer mới với tên là  "Text" và gõ từ bạn muốn thể hiện lên, điều chỉnh thêm các thông số trong Blending Option như hình dưới đây.