1. Design & Illustration
  2. Line Art

Photoshop tips: Cómo quitar fondo de dibujo de arte lineal

by
Read Time:4 minsLanguages:

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Los dibujos de arte lineal se usan como base para una pintura digital o dibujo a color. Se elaboran, como lo indica su nombre, de líneas y deben tener únicamente líneas, sin fondo. 

Cuando dibujas digitalmente line art Photoshop, puedes utilizar una capa separada para esto. Pero ¿qué tal si usaste el comando Deshacer muchas veces y Photoshop, de acuerdo a su inusual hábito, te cambió a la capa fondo y no lo notaste hasta que era demasiado tarde? ¿O qué tal si has dibujado tradicionalmente tu line art en una hoja de papel blanco y ahora necesitas quitar el fondo en Photoshop sin volver a dibujar las líneas con una tablet? 

En este breve tutorial de Photoshop tips te mostraré dos métodos para que reaparezcan las líneas, una profesional y una popular. Si no tienes arte lineal para esta práctica, siéntete libre de descargar el archivo adjunto y sígueme.

Ahora puedes seguir este tutorial de quitar fondo blanco en Photoshop en YouTube:

O practica este Photoshop tip utilizando nuestros útiles dibujos de stock de Envato Market.

photoshop line art transparent background to to makephotoshop line art transparent background to to makephotoshop line art transparent background to to make

1. Cómo quitar fondo blanco en Photoshop con un método rápido

Coloca tu escaneo/line art Photoshop en un archivo nuevo. Establece su Modo de fusión en Multiplicar.

photoshop line art multiply modephotoshop line art multiply modephotoshop line art multiply mode

Este modo hace transparente cada parte blanca de la capa, dejando intacta la parte negra. Así que, esto era lo que queríamos, ¿verdad? 

photoshop line art multiply how it worksphotoshop line art multiply how it worksphotoshop line art multiply how it works

El problema podría ocurrir si querías utilizar el arte lineal directamente. Por ejemplo, si cambiaste el Modo de fusión a Superponer, las líneas oscuras obtendrían una versión más oscura del color de abajo. ¡Funciona sensacional en sombreado plano!

Sin embargo, aquí no podemos cambiar el Modo de fusión, porque únicamente Multiplicar logra hacer transparentes las partes blancas. Si usamos Superponer, las líneas tomarían un color más oscuro, pero el blanco de alrededor "absorbe" el resto de los colores.

Este método de quitar fondo de dibujo, en realidad no te proporciona line art sin un fondo. Solo aparenta que no hay fondo, pero no se te permite utilizar las líneas o la ilusión desaparece.

photoshop line art multiply mode flaw photoshop line art multiply mode flaw photoshop line art multiply mode flaw

2. Un método más profesional de quitar fondo blanco en Photoshop

Existe otra manera de quitar fondo de dibujo, obviamente más complicada que solo seleccionar un elemento de la lista, pero también mucho más efectiva. Nos dará nuestras líneas oscuras, en lugar de aparentar que no hay fondo, lo eliminará de verdad. No te asustes por la cantidad de pasos, es grande, pero ¡hice el método lo más detallado posible para ti buscando que aprendas más fácilmente cómo quitar fondo en Photoshop!

Paso 1

Para asegurarte de que en la foto solo haya blanco y negro, aplica Imagen > Modo > Escala de grises. Selecciona No combinar y luego Descartar.

Paso 2

Selecciona toda la imagen con Control-A. Cópiala.

photoshop line art select allphotoshop line art select allphotoshop line art select all

Paso 3

Dirígete al panel Canales. Puedes encontrarlo junto a Capas, y si no está ahí, solo ábrelo aplicando Ventana > Canales.

photoshop line art channels grayphotoshop line art channels grayphotoshop line art channels gray

Paso 4

Haz clic en Crear nuevo canal.

photoshop line art create a new channelphotoshop line art create a new channelphotoshop line art create a new channel

Una nueva "capa" debería aparecer en la lista. Este es un canal alfa, solo reconoce dos colores: negro (transparente) y blanco (opaco). Por ahora es negro, así que no hay nada ahí.

photoshop line art alpha channelphotoshop line art alpha channelphotoshop line art alpha channel

Paso 5

Pega la selección en esta capa. Deselecciona (Control-D).

photoshop line art paste image into alpha channelphotoshop line art paste image into alpha channelphotoshop line art paste image into alpha channel

Paso 6

Haz clic en Cargar canal como selección.

photoshop line art load channel as selectionphotoshop line art load channel as selectionphotoshop line art load channel as selection

Paso 7

Una selección debería aparecer en la imagen. Como lo dije antes, para un canal alfa el blanco es opaco y el negro es transparente. Cuando cargamos la selección, solo se seleccionaron las partes opacas, o sea las partes blancas.

photoshop line art selection loadedphotoshop line art selection loadedphotoshop line art selection loaded

Si inviertes la selección ahora (Control-Mayúsculas-I), obtendrás lo opuesto seleccionado, solo las partes negras. Solo el arte lineal.

photoshop line art invert selectionphotoshop line art invert selectionphotoshop line art invert selection

Paso 8

De nuevo selecciona el canal Gris.

photoshop line art wrong channelphotoshop line art wrong channelphotoshop line art wrong channel

Paso 9

Crea una Nueva capa.

photoshop line art new layerphotoshop line art new layerphotoshop line art new layer

Paso 10

Rellena la selección de negro utilizando la herramienta Bote de pintura (G).

photoshop line art fill black selectionphotoshop line art fill black selectionphotoshop line art fill black selection

Paso 11

Si deseleccionas (Control-D), ahora verás que el line art es lo doble de oscuro. ¡Es porque tenemos dos conjuntos de líneas!

photoshop line art two linesphotoshop line art two linesphotoshop line art two lines

Elimina el escaneo para arreglar el problema.

photoshop line art remove originalphotoshop line art remove originalphotoshop line art remove original

Paso 12

Si ocultas la capa fondo, verás únicamente el arte lineal. ¡Precisamente lo que queríamos, sin adiciones aparentes! 

photoshop line art how to make transparent lines onlyphotoshop line art how to make transparent lines onlyphotoshop line art how to make transparent lines only

Ahora puedes utilizar con seguridad cualquier Modo de fusión en esta capa, Multiplicar ya no te bloquea. Solo no olvides volver a hacer el cambio Imagen > Modo > Color RGB.

photoshop line art other mode than multiplyphotoshop line art other mode than multiplyphotoshop line art other mode than multiply

También puedes usar todas las Opciones de fusión en las líneas, por ejemplo Superposición de degradado:

photoshop line art blending options gradientphotoshop line art blending options gradientphotoshop line art blending options gradient

¿Qué hay sobre los bocetos de aspecto más tradicional con mucho gris en lugar de negro? ¡No hay problema con ellos pues ahora sabes cómo quitar el fondo en Photoshop! Solo asegúrate de que hayas limpiado el escaneo primero y luego puedes utilizar el mismo truco.

photoshop line art sketch scan how to remove backgroundphotoshop line art sketch scan how to remove backgroundphotoshop line art sketch scan how to remove background

¡Así puedes quitar el fondo blanco en Photoshop!

Como puedes ver, un fragmento de arte lineal dibujado por accidente en una capa blanca no es una pérdida para ti, y los bocetos dibujados tradicionalmente en realidad no están atados a su fondo eternamente. Los canales alfa también tienen otras aplicaciones, ¡espero que mi explicación te haya ayudado para utilizarlos cuando los necesites!

photoshop how to remove white backgroundphotoshop how to remove white backgroundphotoshop how to remove white background

¿Quieres aprender más sobre arte lineal y fondos de dibujo? Consulta este artículo sobre tendencias en el diseño de arte lineal para ver cómo los diseñadores están utilizándolo en sus proyectos.

Recursos de dibujo y Photoshop tips Envato Elements

¿Deseas aprender más sobre line art Photoshop? Entonces dirígete a Envato Elements para consultar miles de sorprendentes referencias y recursos creativos para tus necesidades de dibujo, incluyendo cómo quitar fondo en Photoshop. ¡Checa uno de nuestros favoritos a continuación!

Kit Sable - Colección de dibujos a mano line art Photoshop

Añade algunos elementos dibujados a mano a tus diseños con esta fabulosa colección. El paquete presenta 100 formas únicas para una variedad de géneros creativos. ¡Disfruta estos brillantes elementos cuidadosamente elaborados que pueden utilizarse para crear logos, etiquetas y más!

Sable Kit - Hand Drawn CollectionSable Kit - Hand Drawn CollectionSable Kit - Hand Drawn Collection
One subscription.
Unlimited Downloads.
Get unlimited downloads