¿Cómo superponer el color de un icono con varios colores?

¿Hay alguna manera (idealmente usando Sketch) de hacer una superposición de un solo color sobre un ícono que tiene varios colores, mientras se conservan los diferentes tonos del ícono original?

Estoy tratando de convertir el ícono de la carpeta azul en diferentes colores (verde, púrpura, etc.), pero estoy tratando de hacerlo de manera más elegante que tener que revisar y volver a colorear cada forma individualmente. Me gustaría poder cambiar el color de la carpeta y que respete la opacidad del ícono debajo.

¿Debo convertir el ícono azul original en un gris transparente? ¿Entonces de alguna manera enmascarar el color superpuesto? Lo intenté a continuación en Sketch y no pude hacerlo funcionar.

ingrese la descripción de la imagen aquí

ingrese la descripción de la imagen aquí

¿En qué formato está tu ícono original? (Por ejemplo, ¿es un vector editable o es un mapa de bits?)

Respuestas (3)

Prueba esto:

  • ingrese su versión azul como una capa
  • elimina el fondo blanco - no querrás que se coloree
  • haga una selección que cubra su área de forma (es la inversa de la que se usó cuando se eliminó el fondo blanco)
  • pintar, llenar, colocar un degradado o algo más en una nueva capa; no exceda el borde de selección
  • experimente diferentes modos de fusión de superposición y valores de opacidad
  • agregar otra capa que afecte el color

En realidad no tengo Sketch, pero lo hice en Photoshop, vea un ejemplo:

ingrese la descripción de la imagen aquí

Aquí la superposición es un degradado que resultó en este brillo casi metálico. El contraste se aumenta al agregar una curva de luminosidad en la parte superior y hacer un aumento de tono medio típico S. El degradado en la capa 2 tiene un modo de fusión de capas = exclusión para un efecto fuerte y prácticamente impensable de antemano.

No sé sobre bocetos, pero en Photoshop puede importar la imagen y cambiar el color usando el balance de color o los ajustes de tono y saturación. Alternativamente, puede crear una capa sobre la imagen/capa importada y llenar el bloque con un color y establecer el modo de fusión en color.

El método que encontré para hacer esto en Sketch con un objeto vectorial es (perdón por la forma aleatoria, quería asegurarme de que funciona con degradados/bordes/etc.):

Imagen original

  1. Duplique su objeto y convierta todos los contornos en trazos. Une y aplana todos los elementos de este nuevo grupo hasta que solo tengas una forma rellena que cubra todo el objeto original.

duplicado y aplanado

  1. Cambia el Modo de Fusión del nuevo elemento a Color

objeto coloreado final

  1. Cambia el color del nuevo elemento al color que quieras. Nada te impide usar gradientes también...

también con degradados!