Thứ Sáu, 14 tháng 5, 2010

NAVIGATION MENUS

Phần quan trọng nhất của một website là các Menu: Tôi đã chọn những ví dụ có sử dụng một số hiệu ứng tõ nét và mờ dần đạt hiệu quả cao. (Lấy ví dụ từ http:www.legacyocker.com)

Bước 1: Mở một tài liệu mới, rộng: 470px, cao: 350px. Tạo một layer mới, để chế độ Gradient Overlay bằng cách sử dụng các giá trị hex màu mà bạn có thể thấy trong hình ảnh.

Bước 2: Thêm vài đám mây

Bước 3: Vẽ một hình chữ nhật, đổ màu #6bb9ec để Opacity 65%

Bước 4: Add a Quick Mask cho layer. Chọn Soft Brush radius 200px, thiết lập màu đen và mặt nạ kết thúc cho layer hình chữ nhật giống như bạn nhìn thấy trong ảnh.

Bước 5: Vẽ một hình chữ nhật khác, nhưng cao hơn nhiều. Đặt nó dưới hình chữ nhật nhỏ. Sử dụng cùng màu và opacity. Add a Quick Mash cho layer này.

Bước 6: Chọn Soft Brush radius 600px và dưới mặt nạ sao cho hình chữ nhật đầu dòng vẫn có thể nhìn thấy trên các layer.

Bước 7: Với hình chữ nhật nhỏ, ta thêm một chút ánh sáng và một bóng (shadow). Kích Ctr + Bấm vào hình chữ nhật nhỏ để lựa chọn. Vào Select > Modify > Contract và nhập 1px. Tạo một layer mới, đặt chế độ overlay. Chọn Soft Brush, radius 200px, màu trắng và nhấn vài lần trong phần đầu của hình chữ nhật giống như bạn thấy trong hình ảnh.


Bước 8: Làm tương tư như trên, chỉ thay đổi màu brush là màu đen

Bước 9: Giờ bạn có thể thấy kết qur của mình. Nó giống như một sự tác động tinh tế của ánh sáng và bóng đổ mà bạn có thể sử dụng bất cứ nơi nào bạn muốn.

Bước 10: Dùng Line Tool vẽ một chiều rộng chỉ giống hình nhật nhỏ. Chọn màu #8đ1fe

Bước 11: Làm y như bước 4

Bước 12: Thêm mấy mục menu, cuối cùng ta được một NAVIGATION MENUS ^^