Para mantener un contorno vectorial preciso mientras el desenfoque se desvanece en un diseño abstracto, aplícalo como filtro inteligente y añade un degradado a su máscara de filtro. Mantén separada la máscara vectorial. Este flujo de trabajo en Mac conserva el control independiente del contorno, la ilustración y el desenfoque.
El ejemplo siguiente crea rectángulos superpuestos y una elipse, y luego los contiene dentro de un óvalo nítido. El detalle permanece nítido a la izquierda y se vuelve borroso hacia la derecha. Todas las dimensiones y valores de filtro son puntos de partida ilustrativos.
¿Qué máscara controla el resultado que buscas?
Las máscaras de Photoshop tienen distintas funciones. Una máscara vectorial define la visibilidad mediante un trazado. Una máscara de capa controla la visibilidad de la ilustración mediante valores de escala de grises. Una máscara de filtro inteligente controla dónde aparecen los efectos del filtro. Adobe las documenta por separado en sus guías sobre máscaras vectoriales, edición de máscaras de capa y máscaras de filtro inteligente.
| Apariencia deseada | Control que debes usar | Qué cambia |
|---|---|---|
| Un contorno ovalado preciso | Máscara vectorial | El contorno visible |
| La ilustración desaparece gradualmente | Degradado en una máscara de capa | La visibilidad de la ilustración |
| El detalle se desenfoca gradualmente | Degradado en una máscara de filtro inteligente | La visibilidad del filtro |
| Un contorno exterior suavizado | Desvanecimiento de la máscara vectorial | La suavidad del borde |
Para el ejemplo principal, combina el primer y el tercer control. Un degradado en una máscara de capa normal crea una transición que deja ver el fondo; el tutorial de fusión gradual de Adobe muestra ese resultado. No crea detalles desenfocados.
Crea una ilustración abstracta original con formas de origen editables
Crea un documento nuevo con Archivo > Nuevo. Para practicar, elige un lienzo de 1600 × 1000 píxeles, Color RGB, 8 bits por canal y un fondo blanco. Abre Ventana > Capas y Ventana > Propiedades para poder comprobar qué está seleccionado durante el ejercicio.
Dibuja un rectángulo azul grande, un rectángulo naranja más estrecho que lo cruce y una elipse amarilla pequeña que se superponga a ambos. Usa las herramientas Rectángulo y Elipse en modo Forma. Elige el color de Relleno de cada forma en la barra de opciones y omite el trazo. Mantén cada forma en su propia capa; si hace falta, selecciona el fondo antes de dibujar la siguiente forma para evitar ampliar una forma existente. Adobe explica los modos de dibujo disponibles y los controles de relleno en Opciones de los modos Forma, Trazado y Píxeles.
Haz que la composición sea más grande que el óvalo que quieras mostrar. Incluye límites de color a ambos lados del centro: te servirán para evaluar el desenfoque. Con un solo color uniforme sería difícil valorar el desenfoque interior.
En el panel Capas, selecciona las tres capas de la ilustración y deja sin seleccionar el fondo blanco. Elige Capa > Objetos inteligentes > Convertir en objeto inteligente y, a continuación, asigna a la capa resultante el nombre Ilustración abstracta. Adobe documenta que este comando puede agrupar varias capas seleccionadas en un único objeto inteligente incrustado.
Este es el primer límite de edición importante: las formas originales quedan dentro del objeto inteligente, mientras que el filtro y las máscaras siguientes pertenecen a su capa exterior. Para revisar las formas más adelante, elige Capa > Objetos inteligentes > Editar contenido, edita el documento de origen que se abre y guárdalo para actualizar la composición. Consulta las instrucciones de Adobe para editar el contenido de objetos inteligentes.
Añade desenfoque y limítalo con un contorno vectorial
Selecciona la miniatura de la ilustración del objeto inteligente. Elige Selección > Deseleccionar antes de aplicar el filtro para que una selección anterior no limite la operación. Elige Filtro > Desenfocar > Desenfoque gaussiano, prueba un radio de 18 píxeles y confirma. Este radio es un ejemplo, no un ajuste obligatorio. Adobe describe el Desenfoque gaussiano como un desenfoque ajustable en su referencia de efectos de filtro.
Comprueba que el filtro aparezca debajo del objeto inteligente en el panel Capas. Los filtros inteligentes conservan los píxeles de origen y mantienen los efectos editables por separado; Adobe explica esta estructura en Aplicar y administrar filtros inteligentes.
Ahora añade el contorno exterior:
- Selecciona la capa
Ilustración abstracta. - Elige la herramienta
Elipsey cambia el modo de dibujo aTrazado. - Dibuja un óvalo ancho que pase por las formas superpuestas y deja parte de la ilustración fuera de su perímetro.
- Elige
Capa > Máscara vectorial > Trazado actual. - Selecciona la miniatura de la máscara vectorial y mantén
Densidaden 100 % yDesvaneceren 0 píxeles para obtener un contorno nítido.
Adobe documenta la creación de máscaras basadas en trazados y estas propiedades en Enmascarar capas con máscaras vectoriales.
La disposición prevista es un objeto inteligente con una máscara vectorial en su fila de capa, además de una miniatura de máscara de filtro junto a Filtros inteligentes, debajo. Las formas subyacentes se extienden más allá del óvalo, de modo que el desenfoque puede tomar como referencia la ilustración circundante antes de que el contorno final limite la visibilidad. Esta disposición es una aplicación práctica de los controles de filtro y máscara documentados.
Dibuja el degradado en la máscara de desenfoque
Haz clic en la miniatura de máscara junto a Filtros inteligentes, debajo de la capa de la ilustración. No selecciones la miniatura de máscara vectorial ni una miniatura de máscara de capa normal. Adobe indica que la máscara de filtro se crea automáticamente al aplicar un filtro inteligente y que el blanco revela los efectos, el negro los oculta y el gris los mezcla. Consulta Enmascarar efectos de filtros inteligentes.
Selecciona la herramienta Degradado. Establece el color frontal en negro y el color de fondo en blanco; luego elige el degradado de color frontal a color de fondo en el selector de ajustes preestablecidos. El tutorial de Adobe sobre degradados en máscaras de capa documenta este flujo de trabajo con ajustes preestablecidos; aplicarlo a la máscara de filtro seleccionada sigue el uso documentado por Adobe de herramientas de pintura y edición en máscaras de filtro.
Elige Lineal como tipo de degradado y desactiva Invertir. Arrastra horizontalmente desde aproximadamente un tercio del óvalo hasta dos tercios. El lado negro del inicio suprime el desenfoque y el lado blanco del final lo revela. La documentación de Adobe sobre el relleno de degradado explica los tipos de degradado y cómo la dirección y la longitud del arrastre controlan la transición.
Inspecciona el resultado antes de añadir más efectos. Deberías ver límites de color nítidos y reconocibles a la izquierda, límites suavizados a la derecha y el mismo perímetro ovalado nítido alrededor de ambos.
Considera la intensidad del desenfoque y el ancho de la transición como dos decisiones independientes. Si el lado derecho queda demasiado suave, ajusta la configuración del Desenfoque gaussiano. Si el cambio ocurre demasiado bruscamente, amplía la transición del degradado. Como comparación ilustrativa, una transición de unos 500 píxeles da más espacio a la mezcla que una de unos 150 píxeles; ninguna de las dos distancias es preferible en todos los casos.
Este método tiene un límite útil: una máscara de filtro con degradado mezcla el resultado filtrado con el resultado sin filtrar. No asigna un radio de Desenfoque gaussiano distinto a cada posición. Esta distinción se desprende de la descripción de Adobe de las máscaras de filtro como controles de visibilidad de los efectos.
Si necesitas que la intensidad del desenfoque varíe en toda la ilustración
Para obtener un desenfoque que varíe gradualmente en el espacio, usa Desenfoque de campo en lugar del método de Desenfoque gaussiano con máscara. Elimina primero la entrada de Desenfoque gaussiano para evitar combinar dos tratamientos sin querer. Con el objeto inteligente seleccionado, elige Filtro > Galería de desenfoque > Desenfoque de campo. Coloca un punto de control a la izquierda con un valor de desenfoque de 0 y otro a la derecha con un valor mayor, como 18 píxeles. Ajusta sus posiciones, revisa la vista previa y confirma.
Adobe documenta que varios puntos de control con distintos valores crean un desenfoque gradual, y que los efectos de la Galería de desenfoque pueden seguir siendo editables como filtros inteligentes. Conserva la máscara vectorial exterior existente y deja blanca la máscara de filtro si quieres que solo los puntos de control determinen la distribución del desenfoque. Consulta Usar los efectos de profundidad de campo de la Galería de desenfoque.
¿Y si quisieras una transición gradual de transparencia?
Conserva el contorno vectorial, pero aplica el degradado a una máscara de capa normal. Selecciona la capa de la ilustración, deselecciona cualquier selección activa y haz clic en el icono de máscara de capa del panel Capas. Si ya existe una máscara de capa normal, selecciónala en vez de añadir otra. Adobe documenta el procedimiento en Añadir máscaras de capa.
Dibuja un degradado de blanco a negro en esa máscara para conservar la ilustración en el extremo blanco y ocultarla en el extremo negro. La máscara vectorial sigue definiendo el contorno, mientras que la máscara de escala de grises controla la transición. La guía de edición de máscaras de Adobe confirma que los valores más oscuros de la máscara aumentan la transparencia sin modificar la ilustración de origen.
Usa esta variante cuando quieras que se vea el fondo en el extremo de la transición. Usa la máscara de filtro inteligente cuando el extremo deba seguir visible, pero desenfocado.
Diagnostica el resultado antes de guardar
Comprueba primero el destino de la máscara. Un borde alrededor de una miniatura identifica el destino de edición activo, tal como explica Adobe en Editar y perfeccionar máscaras de capa existentes.
| Síntoma | Qué comprobar | Cómo corregirlo |
|---|---|---|
| La ilustración desaparece hacia un lado | Puede que haya un degradado en una máscara de capa normal | Deshaz ese cambio y selecciona la máscara de filtro |
| El desenfoque va en la dirección contraria | Comprueba los extremos negros y blancos de la máscara de filtro | Selecciona esa máscara y usa Invertir en Propiedades |
| El perímetro ovalado se ve suave | Comprueba el ajuste de desvanecimiento de la máscara vectorial | Vuelve a poner Desvanecer en 0 píxeles |
| También se desvanece otro filtro | Comprueba la pila de filtros inteligentes | La máscara de filtro controla todos los filtros de ese objeto inteligente |
Adobe documenta la inversión de máscaras de filtro y la limitación de las máscaras compartidas en Enmascarar efectos de filtros inteligentes. Para inspeccionar directamente esa máscara en un Mac, haz Opción-clic en su miniatura; repite la acción para volver a la ilustración.
Conserva los demás límites de edición. Cambia el óvalo con la herramienta Selección directa; evita Capa > Rasterizar > Máscara vectorial, que elimina su capacidad de edición vectorial. Adobe documenta explícitamente este límite de conversión en Enmascarar capas con máscaras vectoriales. Conserva también el objeto inteligente: convertirlo en una capa normal elimina la relación editable con el filtro, según Aplicar y administrar filtros inteligentes.
Guarda el archivo maestro como documento de Photoshop con las capas conservadas mediante Archivo > Guardar como. La guía de guardado de Adobe explica la opción Capas y cómo usar Guardar una copia para crear una salida aparte.
Antes de terminar, comprueba tres cosas en el archivo maestro guardado: que aún puedas modificar la forma del contorno, ajustar el desenfoque y acceder a los rectángulos y la elipse originales dentro del objeto inteligente. Así tendrás una composición reutilizable cuyo contorno, detalle y transición se podrán revisar de forma independiente.