¿Cómo puedo crear la textura de la fruta?

Estoy buscando crear la textura de una fruta, específicamente la de un limón, en forma de una imagen texturizada que, por lo demás, es transparente. Esto se debe a que quiero poder usarlo como una capa superpuesta en elementos de mi navegador.

Aquí hay un ejemplo del tipo de textura que estoy tratando de crear, menos el amarillo.

Pude encontrar cómo crear texto texturizado compuesto por imágenes de frutas , pero necesito una superposición porque mi contenido es más dinámico.

También busqué en los filtros de Photoshop, a saber, Plastic Wrap porque se parecía al tipo de textura que estoy tratando de hacer, pero no pude aplicar el filtro a una imagen transparente.

¿Alguien puede darme una idea de cómo podría crear una imagen texturizada transparente similar a la piel de un limón?


Usando el enfoque de Blue1086, pude crear lo siguiente, lo cual es excelente, pero ¿hay alguna manera de eliminar más gris? Como puede ver en mi proyecto , hace que el limón en la parte superior sea un poco más gris de lo que me gustaría.

Para combinarlo bien, debe usar un modo de combinación de fondo CSS. Todavía no son totalmente compatibles con todos los navegadores, pero están llegando.

Respuestas (4)

Lo que creo que estás tratando de decir es que quieres una textura de limón sobre una imagen. Para hacer esto, haría esto:

  1. Crea un limón completamente coloreado (o simplemente usa una imagen)
  2. Vaya a Imagen > Ajustes > Desaturar imagen
  3. Vaya a Edición > Definir patrón
  4. Cree una nueva capa en blanco sobre la imagen en la que desea colocar la textura
  5. Vaya a Edición > Relleno (asegúrese de que en Fusión , el modo esté configurado en Normal y la opacidad esté configurada en 100 %
  6. Haga clic en Aceptar
  7. Establezca el Modo de fusión de la capa en Superposición

¿Funcionó esto?

EDITAR: Ok, ahora veo lo que quieres.

  1. Crear una capa transparente en Photoshop
  2. Pega tu imagen
  3. Vaya a Imagen > Ajustes > Desaturar imagen
  4. Cambie la opacidad a alrededor del 50%
  5. Vaya a Archivo > Guardar como
  6. Establecer formato a PNG (u otro formato transparente)
  7. Haga clic en Guardar
¡Esto es genial! Pero, ¿hay alguna forma de eliminar más el gris? Bajé la opacidad al 20 % para que encajara mejor, pero aun así sería increíble eliminar más gris si es posible.
¿Ir a Imagen > Ajustes > Tono/Saturación y luego aumentar la luminosidad ayuda?
Lamentablemente no
Lo último que se me ocurre es Imagen > Ajustes > Reemplazar color . Haga clic en el Cuentagotas con el '+' y seleccione las partes grisáceas que desea que sean 'menos grises' y luego cambie el Color final a algo como blanco o gris claro. Marcar grupos de colores localizados puede ayudar. Puedes jugar con esto hasta que con suerte obtengas el resultado deseado.

Por alguna razón, esta pregunta apareció después de 5 años de su publicación. Entonces, obviamente, los diseñadores web no tenían modos de fusión como luz fuerte, multiplicación, etc. Solo tenían transparencia para mezclar capas.

Eso no ha impedido los intentos de obtener algo, aunque la textura de sombra gris parcialmente transparente hizo que los colores fueran opacos, como vemos en las respuestas anteriores y sus comentarios. Con los modos de fusión de Photoshop, uno habría necesitado una foto de textura que sea en promedio un 50 % gris y tenga un modo de fusión de luz intensa. El resultado habría sido y todavía estaría bien.

Al mezclar con transparencia, solo se puede agregar blanco si la textura en sí no se puede colorear y el resultado no debe volverse gris. Por supuesto, una textura coloreada funcionaría bien con la transparencia, pero esta vez obviamente está fuera de discusión. Si se permite algo de gris, se puede simular el relieve con una copia invertida de la textura blanca. Eso se intenta al final de la respuesta.

La textura solo blanca no puede ser correcta, pero aún puede ser utilizable. Un ejemplo:

ingrese la descripción de la imagen aquí

A la izquierda hay un limón no tan finamente pintado con un degradado radial simple. A la derecha hay un patrón de textura que contiene solo un 60 % de puntos aleatorios blancos opacos. Hay una máscara de capa para limitar el área afectada. La siguiente imagen muestra la capa de textura completamente opaca, sin máscara y contra un fondo oscuro:

ingrese la descripción de la imagen aquí

La textura está hecha de ruido BW:

ingrese la descripción de la imagen aquí

El ruido se desdibujó con un desenfoque gaussiano de 1 px y el resultado obtuvo el filtro Stylize > Emboss:

ingrese la descripción de la imagen aquí

Si solo se usa la parte blanca, debe ser lo suficientemente grande. Se puede aumentar el blanco con curvas. Modo de fusión Un color más claro y un fondo amarillo ayudan a encontrar el brillo necesario:

ingrese la descripción de la imagen aquí

Con la varita mágica se puede seleccionar el amarillo (=muestrear todas las capas) y con esa selección eliminar las áreas grises entre las blancas en la textura. El resultado con el modo de fusión normal da el mismo que el anterior con el modo de fusión Color más claro:

ingrese la descripción de la imagen aquí

El resultado es la textura final utilizada, solo elimine la capa de prueba amarilla y exporte como PNG.

Si se permite algo de gris , se puede hacer una copia invertida de la textura blanca y cambiarla un par de píxeles. Eso crea algo así como el relieve:

ingrese la descripción de la imagen aquí

En Photoshop, la combinación de "color más claro" deja el negro solo como bordes. Fusionar texturas y elevar el negro al 50 % de gris con Curves genera una textura que es más plausible que el blanco solo, porque hace que la superficie tenga más baches. Aquí se aplica a un "limón":

ingrese la descripción de la imagen aquí

Esta respuesta tal vez no sea la mejor, pero puedes probar los siguientes pasos:

  • Ir a la pestaña de canales
  • Ctrl+clic, el pulgar de la capa de canal que mejor representa la textura y Ctrl+C
  • Vuelva a las capas y deseleccione (si está seleccionado)
  • crea una nueva capa y pega (Ctrl+V)

Esta nueva capa es lo que buscas. Es una textura semitransparente que puedes superponer sobre un color sólido. Es posible que se necesiten algunos ajustes dependiendo de lo que busque. Tal vez aumente el contraste y así sucesivamente.

Así es como se ve mi prueba, pero copié los 3 canales y luego los fusioné:

ingrese la descripción de la imagen aquí

Me preguntaba si podría colocar la textura en una capa sobre el objeto y establecer el modo de fusión de la capa de textura en superposición o luz suave. ¿Hace eso lo que estabas tratando de hacer?

El problema con esto es que necesitaba exportar la textura como una capa para usar en el navegador (para que pueda agregarse dinámicamente a otras cosas), no afectar algo en Photoshop. ¡Gracias por tu aporte!