Vẽ một nút phong cách cho một trang web trong Photoshop không khó lắm. Quá trình này sẽ chỉ mất 10 - 20 phút. Nút bạn có thể tạo bằng hướng dẫn này nằm trên nền sáng. Theo tùy chọn, bạn có thể đặt nút trên nền tối. Và cũng thể hiện trí tưởng tượng của bạn và tạo nó theo phong cách phù hợp với thiết kế của trang web của bạn.
Hướng dẫn
Bước 1
Tạo tài liệu mới bằng phím tắt Ctrl + N.
Bước 2
Đặt kích thước bạn muốn, ví dụ: 200 x 100 pixel.
Bước 3
Tài liệu đã được tạo. Bây giờ bạn có thể bắt đầu tạo nút.
Bước 4
Chọn công cụ Rounded Rectangle Tool U từ bảng công cụ. Sau đó chọn chế độ Lớp Hình dạng, nằm dưới menu chính trong Thanh Tùy chọn, để biết cài đặt của công cụ hoạt động.
Bước 5
Vẽ một nút trong tài liệu. Trong ví dụ này, màu nền trước là màu đen, vì vậy nút có màu đen. Tiếp theo, chúng tôi sẽ chọn một màu phù hợp cho nó.
Bước 6
Để thực hiện việc này, hãy chuyển đến bảng Kiểu và chọn kiểu thích hợp cho nút của chúng ta.
Bước 7
Ví dụ này sử dụng phong cách Kính xanh.
Bước 8
Rasterize lớp trên cùng: menu "Layer" - lệnh "Rasterize" - mục "Layer".
Bước 9
Nhấn phím Ctrl và trong khi giữ, chọn biểu tượng lớp trên cùng bằng nút chuột trái. Nút sẽ được đánh dấu bằng một đường chấm.
Bước 10
Để tạo một đường viền nhỏ xung quanh các cạnh của nút, hãy nhấp vào Chọn - Sửa đổi - Thu nhỏ.
Bước 11
Trong cửa sổ mở ra, đặt 3 pixel.
Bước 12
Kết quả là một nét chấm.
Bước 13
Đảo ngược vùng chọn bằng phím tắt Shift + Ctrl + I.
Bước 14
Sao chép vùng chọn sang một lớp mới bằng cách nhấn Ctrl + J. Lớp thứ ba sẽ xuất hiện trong bảng "Lớp".
Bước 15
Chọn kiểu bạn thích cho đường viền 3 pixel nhỏ. Để thực hiện việc này, hãy vào lại bảng Kiểu và chọn kiểu bạn muốn. Trong ví dụ này, kiểu đường viền trên bầu trời Đục được áp dụng, bởi vì nó phù hợp với màu của nút.
Bước 16
Kết quả là một nút như vậy. Tùy ý, bạn có thể áp dụng phong cách của riêng mình mà bạn thích nhất.
Bước 17
Nó vẫn còn để viết văn bản. Để làm điều này, hãy chọn Công cụ Loại ngang (T). Bạn có thể chọn các tùy chọn phông chữ trong thanh tùy chọn để cài đặt công cụ này.
Bước 18
Bây giờ nút của bạn đã sẵn sàng.