¿Cómo recrearías el efecto distorsionado/ruido que usa Google en sus nuevas ilustraciones de diseño de materiales?

Ilustración de la aplicación de la bandeja de entrada de Google

He estado intentando con pinceles, pero simplemente no se acerca a esto. ¿Alguien ha podido lograr este efecto? ¿Cómo lo hiciste?

estoy usando photoshop cs6

¿¿Que software estas usando?? "CS6" no es muy descriptivo ya que hay más de 20 aplicaciones "CS6".
Lo siento. estoy usando photoshop

Respuestas (3)

Lo siguiente se hizo en Illustrator, pero podría hacerse en Photoshop.

Primero crea tu objeto. Para la demostración, estoy usando un degradado lineal. Puede jugar con una malla de degradado para obtener formas más complejas. Configuré el lado derecho para tener el color y el izquierdo al 0% de opacidad.

opciones

Seleccione su degradado y vaya a Efecto - Textura - Grano

efecto

Juega con las opciones. Dependiendo del color tendrás que cambiar el modo de fusión.

Debajo del modo de fusión se multiplica

final de grano

Otras formas: es posible hacer esto con un pincel de dispersión y máscaras de capa.

¡Agradable! Me he preguntado esto yo mismo. Nunca supe que existía la textura del grano.
Puede haber una guía de estilo dando vueltas. Esto debe ser realmente difícil de controlar entre ilustraciones y múltiples ilustradores sin un ajuste preestablecido documentado.
Bueno, puedes convertir esto en una acción o es posible que ya se haya realizado. Posiblemente podría haber complementos que pueden simplificar el proceso.
¿Qué tal en GIMP? Photoshop no es gratis
@suicidaga mi respuesta y pasos también funcionan para GIMP, la única diferencia sería dónde están las opciones del menú. Pero eso se puede encontrar fácilmente en los archivos de ayuda de GIMP en línea.
@AndrewH No puedo encontrar la textura del efecto de grano en GIMP. ¿Se llama de otra manera en GIMP (suponiendo que conozca GIMP;)

¡Sigue esto! https://medium.com/google-design/salt-pepper-the-art-of-illustrating-texture-c962dc67cc35#.aa24epyn7 . ¡Finalmente un buen método, y eso por un googler!

Hola, Osama Asif C Infinitum, ¿podrías explicar un poco más qué encontraremos detrás del enlace que proporcionas y por qué responde a la pregunta? De esa manera, su respuesta seguirá siendo valiosa en caso de que el enlace se rompa más adelante. Link rot es la razón principal por la que realmente no nos gustan las respuestas de solo enlace aquí. ¡Gracias por tu esfuerzo y sigue contribuyendo!

Publiqué un enlace antes para 4 técnicas diferentes sobre cómo crear esos efectos tal como lo hace Google, en un artículo de un diseñador de Google. Pero el más relevante para esta pregunta es el siguiente:

  1. Cree las formas sólidas a las que desea agregar tintes y luces (en nuestro caso, la naranja). Bloquea la capa.
  2. Añade dos capas encima de la primera. Etiquete uno Multiplicar y el otro Superponer .
  3. En la capa Multiplicar , cree una elipse (círculo) del mismo tamaño que la naranja con un relleno degradado lineal. El relleno degradado debe ir de blanco (#ffffff) a negro (#000000). También ajuste el ángulo de degradado como desee. En nuestro caso, la fuente de luz proviene de la parte superior izquierda, por lo que nuestra sombra debe ser opuesta a la luz en la parte inferior derecha del objeto. Para este ejemplo el ángulo de la pendiente es -60º. Finalmente cambia el blanco en el degradado a 0% de opacidad.
  4. Con el objeto degradado seleccionado, vaya a Efecto > Textura > Grano . Luego debería ver un modal con configuraciones de textura.
  5. A la derecha del modal, seleccione Punteado para Tipo de grano. Luego ajuste la Intensidad y el Contraste para lograr el efecto de textura que está buscando. Seleccione Aceptar .
  6. Con la capa aún seleccionada, cambie el Modo de fusión a Multiplicar o Subexponer color y baje la Transparencia al 10–15 % .
  7. Alinee su objeto Multiplicar sobre la forma sólida (la naranja en nuestro ejemplo).
  8. Una vez que esté satisfecho con los resultados, bloquee la capa Multiplicar.
  9. En la capa Superposición , cree una elipse con un degradado lineal que vaya de blanco a negro y ajuste el ángulo para que el color blanco esté más cerca de la fuente de luz. Cambia la opacidad del negro a 0%.
  10. Repita los pasos 4 y 5.
  11. Con el objeto aún seleccionado, cambie el Modo de fusión a Superposición y baje la Transparencia a 15–20% .
  12. Alinee la capa Superposición sobre su objeto y listo. ¡Sal y pimienta!

Todo esto es para ilustrador y crea el efecto solicitado. Todo esto es un extracto del artículo original y no mi trabajo.

A través de Salt & Pepper - El arte de ilustrar la textura