1: Tạo một file mới với (Width: 230, Height: 180) và tô màu nền với mã màu (#2a2a2a):
2: Chọn công cụ Rounded Rectangle, đặt radius là 5 px, Mã màu (#000000) và vẽ một hình như bên dưới:
3: Tùy chỉnh cho layer vừa tạo (Layer > Layer Style> Blending Options) theo các thông số bên dưới:
4: Chúng ta đã tạo được một button, việc còn lại bây giờ là tạo cho button có độ bóng. Chọn công cụ Selection, tạo một vùng chọn như hình dưới:
5: Nhấp Ctrl + Shift + N để tạo một layer mới đặt tên là layer2.
6: Giữ phím Ctrl + Shift + Alt và click lên nút trong Layers panel để tạo giao điểm giữa selection và button. Chọn “Select > Modify > Contract” và chọn Contract của selection là 1 px:
7: Chọn lại mã màu là (#FFFFFF), chọn lại layer2, dùng công cụ Paint Bucket để tô màu cho layer2. Bạn sẽ có được một hình như bên dưới:
8: Trong Layer Panel, chọn thông số Opacity của layer2 là 20%:
Đây là kết quả sau khi bạn hoàn thành bước thứ 8:
Có thể thêm text hoặc icon vào cho button vừa tạo để sử dụng trong website:
