Làm thế nào bạn có thể tạo lại hiệu ứng méo / nhiễu mà google sử dụng trong các minh họa thiết kế vật liệu mới của họ?


9

Minh họa từ ứng dụng google inbox

Tôi đã thử dùng bàn chải nhưng nó không gần với cái này. Có ai có thể thực hiện được hiệu ứng này? Bạn đã làm nó như thế nào?

Tôi đang sử dụng photoshop cs6


Phần mềm nào bạn đang sử dụng?? "CS6" không được mô tả nhiều vì có hơn 20 ứng dụng "CS6".
Scott

Tôi xin lỗi. Tôi đang sử dụng photoshop
mars

Câu trả lời:


2

Thực hiện theo điều này! https://medium.com/google-design/salt-pepper-the-art-of-illustrating-texture-c962dc67cc35#.aa24epyn7 . Cuối cùng là một phương pháp tốt, và đó là bởi một người làm việc!


3
Xin chào Osama Asif C Infinitum, bạn có thể vui lòng giải thích thêm một chút về những gì chúng tôi sẽ tìm thấy đằng sau liên kết bạn cung cấp và lý do tại sao nó trả lời câu hỏi không? Bằng cách đó, câu trả lời của bạn vẫn có giá trị trong trường hợp liên kết bị hỏng sau đó. Liên kết thối là lý do chính khiến chúng tôi thực sự không thích câu trả lời chỉ liên kết ở đây. Cảm ơn nỗ lực của bạn và tiếp tục đóng góp!
Cai

9

Dưới đây đã được thực hiện trong Illustrator nhưng có thể được thực hiện trong Photoshop.

Đầu tiên tạo đối tượng của bạn. Đối với trình diễn tôi đang sử dụng một gradient tuyến tính. Bạn có thể lộn xộn với một lưới gradient cho hình dạng phức tạp hơn. Tôi đặt bên phải để có màu và độ mờ bên trái thành 0%.

tùy chọn

Chọn gradient của bạn và đi tới Effect - Texture - Grain

hiệu ứng

Lộn xộn với các tùy chọn. Tùy thuộc vào màu sắc, bạn sẽ phải thay đổi chế độ hòa trộn.

Dưới chế độ hòa trộn đã được nhân lên

hạt cuối cùng

Các cách khác: có thể làm điều này với một bàn chải phân tán và mặt nạ lớp.


2
Đẹp! Tôi đã tự hỏi điều này bản thân mình. Không bao giờ biết kết cấu hạt tồn tại.
Ryan

Có thể có một hướng dẫn phong cách nổi xung quanh. Điều này phải thực sự khó kiểm soát trên các hình minh họa và nhiều họa sĩ minh họa mà không có một tài liệu định sẵn.
Yorik 3/03/2015

Chà, bạn có thể biến điều này thành một hành động hoặc chúng có thể đã được thực hiện. Có thể có các plugin có thể đơn giản hóa quá trình.
AndrewH 3/03/2015

Làm thế nào về GIMP. Photoshop không miễn phí
Suici Doga

@suicidoga câu trả lời của tôi và các bước cũng hoạt động cho GIMP, sự khác biệt duy nhất sẽ là nơi các tùy chọn menu. Nhưng điều đó có thể dễ dàng tìm thấy trong các tệp trợ giúp GIMP trực tuyến.
AndrewH

1

Tôi đã đăng một liên kết trước đây cho 4 kỹ thuật khác nhau về cách tạo ra các hiệu ứng giống như Google, trong một bài viết của một nhà thiết kế Google. Nhưng câu hỏi liên quan nhất đến câu hỏi này là như sau:

  1. Tạo (các) hình dạng rắn mà bạn muốn thêm sắc độ và tô sáng cho (trong trường hợp của chúng tôi, màu cam). Khóa lớp.
  2. Thêm hai lớp trên đầu tiên. Dán nhãn một NhânLớp phủ khác .
  3. Trong lớp Multiply tạo một hình elip (hình tròn) có cùng kích thước với màu cam với phần tô màu tuyến tính. Độ dốc tô màu sẽ chuyển từ màu trắng (#ffffff) sang màu đen (# 000000). Cũng điều chỉnh góc độ dốc như bạn muốn. Trong trường hợp của chúng ta, nguồn sáng đến từ phía trên bên trái, vì vậy bóng của chúng ta phải đối diện với ánh sáng ở phía dưới bên phải của vật thể. Trong ví dụ này, góc của gradient là -60º. Cuối cùng thay đổi màu trắng trong độ dốc thành 0% độ mờ.
  4. Với đối tượng gradient được chọn, đi tới Effect> Texture> Grain . Sau đó, bạn sẽ thấy một phương thức với các thiết lập kết cấu.
  5. Ở bên phải của phương thức, chọn Stippling cho Grain Type. Sau đó điều chỉnh Cường độĐộ tương phản để đạt được hiệu ứng kết cấu mà bạn đang tìm kiếm. Chọn OK .
  6. Với lớp vẫn được chọn, hãy thay đổi chế độ Trộn thành Multiply hoặc Color Burn và giảm độ trong suốt xuống 101015% .
  7. Căn chỉnh đối tượng Multiply của bạn trên hình dạng rắn (màu cam trong ví dụ của chúng tôi).
  8. Khi bạn hài lòng với kết quả, khóa lớp Nhân.
  9. Trong lớp Overlay, tạo một hình elip với độ dốc tuyến tính chuyển từ trắng sang đen và điều chỉnh góc sao cho màu trắng gần với nguồn sáng nhất. Thay đổi độ mờ của màu đen thành 0%.
  10. Lặp lại bước 4 và 5.
  11. Với đối tượng vẫn được chọn, hãy thay đổi chế độ Trộn thành Lớp phủ và giảm Độ trong suốt xuống 15 Lần20% .
  12. Căn chỉnh lớp Overlay trên đối tượng của bạn và đó là nó. Muối và tiêu!

Tất cả điều này là dành cho họa sĩ minh họa và tạo hiệu ứng yêu cầu. Tất cả điều này là một trích từ bài viết gốc và không phải công việc của tôi.

Nguồn: Salt & Pepper - Nghệ thuật minh họa kết cấu

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.