Cómo crear un efecto knockout en Photoshop e Illustrator

Un efecto de eliminación le permite colocar una capa sólida de color encima de una foto o imagen, luego golpear una de esas capas sólidas para revelar la imagen detrás de ella. Puede hacer esto con texto o formas en Photoshop e Illustrator, pero el proceso es ligeramente diferente para cada programa.

En este artículo, explicamos cómo crear un efecto de eliminación en Photoshop e Illustrator, ofreciendo una guía paso a paso.

Cómo crear un efecto knockout en Photoshop

Para obtener un efecto de eliminación en Photoshop, lo primero que querrá hacer es abrir su imagen. En este ejemplo, utilizaremos una forma rectangular en la imagen y eliminaremos el texto de esa forma.

Paso 1: dibuja la forma

Con la imagen de fondo abierta, dibuje un rectángulo con la herramienta Forma . Puede seleccionar la herramienta Forma en el menú Herramientas o puede usar el método abreviado de teclado U. También elija un color.

dibujar forma de photoshop

Al dibujar el rectángulo, puede elegir la forma libre y arrastrar el rectángulo en la pantalla para crear la forma deseada o hacer clic en cualquier lugar de la imagen para ingresar el tamaño del rectángulo en píxeles.

Paso 2: ingrese el texto

A continuación, debe escribir el texto en una capa separada en Photoshop. Tome la herramienta Texto ( T ), haga clic en cualquier lugar del lienzo y comience a escribir. Luego use la herramienta Mover ( V ) para colocar el texto sobre su forma.

agregar texto de photoshop

Si prefiere usar una forma o icono para su eliminación, puede colocar esa forma donde habría colocado el texto.

Paso 3: establece las opciones de fusión

Haga doble clic en la capa de texto para abrir la ventana Estilo de capa y elija Opciones de fusión en el panel izquierdo.

En la sección Mezcla avanzada encontrará el menú desplegable Knockout . Puede elegir entre un efecto superficial o profundo aquí. Shallow aplica el efecto de eliminación a una sola capa; Profundo lo aplica a un grupo de capas.

opciones de mezcla de Photoshop

En nuestro ejemplo, solo necesitamos Shallow .

Finalmente, asegúrese de que el botón Vista previa esté seleccionado, luego arrastre el control deslizante Opacidad de relleno hacia la izquierda, hacia cero.

Aquí tiene un control completo sobre cuánto de ese texto original será visible. El color del texto hará una diferencia aquí a menos que elija un cero por ciento de opacidad.

reducir la opacidad de Photoshop

Sin embargo, si tiene una foto particularmente ocupada, probablemente no desee elegir una opacidad muy baja para mantener el texto legible.

Paso 4: toques finales

Haga clic en Aceptar para confirmar los cambios. Ahora puedes agregar los toques finales. Dado que todos los elementos están en su propio nivel, puede hacer ajustes en todos ellos por separado.

Puede editar la imagen de fondo, la forma o el texto. Para ajustar el efecto de eliminación, haga doble clic en la capa de texto para volver a abrir la ventana de configuración.

efecto de eliminación de Photoshop

Cómo crear un efecto knockout en Illustrator

El proceso de crear un efecto knockout en Illustrator es similar a Photoshop, pero es un poco más práctico.

Comience abriendo la imagen de fondo en el lienzo. Vaya a Archivo> Colocar , luego haga clic para colocar la imagen. Use la herramienta Selección ( V ) para cambiar su tamaño para que se ajuste.

ilustrador de imagen de posición

Paso 1: agrega forma y texto

Ahora dibuja tu forma usando la herramienta Rectángulo ( M ). Puede usar otras formas si lo prefiere, o dibujar las suyas con la herramienta Pluma . Seleccione un color de relleno y trazo (puede cambiarlos más tarde si lo desea) y arrástrelo a la ubicación deseada.

A continuación, debe agregar el texto (o puede usar otras formas para el efecto de eliminación: no siempre tiene que ser texto). Seleccione la herramienta Texto ( T ) y haga clic en el lienzo. Establezca un color y un tamaño y comience a escribir.

agregar ilustrador de texto

Elija la herramienta Selección y haga clic cuando haya terminado. Puede mover todos los objetos a una posición de ojo, o mantener presionada la tecla Mayús y seleccionar el texto, la forma y la imagen de fondo y alinearlos correctamente con las herramientas de alineación horizontal y vertical .

Paso 2: crea esquemas

Seleccione la capa de texto nuevamente y vaya a Tipo > Crear contornos o puede usar el atajo de teclado Shift + Cmd / Ctrl + O. Esto convertirá su texto en formas en lugar de texto editable, ¡así que primero verifique los errores tipográficos!

Asegúrese de que el texto esté sobre la forma y no detrás de ella.

crear un ilustrador de esquema

Si desea poder controlar la opacidad como es posible en Photoshop, copie su capa de texto en el portapapeles con el atajo de teclado Cmd / Ctrl + C. No tendrá que hacer nada hasta más tarde.

Paso 3: aplica el efecto knockout

Seleccione la forma y el texto y vaya al panel de herramientas Pathfinder . Si aún no está abierto, puede abrirlo yendo a Ventana> Pathfinder< /strong> o usando el enlace de Illustrator, Shift + Cmd / Ctrl + F9.

Haga clic aquí para obtener más métodos abreviados de teclado de Adobe Illustrator .

En la herramienta Pathfinder, selecciona la opción Menos anterior en el Modo de forma . Esto eliminará el texto de su formulario.

Ilustrador de herramientas Pathfinder

Para verificar la opacidad del efecto de eliminación, debe copiar la capa de texto, como se mencionó anteriormente. Ahora presione Mayús + Cmd / Ctrl + V para pegar el texto en el punto exacto donde lo copió. (Asegúrate de hacer esto antes de mover uno de tus niveles).

Luego puede ajustar la opacidad de esa capa yendo al panel Transparencia , que puede abrir yendo a Ventana> Transparencia. Ajuste el control deslizante de opacidad hasta obtener el tono exacto que desea.

Con una opacidad de alrededor del 20 por ciento, así es como se ve el producto final:

ilustrador eliminatorio

Otros efectos de texto de Photoshop para probar

Es fácil crear un efecto knockout en Illustrator y Photoshop. Si tiene acceso a ambos programas, le recomendamos usar Photoshop porque el texto permanece editable en todo momento. Pero para proyectos más detallados, Illustrator es el camino a seguir.

Un efecto de eliminación no es la única forma creativa en que puede usar texto en sus proyectos. Echa un vistazo a nuestros guías que explican en detalle cómo dar forma al texto en Photoshop , y cómo añadir texturas al texto en Photoshop para dibujar la inspiración.

Lea el artículo completo: Cómo crear un efecto knockout en Photoshop e Illustrator