Ngày 08 tháng 7 2009
RIATMP1084 Web nút đơn giản cho bạn sử dụng, Photoshop Tutorial
RIATMP1084 Web nút đơn giản cho bạn sử dụng, Photoshop Tutorial
Hôm nay tôi đang tải lên một hướng dẫn nút bấm đơn giản. Bạn có thể sử dụng cho dự án web của bạn.
Tạo một file mới 400/200 px. Điền vào các lớp nền với màu trắng.
LẬP BUTTON SỬ DỤNG SHAPE RECTANLE: Tạo một layer mới. Bây giờ chọn công cụ Rounded Rectangle Tool, nhập 5 px như bán kính cho góc làm tròn và vẽ hình dạng nút hình chữ nhật của bạn. Kích chuột phải vào hình dạng và chọn "Make Selection". Bây giờ điền vào đó lựa chọn với màu sắc mà bạn muốn. Đã # 5c89cc.
Photoshop Hướng dẫn, Button
pic2
Photoshop Hướng dẫn, Button
Pic3
Thêm Layer Style: Trong lớp vòm miệng, nhấp chuột phải vào layer đó Button và chọn Blending Options add thả SHADOW. Bạn có thể hình này (pic1) là tài liệu tham khảo cho tất cả các giá trị. Tiếp theo add Gradient Overlay. Bây giờ trong Gradient Editor, nhấn Stop màu đầu tiên và nhấn trong các màu dưới đây để thay đổi nó như là màu sắc mà bạn muốn. Tôi sử dụng # a4cee6. Làm tương tự cho Stop màu bên phải. Đối với dừng lại mà tôi đã sử dụng # 56add6. Bây giờ thêm các hai Dừng Color ở giữa bằng cách nhấn vào ngay bên dưới gradient ở giữa. Bạn có thể sửa chữa các vị trí này bằng cách nhập 50% trong lĩnh vực vị trí. Tôi đã sử dụng # 468bcc & # 81b3e2 hai Dừng Màu này. Xem hình ảnh ở trên (pic2). Bây giờ chúng ta sẽ thêm Stroke. Chọn tùy chọn Stroke ở phía dưới. 1 px cho các kích thước và màu trắng như màu sắc, hoặc bạn cũng có thể màu nền của bạn. (Pic3)
Photoshop Tuitorial, Button
pic4pic5
THÊM GLOW: Bây giờ bạn có thể làm phong phú thêm giao diện bằng cách thêm ánh sáng trên phần trên của nút. Bạn có thể sử dụng Công cụ Pen. Nhưng để làm cho quá trình này đơn giản chỉ chơi với tùy chọn lựa chọn. Nhấp chuột phải vào Layer Button trong pallet lớp và chọn "minh bạch Layer Select". Tạo một lớp và điền vào lựa chọn này với màu trắng. Bây giờ chọn Move Tool và di chuyển hình chữ nhật lựa chọn màu trắng 4 px xuống dưới. Bây giờ thêm Mask. Giữ phần trên và xóa các phần thêm. Xem pic4. Bây giờ thêm văn bản của bạn và đó là tất cả các bạn có một nút bấm đơn giản, thoáng mát. PIC5.
Photoshop Hướng dẫn, Button
pic1
Chia sẻ và thưởng thức
