Tạo Glass Button cho web

Ở bài trước mình đã hướng dẫn thật kỹ các bạn cách tạo Green Grunge Web Layout và hôm nay mình sẽ tiếp tục chỉ các bạn vài bước đơn giản để tạo ra một glass button với độ nổi và sáng bóng như hình bên dưới. Nào, bắt tay thực hiện thui…….

Bước 1: Dùng Rounded Rectnagle tool vẽ một hình chữ nhật với góc bo là 3px. Background là màu bất kỳ. Giả sử mình cho màu background là màu cam nhạt này.

Bước 2: Nhân đôi layer (Ctrl + J). Ẩn layer gốc và chọn công cụ Eraser và thiết lập kích thước brush 27 px.

và xóa bỏ một phần của hình như sau

Sau đó bạn bât lại layer gốc vừa tắt.

Bước 3: Ctrl + click để chọn nó. Sau đó vào menu select>Modify>Contract and contract the selection, gõ vào 1px. Nhấn Ctrol + i để đảo ngược vùng chọn. Sau đó nhấn giữ phím Shift + Ctrl + Alt và click trên layer để chọn đường viền 1px.

Bước 4: Ẩn layer gốc một lần nữa, nếu không muốn bạn có thể xóa nó đi luôn. Sau đó áp dụng Gradient với thông số như sau:

Khi ấy bạn sẽ được kết quả thế naỳ
Tiếp theo chúng ta sẽ xóa bên trái và phải của đường viền
Bước 5: Bạn chọn đường viền phía trên với công cụ Rectangular Marquee Tool. Copy và dán hai lần, đặt hai layer đó như hình bên dưới, và nhớ là giảm opacity xuống còn 30% nhé.

Cuối cùng, bạn Merge tất cả các layer lại và áp dụng các thông số cho Drop shadown như sau:

Kết quả cuối cùng rồi đấy, đơn giản phải không nào?. Hãy bắt tay thực hiện ngay để tạo cho web cuả mình một thanh menu đẹp mắt và nâng cao tay nghề photoshop của mình hơn nữa.

Chúc các bạn thành công.