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

9

Ilustración de la aplicación Google Inbox

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

Estoy usando Photoshop CS6

Marte
fuente
¿¿Que software estas usando?? "CS6" no es muy descriptivo ya que hay más de 20 aplicaciones "CS6".
Scott
Lo siento. Estoy usando photoshop
marte el

Respuestas:

2

¡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 buscador de Google!

Osama Asif C Infinitum
fuente
3
Hola Osama Asif C Infinitum, ¿podría explicar un poco más lo que encontraremos detrás del enlace que proporciona y por qué responde la pregunta? De esa manera, su respuesta sigue siendo valiosa en caso de que el enlace se rompa más adelante. La descomposición del enlace 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!
Cai
9

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

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

opciones

Seleccione su gradiente y vaya a Efecto - Textura - Grano

efecto

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

Por debajo del modo de fusión se multiplicó

grano final

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

AndrewH
fuente
2
¡Agradable! Me lo he preguntado yo mismo. Nunca supe que existía la textura del grano.
Ryan
Puede haber una guía de estilo flotando. Esto debe ser realmente difícil de controlar a través de ilustraciones y múltiples ilustradores sin un preajuste documentado.
Yorik
Bueno, puedes convertir esto en una acción o su ya podría estar hecho. Posiblemente podría haber complementos que pueden simplificar el proceso.
AndrewH
¿Qué tal en GIMP. Photoshop no es gratis
Suici Doga
@suicidoga mi respuesta y mis 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
1

Publiqué un enlace antes para 4 técnicas diferentes sobre cómo crear esos efectos al igual que 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 matices y reflejos (en nuestro caso, el naranja). Bloquea la capa.
  2. Agregue dos capas sobre la primera. Etiquete una Multiplicación y la otra Superposición .
  3. En la capa Multiplicar , cree una elipse (círculo) del mismo tamaño que la naranja con un relleno de degradado lineal. El relleno de degradado debe ir de blanco (#ffffff) a negro (# 000000). También ajuste el ángulo de gradiente como lo 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 del gradiente es -60º. Finalmente cambie el blanco en el gradiente a 0% de opacidad.
  4. Con el objeto degradado seleccionado, vaya a Efecto> Textura> Grano . Entonces debería ver un modal con configuraciones de textura.
  5. A la derecha del modal, seleccione Stippled para Tipo de grano. Luego ajuste la intensidad y el contraste para lograr el efecto de textura que está buscando. Selecciona OK .
  6. Con la capa aún seleccionada, cambie el modo de Fusión a Multiplicar o Grabar 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 del blanco al negro y ajuste el ángulo para que el color blanco se acerque más a 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 de 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.

Fuente: Salt & Pepper - The Art of Illustrating Texture

Osama Asif C Infinitum
fuente