Làm chủ giao diện “grunge” với hướng dẫn Photoshop từng bước này

Kết cấu Grunge là một xu hướng phổ biến được đặc trưng bởi vẻ hữu cơ, chân thực và chắc chắn của nó. Các nhà thiết kế không cần phải cực đoan khi cố gắng làm cho các thiết kế trông chắc chắn – các yếu tố thị giác tinh tế cũng mang lại hiệu quả.

Trong hướng dẫn này, tôi sẽ chỉ cho bạn cách đạt được hiệu ứng thô bằng cách sử dụng các kết cấu không đều trên một bức ảnh đen trắng đơn giản. Chương trình nào là tốt nhất để tạo ra các thiết kế có họa tiết và sờn rách nhiều? Tất nhiên là Photoshop!

Đây là hình ảnh cuối cùng mà chúng tôi sẽ tạo:

Bắt đầu bằng cách tạo một hình ảnh mới:

• Tập tin: Mới mẻ
• Kích thước hình ảnh: chiều rộng 1280 px; chiều cao 867 pixel
• Màu nền: màu đen

Mở, sao chép và dán ảnh cơ sở của bạn

Mở ảnh bạn muốn sử dụng làm nền cho thiết kế của mình. Tôi đang sử dụng ảnh của một dàn nhạc từ một cuộc thi mà tôi đã thắng.

Mở hình ảnh bằng cách:

• chọn tất cả: ctrl + A
• đối phó: ctrl + C
• sau đó dán nó vào tài liệu mới mà bạn đã tạo ở bước trước: crtl + V
• bạn có thể đặt nó ở trung tâm, chia tỷ lệ hoặc di chuyển nó bằng công cụ biến đổi miễn phí: lệnh + T

Kết hợp các kết cấu: chế độ hòa trộn và mặt nạ

tôi yêu và quý kết cấu! Và ai không? Chúng thực sự tạo ra sự tương phản đẹp mắt và mang lại cho các thiết kế một cảm giác sống động như thật. Có rất nhiều kết cấu bạn có thể tìm thấy trên web nhưng đừng ngại tạo ra họa tiết của riêng bạn.

Khi xử lý các kết cấu, chúng ta sẽ chỉ sử dụng một vài công cụ – các hình dạng đơn giản, chế độ hòa trộn và mặt nạ lớp.

Kết cấu 3D

Kết cấu 3D không chỉ mang lại cho thiết kế một cái nhìn độc đáo mà còn tạo ấn tượng về chiều sâu. Trong ví dụ này, tôi đã sử dụng một kết cấu mà tôi đã tạo trước đó trong Illustrator. Vui lòng tìm kiếm trên web các tùy chọn kết cấu 3D khác.

Đặt kết cấu 3D trên lớp của chính nó (phía trên lớp ảnh):

• thiết lập chế độ hòa trộn (một danh sách thả xuống được tìm thấy ở đầu bảng màu): Màn
• đặt độ mờ: 67%

Vẽ một hình dạng bao phủ hình ảnh (bạn có thể sử dụng công cụ hình chữ nhật):

• cho nó một Tô theo màu # 000834
• đặt chế độ hòa trộn: Lớp phủ
• độ mờ: 100%

Sử dụng cùng một kết cấu này một lần nữa và đặt nó lên trên hình dạng:

• đặt chế độ hòa trộn: Bình thường
• độ mờ: 29%

Kết cấu kim loại

Tiếp theo, chúng tôi sẽ sử dụng một kết cấu trông như kim loại – tôi đã tìm thấy một kết cấu đẹp trên webtreats.mysitemyway.com.

Mở kết cấu, sau đó sao chép và dán các mảnh kết cấu vào thiết kế của bạn:

• đặt chế độ hòa trộn: Lớp phủ
• độ mờ: 25%

Thực sự chơi xung quanh vị trí của kết cấu, đặc biệt là ở các khu vực sáng hơn.

Kết cấu grunge

Bây giờ, chúng tôi sẽ kết hợp kết cấu trông giống như grungy thực tế.

Sau khi mở kết cấu, tôi cắt nó thành 5 miếng và đặt nó lên 5 lớp riêng biệt. Sau đó, tôi tạo các phân đoạn bằng cách chọn:

• công cụ marque: M – kéo và đánh dấu một khu vực
• cắt vùng đã chọn: lệnh X
• dán nó vào thiết kế: lệnh V

Đối với mỗi lớp, hãy đặt:

• chế độ hoà trộn: Lớp phủ
• độ mờ: 41%

Sau đó, thêm mặt nạ vào mỗi lớp:

Chọn công cụ cọ vẽ (B) và vẽ trên mỗi mặt nạ để bạn có được kết quả không đều hơn.

Lưu ý: bảng màu của bạn nên được đặt trên nền đen và trắng. Đặt nó thành màu đen nếu bạn muốn xóa và nếu bạn muốn thêm lại thứ gì đó, hãy chuyển nó sang màu trắng và vẽ lại.

Vẽ trên mặt nạ:

Vẽ trên mặt nạ:

Đây là những gì kết cấu grunge và 3D trông như thế này:

Đây là những gì cả 3 trông giống nhau sau khi kết hợp kết cấu kim loại:

Thêm văn bản

Hãy thêm một số cấu trúc và chuẩn bị các khu vực để chúng ta có thể đặt văn bản. Ngay phía trên lớp ảnh, vẽ một thanh ngang bằng Rectangle Shape Tool (U). Đặt hình dạng để nó mờ đi một cách độc đáo vào hình ảnh:

• chế độ hòa trộn: Bình thường
• độ mờ: 100%

Bây giờ, vẽ một hình thứ hai (nó có màu đỏ trong ví dụ của tôi) phía trên lớp kết cấu 3D:

• chế độ hòa trộn: nhân
• độ mờ: 100%

Chúng tôi sẽ thêm hiệu ứng đổ bóng:

• nhấp chuột phải vào layer> Blending Options> Drop Shadow
• Thay đổi khoảng cách thành 9px> Lan tràn 0%> kích cỡ 0px

Tạo kết cấu bằng cọ

Để giữ cho thiết kế nhất quán, tôi cũng thường đặt các biểu tượng theo phong cách grunge. Một lần nữa, bạn có thể tìm thấy kết cấu từ web hoặc vui vẻ tạo ra họa tiết của riêng bạn.

Hãy tạo của riêng chúng ta bằng cách sử dụng cọ kết cấu đã tồn tại trong cài đặt cọ mặc định của bạn. Tạo một tài liệu mới:

Vẽ một vài nét bằng bút vẽ họa tiết, sau đó nhân bản nó bằng cách chọn:

• Bộ lọc> Khác> Chênh lệch: 50px ngang, 50px dọc

Bạn có thể sửa mọi góc cạnh bằng công cụ Spot Healing Brush hoặc công cụ Cao su Stamp. Khi mọi thứ trông có vẻ khó chịu, hãy chọn:

• Tất cả: ctrl + A
• Chỉnh sửa> xác định mẫu

Đặt tên cho mẫu – nó sẽ được lưu vào bảng mẫu của bạn để sử dụng sau này.

Biểu tượng xã hội

Sau khi mẫu được tạo, tôi tải các biểu tượng Twitter và Facebook từ bộ hình dạng của mình và áp dụng mẫu của mình. Thực hiện việc này bằng cách nhấp chuột phải vào layer> Blending Options> Pattern Overlay. Tôi đặt mỗi lớp:

• chế độ hòa trộn: Bình thường
• độ mờ: 100%

Sẵn sàng, thiết lập… nhấn OK! Các biểu tượng hiện có phong cách grunge:

Phông chữ

Để có những nét cuối cùng, tôi thêm tiêu đề và menu bằng cách sử dụng phông chữ grunge. Trong ví dụ này, tôi đã sử dụng màu sắc mạnh để chúng nổi bật so với nền có kết cấu.

Kết quả cuối cùng

Hướng dẫn này là một khởi đầu hữu ích cho những ai muốn thử nghiệm phong cách grunge này trong các dự án kỹ thuật số của họ.

Một khi bạn cảm thấy tự tin với những kỹ thuật và công cụ này, tôi khuyên bạn nên quên những gì bạn đã học và chỉ cần vui vẻ kết hợp các kết cấu một cách sáng tạo và đơn giản!

Bạn có câu hỏi về cách tạo kết cấu grunge? Xin vui lòng hỏi trong các ý kiến!