¿Cómo hacer que un efecto actúe como transparencia en Photoshop?

Sé que puedo crear una máscara de capa, pero este método solo acepta una máscara de mapa de bits, que yo sepa, el resultado no es perfecto. Intenté usar este método: https://www.youtube.com/watch?v=xGBNHY5rAxg

Lo que estoy tratando de lograr es:

Capa 1: imagen normal de mapa de bits (tipo ráster) (sería aún mejor si pudiera ser una capa vectorial enmascarada, pero está bien si no puede ser).

Capa 2: una capa de máscara vectorial (con un relleno del 0 %) con un trazo o un brillo exterior, lo que sea. El efecto de esta capa debe desvanecer (transparentar) los píxeles de la Capa 2, PERO SIN NECESIDAD DE "TIPO RASTER".

Ejemplo de ideas:idea ejemplo 1

Entonces, si cambio el color del fondo...idea ejemplo 2

Lo que realmente estoy tratando de hacer es un ícono PNG, que hice con formas (capas vectoriales enmascaradas) de un sobre, donde las líneas se hacen con trazos. Entonces, el trazo puede volver transparente la capa debajo de él. No quiero usar la máscara de mapa de bits porque pierdo el beneficio del vector (no puedo cambiar el tamaño sin hacer todo el proceso nuevamente) y pierdo calidad (porque el resultado final no es el mismo. La transparencia creada por el mapa de bits máscara no es perfectamente equivalente a la imagen utilizada).

Quizás esto dé alguna idea:Ícono final

Como puede ver, el ícono es muy pequeño y pensé píxel por píxel, por eso me preocupo tanto por la equivalencia perfecta de la transparencia (en este ícono usé un trazo blanco para hacer las líneas del sobre. Quiero el blanco se vuelve transparente cuando exporto como .png, pero como dije, no quiero usar una máscara de mapa de bits (crear una máscara de capa, escribir mi imagen en trama y luego usarla como una máscara de la imagen en sí) porque me importa demasiado sobre la calidad).

¡Gracias de antemano! (por leer hasta ahora jaja)

Tu pregunta no tiene sentido!
¡Claro que sí! Si no es así, no obtendrá dos votos a favor...
Por favor, @Komental, preste atención a mi comentario en la última imagen (la acabo de editar). Me alegraría si pudieras ayudarme...
De sus capturas de pantalla, está utilizando una versión anterior de Photoshop. Desafortunadamente, no creo que pueda agregar efectos de capa a grupos en su versión. Las mejores respuestas a continuación se basan en esto.
@daviestar: sí, estoy usando Cs5.5, pero se vuelve MÁS DIFÍCIL porque no puedo aplicar efectos directamente, así que DEBO crear un objeto inteligente para que la respuesta aceptada funcione. Pensé tanto en elegir la mejor respuesta que pensé cuál SERÍA la mejor manera para quien tiene CS6+. Incluso usando muchos objetos inteligentes para llegar al mismo resultado, pensé: "Si tuviera CS6, este sería mucho más fácil que cualquier otro...". La mejor respuesta aceptada no es la más fácil para mí, sino la mejor para todos los demás aquí (que tienen un software actualizado).

Respuestas (3)

Me encontré exactamente con este mismo problema hace un tiempo, también mientras dibujaba un montón de iconos pequeños. Resulta que puedes hacer algunas cosas bastante interesantes con el control deslizante "Combinar si... esta capa" en el panel Estilo de capa:

ingrese la descripción de la imagen aquí

Arrastrar el control deslizante derecho completamente hacia la izquierda básicamente le dice a Photoshop: "mantenga todo lo que dibuje negro opaco y haga todo lo blanco transparente".

La parte importante es mantener presionada la tecla Alt/Opt cuando hace clic en el control deslizante para dividirlo en dos valores. Esto crea una transición suave para todos los grises intermedios.

Entonces, coloca las capas de forma de su ícono en un grupo, aplica estas opciones de fusión al grupo y luego lo envuelve en otro grupo para agregar las superposiciones de color, las sombras paralelas, etc. que necesite.

Publiqué algunos ejemplos y un tutorial más detallado sobre Dribbble.

Así es como se ve su archivo de prueba ( descarga PSD ):

ingrese la descripción de la imagen aquí

Me gusta mucho este enfoque. Por lo menos, significaría que puede usar la técnica para muchos íconos y usar el grupo para colorearlos a todos.
¡Me encantó, hombre! ¡Esto hace exactamente lo que quiero! Desafortunadamente, estoy usando Cs5.5 y no puedo aplicar efectos en grupos, pero en su lugar usé objetos inteligentes. Primero agrupé todas mis formas con efectos (trazos) en un SmartObject, apliqué tu truco en este objeto, y los píxeles obtienen su opacidad perfectamente equivalente, PERO el color en las transiciones (entre el trazo blanco y la forma negra) se vuelve GRIS (pero con opacidad correcta) y la cosa se ve rara. Luego creé una capa vacía, los agrupé en un nuevo SmartObject y apliqué una superposición de color. ¡BAM! ¡FUNCIONÓ A LAS MIL MARAVILLAS!
Para cualquiera que pueda aplicar estilos en Grupos (CS6 o superior), ¡este enfoque es muy simple y limpio! ¡Simplemente perfecto! ¡Gracias!
Muy inteligente. Aprendiendo algo nuevo sobre PS aquí :)
Oh, sí, realmente solo comencé a usar esto cuando los estilos de capa en grupos se hicieron posibles. Siempre he encontrado que el objeto inteligente doble es un poco complicado, ¡pero me alegro de que te funcione!

Al ser Photoshop, probablemente haya bastantes enfoques para este problema, pero solo se me ocurre uno que mantiene el escalado y la edición completa del vector.

Desvanecimiento de máscara

Están pasando algunas cosas aquí.

  1. Square es solo una capa de forma para el cuadrado. Nada complicado allí.

  2. El grupo Blurry Circle tiene un círculo como máscara vectorial. La máscara vectorial está configurada para restar y también tiene un calado de máscara de 6px.

  3. El círculo es solo una capa de forma para la parte rellena del círculo.

  4. El grupo Icon solo está ahí para arreglar las cosas.

ingrese la descripción de la imagen aquí

Se puede aplicar un estilo de capa de superposición de colores al grupo Icono para colorear todo el icono.

ingrese la descripción de la imagen aquí

Los cambios en el color de fondo se mostrarán a través del icono.

Una palabra de advertencia: todo este documento está construido usando formas vectoriales (¡sí!). También usa difuminado de máscara (¡sí!). El desvanecimiento de la máscara no se escala cuando el documento (¡boo!). Sin embargo, hay scripts que pueden escalar el desvanecimiento de la máscara (¡sí!).

Si desea ver el PSD que he creado, está disponible aquí: https://www.dropbox.com/s/4stmws0piigh1g8/mask-feathering.psd

Realmente me gustó su enfoque, pero el desvanecimiento de máscara es complicado. Es un poco limitado, y todavía tengo que preocuparme por duplicar las formas que quiero mostrar "dentro" de la parte transparente. Busco la facilidad de usar efectos, y eso no me lo da tu enfoque. Pero aún alcanza excelentes resultados en otras situaciones, ¡y por eso lo voté a favor! Gracias

Primero, responderé la pregunta sobre el sobre, ya que creo que esto es lo que realmente quieres saber.

Tu lógica está un poco fuera de lugar aquí.

Si desea conservar la transparencia, es decir. no use líneas blancas para el sobre, en su lugar, debe crear un rectángulo, luego en la misma capa, cambie la herramienta de forma a 'línea', luego cambie las Operaciones de ruta a Restar y reste las 2 líneas de su rectángulo.

Puede agregar varias formas a la misma capa manteniendo presionada la tecla Mayús mientras hace clic y arrastra para dibujar su forma, agregando a la forma, pero en su caso, como desea restar de la forma, mantenga presionada la tecla Alt.

EDITAR - otra técnica para lograr lo mismo:

Creo que está usando una versión antigua de Photoshop, así que haga esto: Agrupe el rectángulo negro de su sobre y agregue las 2 (o 4) líneas a una nueva capa. Luego arrastre esta máscara vectorial al grupo. Esto logrará lo contrario de lo que desea, por lo que en la máscara de grupo, seleccione todas las líneas y cambie Operaciones de ruta a Restar. En realidad, podría separar todas las formas en nuevas capas de esta manera, colocando cada forma en la máscara de un grupo anidado.

Ahora para la transparencia del vector 'resplandor'.

Cuando se seleccione la capa de forma de círculo, abra la paleta Propiedades e intente jugar con Pluma y Densidad. Así es como puede desenfocar los bordes de una forma, sin embargo, no estoy seguro de si es posible mantener una línea dura en el interior del círculo y desenfocar el exterior como una sombra/resplandor.

Espero que esto ayude.

Entendí lo que quieres decir. Tu camino es el camino "más puro", pero no el más fácil ni el más simple. En realidad, solía crear mis formas con esta cosa de Path resting Path, pero esto es muy limitado, realmente laborioso y si tienes un montón de rutas, la cosa se vuelve un desastre.
La razón por la que digo que su lógica está desactivada es porque la única forma de eliminar 2 líneas de un rectángulo y conservar la transparencia es restar esas líneas del rectángulo. Personalmente, creo que es la forma más fácil, pero en caso de que quieras otra técnica para lo mismo, he editado mi respuesta :)
Gracias por su esfuerzo, pero su respuesta editada es el mismo enfoque que ya dijo Marc Edwards, y ya comenté por qué no la seleccioné como la mejor respuesta en su sección de comentarios. Creo que dijiste que mi lógica no funciona porque no entendiste por qué realmente estoy tratando de hacerlo. Mi idea no es simplemente eliminar líneas, sino crear una forma más fácil de eliminar líneas con degradados suaves e incluso creando opacidad. Tal cosa restando caminos no funciona.
¿Cómo hacer que un efecto actúe como transparencia en Photoshop?
RespuestasAquíPolítica de privacidad1y, 0v