RIATMP1167-Photoshop Tutorial - phản Button / Header

Hôm nay chúng ta sẽ thực hiện một thanh trình đơn. Điều này là rất đơn giản nhưng bạn có thể sử dụng nút này cùng hoặc thanh menu hoặc tiêu đề cho nhiều loại khác nhau của website. Bởi vì màu sắc và phong cách của nó có thể được phù hợp cho nhiều đối tượng. Thậm chí bạn có thể thay đổi màu sắc và làm cho cái nhìn riêng của bạn, hoặc chỉ đi trước và có thể sử dụng nút này premade cho các dự án của bạn. Vì vậy, đây là hướng dẫn.

Tạo một tài liệu Photoshop mới. Chọn công cụ tạo vùng chọn hình chữ nhật và một hình chữ nhật rộng. Nó không có vấn đề gì màu sắc, đó là vì chúng tôi sẽ thêm Layer Styles.

Hình chữ nhật rộng

Bây giờ vào lớp Layer Styles / / Gradient Overlay. Để tham khảo xin vui lòng thực hiện theo các hình ảnh được hiển thị dưới đây.

Gradient Overlay

Vì vậy, với lớp phong cách, bạn sẽ nhận được kết quả như thế này.

thanh trình đơn

Bây giờ thời gian của mình để thêm một số bộ phim truyền hình ở thanh menu của chúng tôi. Tạo một layer mới và đặt tên là bóng tối. Bây giờ chọn một phần của thanh menu của chúng tôi và điền nó với màu bất kỳ. Trả một lần nữa chúng ta sẽ thêm Gradient Overlay trong lớp này. Vì vậy, đi đến Layer Layer Styles / / Gradient Overlay. Để tham khảo xin vui lòng thực hiện theo các hình ảnh được hiển thị dưới đây.

Layer Styles / Gradient Overlay

Vì vậy, với lớp phong cách, bạn sẽ nhận được kết quả như thế này.

tiêu đề

Chúng ta cần tạo ra dòng chia. Cho rằng tạo ra một lớp mới và với Rectangular Marquee Tool tạo một dòng chữ nhật mỏng. Điền này với màu (# 616161). Bây giờ sao chép layer này và điền vào đó với màu sắc nhẹ (# 999999). Bây giờ sắp xếp và đặt cả hai bên đường ở bên cạnh và hợp nhất những 2 lớp thành một. Thực hiện vài bản sao khác của dòng đó và sắp xếp đúng. Kết hợp tất cả các dòng vào một tên layer "Line".

đường

Bây giờ thời gian của mình để thêm văn bản thực đơn của chúng tôi, bạn cũng có thể thêm văn bản trình đơn của riêng bạn.

menu văn bản

Photoshop Hướng dẫn

Tạo một lớp mới ở trên thanh menu và các bản sao. Thực hiện lựa chọn bằng cách sử dụng công cụ Rectangular Marquee. Chọn công cụ Gradient, đặt nó vào các gradient tuyến tính và sau đó mở trình soạn thảo gradient. Chọn "foreground to transparent". Đặt màu nền trước (# 2a2727) và kéo công cụ gradient trong vùng chọn trên layer mới. Và bạn nên có một cái gì đó như hình dưới đây! Và đó mang chúng ta đến cuối Photoshop này hướng dẫn. Chúc mừng!

Menu hoặc nút hoặc biểu ngữ hoặc tiêu đề