Hướng dẫn tạo menu ngang với Photoshop

Qua Tutorial này các bạn sẽ học được cách làm việc với Pen Tool, Stroke Path, tạo bóng đổ,...

 Đầu tiên tạo 1 file mới với các thuộc tính như hình sau:
Tạo background với công cụ Gradient như hình:Bật Grit View bằng cách: View -> Show -> Grid:Tạo Shape như hình dưới (Tạm thời đổi background màu trắng để dễ làm việc)Tạo 1 layer mới tên "navmenubody". (Nên đặt tên chi tiết cho layer, nó sẽ giúp xác định các layer 1 cách nhanh chóng, giảm thiểu khả năng nhầm lẫn)Tạo Vecrtor Mask và đổ Gradient cho nó theo tùy chọn sau:Bây giờ bạn sẽ có 1 Shape tương tự như hình:Dublicate layer "navmenubody" và đặt nó dưới "navmenubody" cũ, sau đó đổ màu #414141 và di chuyển xuống dưới khoảng 5-10 pixels. Kết quả như hình:Bây giờ, với Pencil Tool (kích thước 1px và màu #a2a2a2) tạo 1 đường thẳng. (Giữ phím Shift trong khi rê chuột vẽ nó để tạo chính xác 1 đường ngang)Thêm 1 vài menu item. Font Tahoma, màu #414141Màu chữ chú thích phía dưới menu: #a8a8a8Sau các bước trên ta được:Với Pencil Tool tạo những dấu chấm như hình dưới. Màu #414141 Dùng Pen Tool tạo 1 Path như sau:Chọn Brush Tool với các thuộc tính:Tạo layer mới, đặt tên nó là "menushadow", chọn Pen Tool, click phải lên Path và click bật Stroke Path. Color #272727 Vào menu Filter -> Blur -> Gaussian Blur Đặt layer "menushadow" nằm dưới layer "navmenubody"Bây giờ chúng ta tạo Drop-down Menu. Chọn Pen Tool và tạo 1 Shape như hình dưới và đổ màu #414141Đổi màu của "Contact" thành #e4e4e4 Giữ phím Shift để tạo những đường thẳng Tạo thêm các dấu chấm và Shape tương tự như hướng dẫn ở trên Kết quả cuối cùng:


Những thuộc tính về màu sắc, font chữ các bạn có thể tùy chọn theo ý thích. Chúc các bạn thành công.

nguồn : oni.vn

Admin đã ký