Trong hướng dẫn này chúng ta sẽ tạo ra đơn giản & slick nút màu xanh lam. Điều này là rất đơn giản và khá hiệu quả hướng dẫn, vì vậy bạn chỉ cần có Adobe Photoshop để tạo ra hiệu ứng này. Tôi hy vọng bạn sẽ thích thú với hướng dẫn này.

Bước 1

Mở photoshop và tạo một tài liệu mới, tôi là 550px × 125px với một nền trắng.

Bước 2

Điền vào các màu trong lớp nền, mỏ màu là # 3B3F46.

Bước 3

Chọn Rounded Rectangle Tool và tạo nút, mỏ Radius là 15px, width: 128px và height: 36px. Thay đổi màu nền trước của bạn để một tốt đẹp # 13AAB7 (Blue).

Bước 4

Bây giờ chúng ta cần phải thêm một số hiệu ứng tốt đẹp để nút.

Gradient Overlay

Kiểu dáng các nút nhấn đúp vào hình nhỏ Layer Button trong Layer Panel để mở Layer Styles hộp thoại, chúng tôi sẽ áp dụng một dọc Gradient Effect cho Button của bạn. Sau đó bấm vào Gradient màu trên bên phải của tùy chọn Gradient để mở ra các màu Gradient Editor.

Đầu tiên thay đổi các tùy chọn hoà trộn là Overlay. Giữ ở góc 90o, hơn là thay đổi các giá trị của Opacity. Tôi chọn để đặt Opacity 50%.

Double-click trái-màu sắc-stop và nhập giá trị màu # 000000, sau đó bấm đúp chuột vào bên phải màu cửa và nhập giá trị màu # FFFFFF.

Inner Glow

Tiếp áp dụng các phong cách sáng lớp bên trong. Đầu tiên thay đổi các tùy chọn hoà trộn là Overlay, hơn là thay đổi các giá trị của Opacity và Size. Tôi chọn để đặt Opacity ở 55% và Size ở 6px.

Thay đổi màu sáng từ mặc định là # FFFFFF

Drop Shadow

Tiếp áp dụng các phong cách thả lớp bóng. Đầu tiên thay đổi các tùy chọn màu pha để bình thường. Giữ ở góc 120o, hơn là thay đổi các giá trị của Opacity và Size. Tôi chọn để đặt Opacity ở 55% và Size ở 3px.

Nên giống như thế này.

Bước 5

Tạo một lớp mới, thực hiện lựa chọn trên nút gốc của bạn, bạn có thể làm điều này bằng cách giữ Ctrl sau đó nhấp vào hình thu nhỏ của lớp.).

Điền vào màu nền trước để trắng.

Chọn Rounded Rectangle Tool, chọn và xóa nửa dưới cùng của lớp da trắng bạn chỉ cần thực hiện, bạn có thể cần để đo chiều cao của nút bấm của bạn trước khi xóa nửa dưới.

Trước tiên, bạn cần phải thay đổi các tùy chọn chế độ lớp để Softlight, hơn là thay đổi các giá trị của opacity. Tôi chọn để đặt Opacity ở 20%

Bước 6

Chọn Horizontal Type Tool và Loại văn bản về phía trước.

Cuối cùng

Hãy cho chúng tôi biết làm thế nào mà hướng dẫn này có thể được thêm tốt hơn? Nếu bạn tìm thấy bất kỳ photoshop khác hướng dẫn mà bạn muốn chia sẻ với chúng tôi, hãy cho chúng tôi biết bằng cách thả trong một chú thích.

nếu bạn muốn nhận được hướng dẫn thêm từ chúng tôi, hãy xem xét việc đăng ký vào nguồn cấp dữ liệu của chúng tôi bằng RSS, hoặc bằng email.

Filed under: Photoshop, Tutorials bởi admin