Hey guys thêm một Photoshop Tutorial. Trong hướng dẫn này tôi sẽ tìm thấy bạn Làm thế nào để tạo một đơn giản Green Button trong Photoshop. Điều này là rất đơn giản và khá hiệu quả hướng dẫn. Tôi hy vọng bạn sẽ thích thú với hướng dẫn này.

Kết quả cuối cùng

Đây là những gì chúng tôi đi làm hôm nay

Bước 1

Mở photoshop và tạo một tài liệu mới, tôi là 550px × 398px 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à # 979.696.

Bước 3

Select the Rounded Rectangle Tool and create button, mine Radius is 5px , width: 219px and height: 40px . .

Bây giờ chúng tôi sẽ áp dụng một số hiệu lực

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.

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

Drop Shadow

Tiếp theo phong cách áp dụng các lớp Drop Shadow. Giữ Góc nhìn 120o tại, hơn là thay đổi các giá trị của Opacity, Từ xa và Size. Tôi chọn để đặt Opacity ở 20%, Từ xa tại 1px và Size ở 5px.

Inner Shadow

Tiếp áp dụng các phong cách Shadow lớp Nội. Giữ Góc nhìn 120o tại, hơn là thay đổi các giá trị của Opacity, Bạc và Size. Tôi chọn để đặt Opacity ở 27% và Bi ở 100% và Size ở 2px.

Tiếp Thay đổi các tùy chọn Trộn để bình thường.

Bevel Emboss

Tiếp theo, chúng tôi sẽ áp dụng Bevel Emboss, đầu tiên Thay đổi kiểu để Inner Bevel và Kỹ thuật để trơn, hơn là thay đổi các giá trị của Sâu, Hướng, thước và Soften. Tôi chọn để đặt ở độ sâu 100%, Hướng lúc lên, lúc Kích thước 1px và Soften lúc 0px

Giữ Angle tại 120o, Altitude lúc 30o

Nêu bật chế độ: tôi chọn để đặt Opacity ở 0%.

Shadow mode: tôi chọn để đặt Opacity ở 14%.

Cú đánh

Cuối cùng, chúng tôi sẽ áp dụng những đột quỵ. Đầu tiên thay đổi các giá trị của thước. Tôi chọn để đặt thước ở 1px. Thay đổi vị trí tại Inside

Tôi chọn để đặt Opacity 50%.

Thay đổi màu Stroke từ mặc định là # 529.846

Hãy nên như thế này.

Bước 4

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

Chúng tôi sẽ áp dụng một số hiệu ứng cho văn bản.

Gradient Overlay

Double-click vào hình nhỏ lớp Text trong Layer Panel để mở Layer Styles hộp thoại. Trước tiên, chúng tôi sẽ áp dụng Gradient Overlay, chúng tôi sẽ áp dụng một dọc Gradient Effect cho văn bản 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 ..

Double-click trái-màu sắc-stop và nhập giá trị màu # DDDCDC, sau đó bấm đúp chuột vào trung tâm-màu sắc-stop và nhập giá trị màu # FFFFFF.

Drop Shadow

Cuối cùng, chúng tôi sẽ áp dụng phong cách Drop Shadow lớp. Giữ Góc nhìn 120o tại, hơn là thay đổi các giá trị của Opacity, Từ xa và Size. Tôi chọn để đặt Opacity ở 34%, Từ xa tại 1px và Size ở 1px.

Kết quả cuối cùng

Nếu bạn muốn kiểm tra công việc của bạn, bạn có thể tải file PSD cho hướng dẫn này

Download File [240KB]

nếu bạn muốn nhận được nhiều cảm hứng 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