Thiết kế nền và văn bản bằng thép không gỉ thực tế [Hướng dẫn Photoshop]

Các nhà thiết kế web và quản trị web thường yêu thích các loại hiệu ứng thép hoặc kim loại mát mẻ trước web 2.0 bão vào và cuốn trôi mọi thứ; bỏ rơi WWW với các trang web độ dốc, lạm dụng. Apple.com luôn có liên quan đến thiết kế giao diện Web 2.0 tốt, nhưng những người này chưa bao giờ mất đi các hiệu ứng đen và bạc tuyệt vời cũng như không làm cho nó tốt hơn trong các thiết kế và kiểu chữ của họ.

Lấy cảm hứng từ các thiết kế của họ, tôi đang cố gắng đưa những phong cách này trở lại thiết kế cá nhân của mình và do đó tạo ra một thứ gì đó chắc chắn, và trông hơi giống một miếng kim loại thép không gỉ. Hướng dẫn Photoshop đầy đủ sau khi nhảy.

Nền thép không gỉ

Bước 1

Tạo một tài liệu mới trống ở kích thước 600 × 400. Tạo một layer mới, đặt tên cho nó 'lý lịch' và tô nó với màu xám [# c0c0c0]. Bản sao 'lý lịch' lớp, đặt tên cho lớp mới 'nền thép'và đặt nó lên trên'lý lịch'.

Bước 2

Với lớp 'nền thép' được chọn, áp dụng Bộ lọc -> Thêm tiếng ồn và nhập các cài đặt sau:

• Số tiền: 14,21
• Phân phối: Gaussian
• Kiểm tra đơn sắc

Bước 3

Với 'nền thép'lớp vẫn được chọn, đi Bộ lọc -> Mơ hồ -> Chuyển động mờ và nhập các cài đặt sau:

• Thiên thần: 0
• Khoảng cách: 34 pixel

Click chuột phải 'nền thép', lựa chọn Tùy chọn trộn và nhập các cài đặt sau cho Lớp phủ Gradient - Trình chỉnh sửa Gradient:

Dừng màu 1

• Màu: # 000000
• Độ mờ đục: 50%
• Địa điểm: 0%

Dừng màu 2

• Màu: #ffffff
• Địa điểm: 50%

Dừng màu 3

• Màu: # 000000
• Độ mờ đục: 50%
• Địa điểm: 0%

Văn bản kim loại

Bước 4

Nền thép không gỉ của bạn về cơ bản đã được thực hiện, chúng tôi sẽ tiếp tục từ đó để chèn một văn bản kim loại trông phù hợp. Sử dụng Công cụ văn bản, viết một cái gì đó ở giữa, tốt nhất là với phông chữ béo (Tôi đang sử dụng Myriad Pro Bold ở đây). Nhấp chuột phải (hoặc nhấp đúp chuột) lớp văn bản để khởi chạy Tùy chọn trộn hộp thoại.

1. Thả bóng

• Độ mờ đục: 38%
• Khoảng cách: 1px
• Lây lan: 1%
• Kích thước: 2px

• Độ sâu: 100%
• Kích thước: 0px
• Làm mềm: 0px
• Độ mờ nổi bật: 42%
• Độ mờ của bóng: 32%

Văn bản của bạn sẽ trông giống như dưới đây.

Bước 5

Đây là một cái gì đó bạn cần phải theo dõi chặt chẽ. Giữ phím Control (Mac: Phím lệnh) và nhấp chuột trái vào lớp văn bản để tô sáng đường viền của nó. Hãy chắc chắn rằng phác thảo vẫn còn đó, chọn 'nền thép'lớp, và nhấn Control + J (Mac: Lệnh + J)

Bằng cách này, bạn đang nhân đôi nền thép theo hình dạng của văn bản. Đổi tên lớp thành 'nền văn bản'và di chuyển nó lên đầu.

Bước 6

Thay đổi 'nền văn bản' đến Ghi màu, mang nó đi Độ mờ đục xuống 67%.

Đầu ra cuối cùng của bạn sẽ trông giống như hình ảnh bên dưới.

Tải xuống tệp .PSD.