Intersección entre capas para vector de corazón vacío y lleno en Photoshop

He descargado un vector de icono de corazón de flaticon , lo usaré como icono "agregar como favorito", así que necesito dos estados:

  1. El corazón se llenó con un fondo negro con una opacidad del 75 %, por ejemplo (sin marcar)
  2. El corazón lleno de color rojo 100% de opacidad (marcado)

Pregunta: No puedo descifrar cómo llenar un vector manteniendo el color del borde. En otras palabras, deshacerme del fondo negro fuera del corazón en mi ejemplo (vea la segunda captura de pantalla)

Lo que he intentado: he intentado usar la intersección entre capas como puedes ver en la captura de pantalla

vector vacio

vector lleno

Nota: no soy diseñador, soy un desarrollador de iOS que intento crear mi propio diseño por primera vez, así que sea fácil;), he pasado más de 1 hora buscando en Youtube y Google y aquí y supongo que para un diseñador Tardaré 1 minuto en hacer lo que quiero.

Aquí está el vector PSD

Respuestas (2)

Existe cierta confusión debido a la forma en sí. No está "vacío". Es una forma delgada con un camino interior y un camino exterior. La forma está rellena de blanco en tus capturas de pantalla. El centro del corazón es un "contador" creado por los dos caminos que se establecen para crear una imagen compuesta. Está diseñado para ser una forma delgada, similar a un trazo. No es una forma sólida de corazón.


Si desea cambiar el color de esta delgada forma compuesta tal como es....

Simplemente haga doble clic en la capa "corazón" y cambie el color. Si desea que se llene de negro, cambie el color a negro y luego reduzca la opacidad de la capa al 75%


Si estás tratando de restar el corazón de un rectángulo....

Tome la herramienta de forma de rectángulo y configure el menú de operaciones de rutaCombine Shapes en . . .

ingrese la descripción de la imagen aquí

Resalte la capa "corazón" y dibuje el rectángulo.

Luego regrese al menú de operaciones de ruta y configúrelo en Exclude Overlapping Shapes.

ingrese la descripción de la imagen aquí

Terminarás con un rectángulo y un agujero en forma de corazón...

ingrese la descripción de la imagen aquí


Si solo desea llenar la parte interna del corazón, o si su deseo es una forma sólida de corazón...

Duplica la capa "corazón".

Use la Herramienta de selección directa (flecha blanca) para hacer clic en un punto de anclaje en la ruta exterior (o ruta interior) de la capa duplicada.

ingrese la descripción de la imagen aquí

Presiona la Deletetecla dos veces.

Esto deja una forma para la parte interna del corazón cuyo color puedes modificar.

ingrese la descripción de la imagen aquí

si hago doble clic en el pequeño rectángulo en la parte inferior derecha de la capa y cambio el color solo cambia el color del borde, quiero mantener el borde blanco mientras la forma se llena de negro con una opacidad del 70%, verifique el PSD en mi comentario con la pregunta
Bueno, eso explica un poco más. No fuiste muy claro en la pregunta.
Perdón por no ser claro, pero dije "Quiero deshacerme del fondo de atrás fuera del corazón en mi captura de pantalla".
Bueno, el "vector que está vacío" no es realmente exacto. Está lleno, por lo que hubo cierta confusión. Sin embargo, no te preocupes :) Creo que mi respuesta debería cubrir la mayoría de las cosas que quizás quieras hacer.
wow, me gusta tu solución de duplicar y presionar "eliminar" dos veces. Después de eso, tengo que cambiar el tamaño de una de las capas para mostrar el borde blanco, ¿hay alguna alternativa mejor, ya que el cambio de tamaño no puede ser perfecto en píxeles solo con mis ojos?
Simplemente puede agregar un trazo a la forma final (después de eliminar) si desea un borde blanco.
¡Pude usar solo el vector duplicado y agregar un efecto de borde de "fusión de opciones" pero el borde tiene una opacidad del 70%! como el color interior!
Modifique la opacidad del relleno para reducir la opacidad solo del relleno... VEA AQUÍ
ese fue el problema ;) realmente fue muy útil Quiero votar, pero no tengo suficiente reputación, seguro que volveré
Me alegro de poder ayudar :)

hay muchas maneras de hacer esto. Lo más fácil que se me ocurre es hacer clic derecho en la capa e ir a Opciones de fusión. Desde allí, puede hacer clic en el efecto Superposición de color para agregar un color de relleno. Eso debería llenar tu forma con cualquier color que elijas.

Otra opción sería Ctrl + clic en la miniatura de la capa del corazón para "cargar la selección". Luego cree una nueva capa para su relleno y use la herramienta Cubo de pintura para completar la selección que se creó.