Chia sẻ thông tin cùng thế giới

Hôm nay rảnh rỗi em ngồi lần mò trên mạng tìm được các tut này cũng khá hay. Dịch ra và làm thử thấy cũng được nên đem ra đây . Nào chúng ta cùng làm thử. Kết quả cuối cùng sẽ như sau:

Yêu cầu cần chuẩn bị:

• Adobe Photoshop (7+)
• Kiến thức cơ bản chút chút

Tut này chia làm 6 bước,làm đầy đủ như sau:

Bước 1:
Khởi động Photoshop. Tạo một file mới(File>New). Bạn cần đảm bảo chắc chắn nó có nền trắng(White Background) và độ phần giải 72ppi. Kích cỡ (W x H) thì tùy vào bạn.

Bước 2:

Chọn công cụ Rounded Rectangle tool (1).

• Trên thanh tùy chọn(options bar) hãy click vào và chọn Snap to Pixels (2) đồng thời chọn Shape layers (3)
• Chọn bán kính góc vòng(corner Radius ) khoảng 8px, mình để 3px thôi nhưng có vẻ nó hơi nhỏ
• Chúng ta sẽ thêm hiệu ứng nền sau nên việc chọn màu cho hình của bạn hiện chưa quan trọng

Bước 3:

Vẽ 1 hình chữ nhật có góc tròn theo ý bạn(nên để chiều cao cỡ 40px thôi)

Bước 4:

Giờ là lúc thêm hiệu ứng cho layer.

Bạn hãy nhấn vào Layer>Layer Style>Stroke trên tool bar. Để tùy chọn Stroke với các thông số như cho ở hình dưới:

Sau đó chỉnh lại Gradient như hình vẽ dưới:


Bước 5:

Lúc này thì bạn đã có một hình nút bấm khá ấn tượng rồi nhưng chúng ta sẽ làm thêm một số tùy chọn nữa cho thêm phần sinh động. Vãn trong cửa sổ layer style, chúng ta làm việc với Inner Glow.


Tiếp tục là Drop Shadow tuy không quan trọng lắm:

Và cuối cùng là Inner Shadow :


Nào giờ thì chúng ta đã hoàn thành các hiệu ứng. Chsu ý thêm là với nền trắng bạn sẽ không thể nhận ra các hiệu ứng drop shadow thế nên chúng ta chuyển nền sang màu khác. Chọn Background layer và lấp đầy nó(Alt+BackSpace) bởi màu xám vừa.

Kết quả như sau(font chữ là "Lucida Sans Unicode").Bạn hãy đọc thêm bên dứoi nếu muốn chuyển màu nút bấm



Bước 6:

Nút bấm thì cũng là một đối tượng. Bạn có thể dùng Direct Selection Tool (nhấn phím A) để di chuyển nó và chỉnh lại kích thước nút. Nhưng nên cẩn thận với việc này.

Đổi màu nút bấm:

Bạn có thể làm nhanh điều đó như sau:

• Ctrl+Click vào layer
• Thêm Hue & Saturation adjustment layer
• Adjust như bạn muốn

Nào và thế là xong

Nguồn: Ở đây