Menu Điều Hướng

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.

Tạo button nổi cho web

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ỳ.
Tạo button nổi cho web
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.
Tạo button nổi cho web

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?.

Tạo button nổi cho web

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:
Tạo button nổi cho web

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.

Tạo mới layer, và gõ “TEXT”, cho layer text này nằm trên hình chữ nhật vừa làm

Sau đó áp dụng hiệu ứng cho nó như sau:

Bevel and Emboss:

Style: Inner Bevel
Technique: Smooth
Depth: 1000%
Direction: Down
Size: 0px
Soften: 0px
Angle: 90 degrees
Altitude: 90 degrees

Gradient Overlay:

Stop 1 (Bottom): #CECECE
Stop 2 (Top): #F3F3F3
Style: Linear

Kết quả cuối cùng chúng ta thu được một bevel button cực chuẩn dành cho website của mình.
Tạo button nổi cho web

Thật đơn giản và dễ dàng phải không nào, chúc các bạn thành công.!


thu thuat photoshop button web hoc photoshop photoshop tutorial tutorial photoshop tuts photoshop creat button web how to create button web in photoshop create button web glass button bevel button

Tin Tức Liên Quan

Tạo icon RSS bóng bẩy
Tạo icon RSS bóng bẩy

Trong bài viết này chúng ta sẽ tạo một biểu tượng rss đầy màu sắc và cực kỳ bóng bẩy cho blog của bạn

Tạo chữ màu bạc tỏa sáng bằng photoshop
Tạo chữ màu bạc tỏa sáng bằng photoshop

Trong bài viết này bạn sẽ có thể tự tay làm một hiệu ứng chữ đẹp mắt cho website hay blog của bạn, với chữ màu bạc tỏa sáng cực kỳ đẹp mắt.

Tạo chữ phát sáng nhiều màu sắc
Tạo chữ phát sáng nhiều màu sắc

Với hướng dẫn này mình sẽ chỉ các bạn tạo hiệu ứng chữ phát sáng với nhiều màu sắc lấp lánh như hình dưới, chỉ với 5 bước đơn giản thui, nào bắt đầu bạn nhé

Mẹo ghép ảnh cực cool bằng Photoshop
Mẹo ghép ảnh cực cool bằng Photoshop

Bài hướng dẫn giúp bạn có được những bức ảnh ghép ấn tượng với thao tác đơn giản

Tự tay làm danh thiếp cực pro bằng Photoshop
Tự tay làm danh thiếp cực pro bằng Photoshop

Thủ thuật này sẽ giúp bạn thiết kế danh thiếp có giao diện chuyên nghiệp, hiện đại mà không cần phải có quá nhiều kiến thức về đồ họa mà chỉ bằng Photoshop và vài bước thao tác đơn giản

Tạo button đơn giản cho web bằng Photoshop
Tạo button đơn giản cho web bằng Photoshop

Trong bài viết này chúng ta sẽ tự tay làm một button đơn giản cho website hay blog của bạn chỉ với vài bước đơn giản

Mẹo tạo chữ kim loại 3D
Mẹo tạo chữ kim loại 3D

Chỉ với vài bước đơn giản mình sẽ giúp các bạn tạo logo chữ kim loại hiệu ứng 3D cho website của mình, rất chi là dễ dàng lun, cùng thực hiện theo nhé

Tạo Abstract Wormhole Background
Tạo Abstract Wormhole Background

Hôm nay, mình sẽ chỉ các bạn cách sử dụng brush và điều chỉnh các lớp trong photoshop cs5, bạn có thể bạo ra một hình nền trừu tượng

Hiệu ứng chữ băng
Hiệu ứng chữ băng

Hôm nay, hy vọng rằng những hướng dẫn sau đây sẽ truyền cảm hứng cho bạn để tạo thêm một số hiệu ứng ice cho thiết kế của bạn

Tư vấn thiết kế website giá rẻ

Chat FB
Tư vấn thiết kế website giá rẻ
Chat Zalo

Điện Thoại