Điều hướng dễ dàng là chìa khóa để làm cho một trang web thoải mái khi truy cập và hấp dẫn đối với cả chủ sở hữu và khách truy cập trực tuyến. Menu và các yếu tố điều hướng phải rõ ràng, đẹp và ngắn gọn, và bạn nên tạo các nút hấp dẫn cho trang web của mình trong trình chỉnh sửa đồ họa Adobe Photoshop. Điều này không khó để thực hiện.
Hướng dẫn
Bước 1
Tạo một tài liệu mới và chọn Công cụ Hình chữ nhật Tròn từ thanh công cụ. Vẽ một hình chữ nhật tròn hẹp, sau đó chọn Công cụ Elliptical Marquee Tool từ Hộp công cụ và vẽ một hình tròn ở phía bên trái của hình chữ nhật chồng lên các cạnh của nó và vượt ra ngoài nó.
Bước 2
Nhấp chuột phải vào lớp hình chữ nhật và chọn tùy chọn Rasterize Layer, sau đó ở giữa vùng chọn, nhấp lại và chọn tùy chọn Layer via Cut từ menu ngữ cảnh để sao chép vùng chọn sang một lớp mới.
Bước 3
Mở menu cài đặt lớp và trong tab Drop Shadow, đặt chế độ hòa trộn thành Bình thường, độ mờ là 23% và khoảng cách là 3 pixel. Trong tab Lớp phủ màu, đặt màu mong muốn với chế độ hòa trộn Bình thường và trong suốt ở mức 100%. Bạn nên có một hình ảnh hai màu.
Bước 4
Chọn lại công cụ Elliptical Marquee Tool từ Hộp công cụ và vẽ một vòng tròn bên trong vùng chọn màu bên trái. Nhấp vào Xóa. Sau đó, chuyển vùng chọn sang một lớp mới và tô nó bằng bất kỳ màu nào.
Bước 5
Mở lại menu Layer Style và điều chỉnh tab Gradient Overlay bằng bất kỳ màu nào phù hợp với bảng màu trang web của bạn. Đặt kiểu xuyên tâm thành gradient. Sau đó, trong tab Stroke, đặt độ đậm nét là 2 pixel, vị trí bên ngoài của đường dẫn và độ mờ là 30%. Chọn một tô màu gradient cho nét vẽ. Bấm OK.
Bước 6
Trong hộp công cụ, chọn một bàn chải có màu trắng, điều chỉnh nó sao cho mềm mại và đường kính của bàn chải là 10 pixel. Ở trên cùng bên phải của vòng tròn bạn đã vẽ, hãy vẽ một dấu chấm để làm điểm đánh dấu.
Bước 7
Sau đó chọn layer có phần chính của nút và trong menu Layer Style, thiết lập thông số Inner Shadow với Multiply Blending Mode và Opacity là 33%. Đặt một gradient tuyến tính với độ mờ 25%. Nút của bạn đã sẵn sàng - tất cả những gì còn lại là thêm dòng chữ vào đó.
