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

13/08/2012

create simple button 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.
Bước 1 : Tạo file mới ( File > New ) với kích thước 450×450 và độ phân giải (Resolution) 72 dpi. Sau đó dùng công cụ Rounded Rectangle Tool (U) và vẽ như hình sau :

create simple button photoshop

create simple button photoshop

Nhấp đúp vào layer hình và thiết lập thông số styles như sau:

Blending Options>Drop Shadow

create simple button photoshop

Blending Options>Inner Shadow

create simple button photoshop

Blending Options>Gradient Overlay

create simple button photoshop

Tham số cho Gradient :

create simple button photoshop

Blending Options>Stroke

create simple button photoshop

Tham số cho Gradient :

create simple button photoshop

Kết quả sẽ là :

create simple button photoshop

Bước 2: Viết chữ lên button

– Các bạn chọn công cụ Horizontal Type Tool (T ) và thiết lập thông số như hình bên dưới

create simple button photoshop

Viết bất kì chữ gì, ở đây mình ghi là “download ” với kiểu chữ in hoa

create simple button photoshop

– Kế tiếp chúng ta thiết lập thông số style cho layer chữ này như sau :

Blending Options>Outer Glow

create simple button photoshop

Blending Options>Gradient Overlay

create simple button photoshop

Tham số cho Gradient :

create simple button photoshop

Kết quả sẽ là :

create simple button photoshop

– Kế tiếp tạo một layer mới rồi sau đó lựa chọn công cụ Rectangle Tool (U) và vẽ theo hình sau :

create simple button photoshop

Chúng ta sẽ thiết lập thông số style cho layer này như sau :

– Chọn Fill o%  cho layer này
– Blending Options>Gradient Overlay

create simple button photoshop

Tham số cho Gradient :

create simple button photoshop

Và đây là kết quả cuối cùng

create simple button photoshop

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

Chuyên Mục:

Bài viết được đăng bởi webmaster

Nếu các bạn thấy bài viết hữu ích thì giúp mình Like cái nhé !