Trong thiết kế các trang web, các yếu tố điều hướng ba chiều thường được sử dụng. Các nút như vậy có thể được thực hiện trong trình chỉnh sửa đồ họa Photoshop, mô phỏng âm lượng bằng cách sử dụng bóng đổ và tô màu gradient.
Cần thiết
Chương trình Photoshop
Hướng dẫn
Bước 1
Tạo tài liệu mới trong trình chỉnh sửa đồ họa bằng cách sử dụng tùy chọn Mới từ menu Tệp. Chọn kích thước của tài liệu mới để vừa với nút và làm cho nền trong suốt.
Bước 2
Kích hoạt công cụ Rounded Rectangle Tool. Nếu bạn muốn có một nút hơi tròn, trong thanh Công cụ Tùy chọn, hãy đặt Bán kính thành một milimét. Vẽ một hình chữ nhật tròn bằng công cụ đã chọn. Hình dạng kết quả sẽ là cơ sở cho nút.
Bước 3
Nhấp chuột phải vào layer và chọn tùy chọn Rasterize Layer. Tải vùng chọn bằng tùy chọn Load Selection từ menu Select.
Bước 4
Sử dụng công cụ Gradient Tool để tô nút bằng gradient hai màu, chọn sự kết hợp màu phù hợp từ các cài đặt trước trong bảng màu gradient. Kiểu gradient nên là kiểu tuyến tính, chọn nó bằng cách nhấp vào nút Linear Gradient dưới menu chính. Phần trên của nút sau khi lấp đầy nên nhẹ hơn phần dưới.
Bước 5
Áp dụng một kiểu cho lớp. Để thực hiện việc này, hãy sử dụng tùy chọn Blending Options từ menu ngữ cảnh. Chọn tab Drop Shadow và nhập giá trị một trăm hai mươi độ cho tham số Angle. Đặt thông số Kích thước thành ba pixel.
Bước 6
Trong tab Inner Shadow, đặt giá trị tương tự cho tham số Angle và cho Size đặt giá trị là năm pixel. Áp dụng kiểu bằng cách nhấn phím Enter.
Bước 7
Tạo bóng cho nút. Để thực hiện việc này, hãy nhấp vào nút Tạo lớp mới và tô màu đen cho vùng đã chọn của lớp mới. Chọn công cụ Paint Bucket Tool cho việc này. Bỏ chọn bằng Ctrl + D.
Bước 8
Áp dụng bộ lọc Gaussian Blur từ nhóm Blur của menu Filter cho hình chữ nhật màu đen. Đặt Bán kính thành bốn pixel. Kéo lớp bóng dưới lớp nút và nâng bóng lên từ ba đến bốn pixel. Để thực hiện việc này, hãy kích hoạt Công cụ Move và di chuyển bóng bằng các nút con trỏ. Giảm Opacity cho lớp này xuống sáu mươi phần trăm.
Bước 9
Tạo lớp hoạt động bằng nút và tải một lựa chọn từ nó. Giảm lựa chọn đi hai pixel bằng cách sử dụng tùy chọn Hợp đồng từ nhóm Sửa đổi của menu Lựa chọn.
Bước 10
Tạo một lớp mới và điền vào vùng chọn kết quả với một gradient tuyến tính từ trắng đến trong suốt sao cho phần màu trắng nằm ở dưới cùng của nút. Bỏ chọn lựa chọn. Sử dụng tùy chọn Free Transform từ menu Edit, giảm diện tích được bao phủ bởi gradient theo chiều dọc. Áp dụng phép biến đổi bằng phím Enter.
Bước 11
Thay đổi Chế độ hòa trộn của lớp chuyển màu thành Lớp phủ. Điều này có thể được thực hiện bằng cách chọn một chế độ từ danh sách thả xuống ở phía bên trái của bảng Kiểu. Giảm Opacity của lớp xuống sáu mươi phần trăm.
Bước 12
Sử dụng Công cụ Kiểu ngang, viết văn bản cần có trên nút.
Bước 13
Thu thập tất cả các lớp vào một thư mục bằng cách sử dụng tùy chọn Lớp Nhóm từ menu Lớp, chọn chúng trong khi giữ phím Ctrl. Lưu nút vào tệp psd bằng cách sử dụng tùy chọn Lưu từ menu Tệp.
