Tạo button nổi cho web chỉ với 90 giây

Bạn không cần dùng style vẫn có thể tạo ra một nút cực đẹp, đơn giản chỉ với 90 giây thôi sẽ cho kết quả như mong muốn.

Bước 1: Tạo layer mới, dùng  ‘Rounded Rectangle Tool’ vẽ 1 hình chữ với radius: 5px, tô màu bất kỳ.

Bước 2: Tiếp theo, bạn áp dụng đổ màu gradient cho nó, sử dụng Linear Gradient kéo từ trên xuống dưới thẳng góc 90 độ . Và bạn phải đảm bảo rằng màu bên trên là  #6EE77C, bên dưới là #2EBD27.

Bước 3:  Click phải lên layer, chọn blending options và thiết lập các thông số cho mục Bevel and Emboss các thông số như sau:

Style: Inner Bevel
Technique: Smooth
Depth: 1000%
Direction: Up
Size: 0px
Soften: 0px
Angel: 90 degrees
Use Global Light: Yes
Altitude: 45 degrees

Kết quả bạn được hình như bên dưới, thật dễ phải không nào?.

Bước 4: Bước cuối cùng là bạn tạo stroke cho nó, thiết lập các thông số như sau:

Size: 1px
Position: Outside
Blend Mode: Normal
Opacity: 100%
Fill Type: Gradient
Gradient Colour (Bottom): #269A20
Gradient Colour (Top): #4FC84F
Gradient Style: Linear
Angle: 90 degrees

Kết quả đây:

Xin được khuyến mãi thêm cho các bạn hiệu ứng text để nút bevel button của bạn hoàn hảo hơn.