Làm thế nào để Tạo Web Button Trong Photoshop + Download Miễn phí PSD File
Trong hướng dẫn này chúng ta sẽ tạo ra Web Button. Đ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.
Làm thế nào để Tạo Web Button trong Photoshop
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à # 3A3A3A. 
Bước 3
Chọn Rounded Rectangle Tool và tạo nút, mỏ Radius là 7px, width: 156px và height: 38px..
Bước 4
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 # 9E4C45, sau đó bấm đúp chuột vào bên phải màu cửa và nhập giá trị màu EA8484 #.
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 ở 23%, Từ xa tại 1px và Size ở 9px.
Bước 5
Chọn Horizontal Type Tool và Loại 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.
Lớp phủ màu
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 lớp phủ màu sắc, tôi chọn màu # 0D0D0E
Drop Shadow
Cuối cùng, chúng tôi sẽ áp dụng các Drop Shadow, lần đầu tiên thay đổi các tùy chọn Trộn để bình thường. Thay đổi màu Shadow từ mặc định # FFFFFF. 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 ở 32% và Từ xa tại 1px và Size ở 1px.
Xem thử 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 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.
Thúc đẩy hệ
Bài viết liên quan:
nếu bạn rất thích đọc bài viết này, xin vui lòng kiểm tra các sản phẩm khác liên quan dưới đây:
- Làm thế nào để tạo Nice inset Text Button trong Photoshop
- Làm thế nào để tạo một đơn giản Green Button trong Photoshop
- Làm thế nào để tạo Letterpress Typography trong Photoshop
- Làm thế nào để tạo Nice Easy 3D Text Effect trong Photoshop
- Làm thế nào để Tạo Simple & Blue Button Slick - Photoshop Tutorial
favSHARE nói trên: Tháng 1 18, 2010 at 11:32 Said:
Bài viết này đã được chia sẻ trên favSHARE.net. Đi và bình chọn nó!
tripwire tạp chí | tripwire tạp chí nói trên: 18 tháng 1 năm 2010 at 06:39 Said:
[...] Làm thế nào để Tạo Web Button Trong Photoshop + Download Miễn phí PSD File [...]
140 + điều tươi cho nhà thiết kế và phát triển | Afif Fattouh - Trang web chuyên gia nói trên: tháng 1 18, 2010 at 10:37 Said:
[...] Làm thế nào để Tạo Web Button Trong Photoshop + Download Miễn phí PSD File [...]