1. Introducción: ¿Por qué pasar de la ilustración tradicional a la digital?

Básicamente, la diferencia entre dibujar de forma tradicional y digital está en las herramientas. Dibujar de forma tradicional significa utilizar algunas herramientas analógicas como lápiz, bolígrafo, marcadores, etc., mientras que dibujar de forma digital significa trabajar en la ilustración con la ayuda de dispositivos electrónicos o aparatos como ordenadores, teléfonos inteligentes, tabletas con lápiz, pantallas, etc. Ambos métodos pueden ser similares en términos de planificación desde el principio hasta el final, pero tienen sus propias ventajas y desventajas.

 

Por ejemplo, ahora estamos en una era digital en la que todo parece tener que publicarse digitalmente. Si solías dibujar de forma tradicional con herramientas tradicionales, no puedes simplemente poner tu ilustración en un marco y colgarla en la pared y luego desear que más personas vengan a ver tu obra de arte. Necesitarías convertir esa ilustración en archivos digitales y luego subirla a una plataforma digital para que más audiencia reconozca tu trabajo.

 

Sean cuales sean los motivos, tener el conocimiento para convertir la ilustración tradicional en digital será útil.

2.) ¿Cuándo es necesario pasar de la ilustración tradicional a la digital?

Existen al menos 4 ocasiones en las que es necesario convertir el arte tradicional en digital:

1.) Cuando necesitas publicar la ilustración en una plataforma digital.

2.) Cuando dibujas un boceto con herramientas tradicionales pero quieres terminarlo en digital.

3.) Cuando tienes dificultades técnicas con el dispositivo digital, por lo que necesitas realizar alguna parte del proceso de manera tradicional. Por ejemplo, no puedes dibujar dibujos lineales correctamente en digital, por lo que necesitas dibujarlos de manera tradicional.

4.) Cuando quieres editar o mejorar tu ilustración tradicional con un toque digital.

3.) ¿Qué necesitas para convertir tu ilustración en digital?

Empecemos por lo más básico: convertir la ilustración tradicional en archivos digitales que puedas utilizar más tarde en un dispositivo electrónico.

 

Para convertir tu ilustración en archivos digitales, necesitas un escáner o una cámara, por ejemplo, una cámara digital o la cámara de un teléfono. Escanea manualmente la ilustración con un escáner o toma una fotografía de la ilustración con la cámara para generar la versión digital de la misma.

 

Nota: El resultado de la imagen sería demasiado difícil de editar/procesar si es demasiado oscuro o borroso. El uso del flash a veces no ayuda mucho, así que si eliges usar una cámara digital o la cámara de un teléfono, asegúrate de tomar la fotografía en un lugar con una buena fuente de luz o configura una mejor iluminación tú mismo. Por ejemplo, aquí estoy usando luz adicional de una lámpara portátil recargable para obtener un resultado más claro.

Veamos un ejemplo de cómo hacerlo convirtiendo un boceto tradicional en uno o más archivos digitales. Si dibuja un boceto pero desea trabajar en el resto, como dibujar el dibujo lineal y colorearlo digitalmente, este tutorial le resultará útil:

1.) Prepare un papel, un borrador y un lápiz, luego dibuje su boceto.

Una vez que haya terminado, tome una fotografía del boceto con una cámara o escanee la ilustración con un escáner.

2.) Ahora que tienes la versión digital del boceto en tu dispositivo, ábrelo en una aplicación de dibujo digital. Aquí uso CSP para abrir el archivo en la PC. Abre la aplicación y haz clic en [Archivo]->[Abrir] o [CTRL+O] para abrir el archivo.

3.) Ajuste el tamaño recortando la imagen seleccionando el área que desea conservar con la herramienta Sub:[Área de selección]->[Rectángulo]. Luego vaya a [Editar]->[Recortar(Z)].

4.) Ajuste el brillo y la nitidez del boceto si es necesario para que sea claramente visible haciendo clic en [Capa]->[Nueva capa de corrección (J)]->[Brillo/Contraste…] y/o [Corrección de nivel…].

5.) Ahora el boceto está listo, pero el tamaño puede no ser el que necesitas. Prepara un “papel digital” para que puedas terminarlo digitalmente en el tamaño adecuado. [CTRL+N] o [Archivo]->[Nuevo]->Proyecto: [Ilustración]. Establece el tamaño que necesites y luego haz clic en [Aceptar].

6.)  De vuelta al archivo del boceto, selecciona toda el área con la herramienta Sub:[Área de selección]->[Rectángulo], luego [CTRL+C]. Cópialos y pégalos [CTRL+V] encima del nuevo archivo. Ajusta el boceto para que se ajuste al área de trabajo.

Nota: Si editó el boceto con capas de corrección, seleccione todo el boceto y las capas de corrección, luego haga clic derecho ->[Combinar capas seleccionadas] primero para que las capas de corrección se incluyan en el resultado de copiar y pegar.

7.) El boceto formará una nueva capa después de pegarlo. Establezca la opacidad de la capa para que aún sea lo suficientemente visible como para dibujar el dibujo lineal sobre ella en una nueva capa. Haga clic en [Capa]->[Nueva capa] para generar nuevas capas para el dibujo lineal, el color, el sombreado, etc. Ahora el boceto está listo y puede dibujar el dibujo lineal sobre él, colorearlo, etc.

Nota: ¡No olvides guardar los archivos haciendo clic en [Archivo]->[Guardar] o [CTRL+S]!

Mira este vídeo para ver cómo el boceto se convierte en una ilustración a todo color en formato digital:

4.) Extracción de dibujos lineales digitales a partir de dibujos lineales tradicionales

Ya sea que tengas dificultades técnicas con tu dispositivo de dibujo electrónico o no, es posible que necesites dibujar dibujos lineales de manera tradicional en ocasiones.

 

El paso a paso de cómo hacerlo es similar al tutorial anterior con el boceto, solo que esta vez necesitamos entintar el dibujo lineal hasta que esté hecho de manera tradicional primero antes de transferirlo al dispositivo digital.

 

Aquí están los detalles sobre cómo hacerlo:

1.) Dibuja el boceto de tu ilustración en un papel, luego procede a entintar el boceto con un bolígrafo o cualquier herramienta de dibujo lineal de tu elección. Borra las líneas de lápiz para obtener un dibujo lineal limpio.

2.) Tome una fotografía del dibujo lineal limpio con una cámara o escanéelo, luego transfiera el archivo o los archivos a una computadora portátil para abrir el archivo en CSP. Haga clic en [Archivo]->[Abrir] o [CTRL+O], búsquelo dentro de la carpeta donde lo guardó.

3.) Prepare un nuevo archivo haciendo clic en [CTRL+N], o en [Archivo]->[Nuevo]->Proyecto: [Ilustración], o simplemente haciendo clic en el ícono [Nuevo] como se ve en la imagen a continuación. Establezca el tamaño que desee para la ilustración y luego haga clic en [Aceptar].

4.) De vuelta al archivo del boceto, haz clic en Subherramienta: [Área de selección(M)]-> [Rectángulo] y luego selecciona toda la imagen. [CTRL+C] y luego [CTRL+V] todo en el “papel digital” que has preparado previamente en el paso 3. Ajusta la posición y el tamaño del dibujo lineal como desees.

5.) Convierte el dibujo lineal en un dibujo lineal completamente editable haciendo clic en la capa de dibujo lineal y luego configura el modo en [Multiplicar]. A continuación, haz clic en la ventana [Propiedad de capa] -> [Color de expresión (vista previa)]. Elige [Monocromo] en el menú desplegable. Para obtener más detalles, consulta la sección marcada en rojo en la siguiente imagen:

6.) Haga clic en el cuadro de color negro en la sección [Color de expresión]->[Cambiar color de expresión] a la derecha para hacer transparente el fondo del dibujo lineal.

7.) Limpie las líneas excesivas (si las hay), manchas y otras partes innecesarias con [Borrador(E)] o selecciónelas con la Subherramienta: [Área de selección] para seleccionar la parte que desea limpiar, luego haga clic en [Eliminar].

8.) Ajuste el dibujo lineal para que se vea suave y nítido usando el comando de filtro y desenfocar. Seleccione la capa de dibujo lineal y luego elija [Filtro]->[Desenfocar]->[Desenfocar(fuerte)(F)]. Corrija las líneas desordenadas con la herramienta secundaria:[Pluma] o cualquier otra herramienta que desee para dibujar el dibujo lineal digitalmente.

Nota: Te recomiendo que arregles las líneas desordenadas con la herramienta secundaria:[Pluma] o algo similar con la herramienta que usaste al dibujar el dibujo lineal tradicional para que no se vea extraño al mezclarlo.

 

9.) En este punto, el dibujo lineal está listo y puedes continuar dibujando el resto de la ilustración agregando color, efectos, etc. mediante un dispositivo digital como una tableta o pantalla con lápiz, etc.

Vea el siguiente vídeo para ver la ilustración digital a todo color:

5.) Edite y mejore la ilustración tradicional con un toque digital

Terminamos de convertir el boceto y el dibujo lineal a formato digital. ¿Qué pasa si se trata de una ilustración en color que debes convertir a formato digital? ¿Qué pasa si no se ve bien en la pantalla? ¿Quizás el color no se ve bien, está mal fotografiada o tal vez necesitas agregar algún efecto para que se vea mejor? Intenta arreglar la imagen usando algunos trucos para obtener un mejor resultado de escaneo/fotografía en CSP.

 

Toma la imagen a continuación como ejemplo. Esta proviene del mismo dibujo lineal que el del tutorial anterior, pero se hizo de manera tradicional con una mezcla de lápices de colores y pasteles.

A continuación, se ofrecen algunos consejos para mejorar el aspecto de este tipo de imágenes (opcional):

1.) Abra el archivo en CSP para procesar la ilustración. Cree un archivo nuevo y edítelo hasta que solo contenga la imagen, por ejemplo, recórtelo y elimine la parte innecesaria.

2.) Corrija la ilustración eligiendo [Capa]->[Nueva capa de corrección…]->[Brillo/Contraste] y/o [Corrección de nivel] para ajustar la nitidez de la imagen en la pantalla. Puede elegir la que crea que se verá mejor o, si es necesario, utilizar ambas. Ajuste el valor simplemente moviendo la diapositiva hasta que muestre los resultados deseados y, luego, haga clic en [Aceptar].

3.) Además de ajustar el valor, puedes intentar usar [Capa]->[Nueva capa de corrección…]->[Mapa de degradado]. Esta opción puede darle una sensación diferente a una ilustración, ya que cada mapa aporta un matiz y una variación de color diferentes a una sola imagen, por lo que incluso la misma imagen podría verse diferente. Hay muchos conjuntos para elegir en el menú desplegable, así que elige uno que se adapte mejor a tu ilustración y luego haz clic en [Aceptar]. Ajusta el modo de capa y su opacidad hasta que muestre el mejor resultado posible.

4.) ¿No puedes dejar el fondo tal como está? Intenta rellenar el espacio vacío con decoración y/o efectos si es necesario. Comprueba lo que tienes en [Decoración(B)]->Subherramienta: [Decoración]. En esta imagen estoy usando [Light Crosshatch] para darle un toque de oscuridad.

Nota: Coloca la decoración y el fondo en una capa nueva y diferente para que sea más fácil editar en cualquier momento sin alterar otras partes de la imagen.

 

5.) Además de usar [Filtro]->[Desenfocar], si quieres una apariencia más suave, por ejemplo, suavizar la marca de lápiz o el color desigual de la herramienta tradicional que usaste, intenta usar la herramienta secundaria:[Fusionar] y/o [Desenfocar]. Simplemente frota suavemente la superficie.

6.) Continúe arreglando las partes que necesiten ser reparadas, como líneas excesivas, redibujar las líneas descoloridas, etc. En CSP, hay muchos recursos que pueden imitar herramientas tradicionales, como lápices de colores, marcadores, etc. Si usó uno de ellos para su pieza tradicional, puede buscar herramientas similares que ya estén disponibles en la aplicación o simplemente buscarlo en la biblioteca de recursos.

 

Tome este lápiz que he estado usando de la biblioteca de recursos como ejemplo. Tiene una buena textura de lápiz para una herramienta digital:

Mira el time-lapse de este tutorial aquí:

6.) Bono: "El método del rompecabezas"

Por último, pero no por ello menos importante, existe otro método llamado "El método del rompecabezas".

 

Lo llamé así porque este método combina partes de imágenes individuales que se han dibujado por separado y luego las reúne digitalmente en una sola imagen para producir una ilustración completa. Este método puede ser útil si te resulta difícil dibujar todos los elementos de la ilustración en una imagen a la vez de manera tradicional o no puedes decidir dónde colocar algo en la ilustración, etc. Piensa en él como una forma tradicional de resaltar el efecto de capas en una imagen.

 

A continuación, se muestra un ejemplo simple y breve de cómo funciona este método:

1.) Planifica una ilustración y dibuja el boceto. Yo dibujo un trozo de pastel desde el boceto hasta el proceso de entintado en un papel de manera tradicional, luego planeo terminar el coloreado y el resto de manera digital. Después de limpiar el boceto, escaneo/tomo la fotografía y la transfiero a un dispositivo digital.

2.) Dibuje una figura pequeña en otra hoja de papel o en un área de dibujo. Al igual que con la torta, limpie el boceto, escanee o tome una fotografía y transfiérala a un dispositivo digital.

3.) Prepare un nuevo archivo como el principal, luego copie y pegue allí ambos dibujos lineales (cada uno de ellos formará automáticamente una nueva capa después de pegarse en el área). Establezca el modo de capa de ambos dibujos lineales en [Multiplicar].

4.) A continuación, convierta los dibujos lineales en editables cambiando el [Color de expresión] en la sección [Propiedad de capa]. Establezca el modo en [Monocromo] y, a continuación, haga clic en el cuadro de color negro de la derecha para que el fondo sea transparente. Ajuste y establezca la posición de ambos dibujos lineales.

5. Borre las partes no deseadas y suavice las líneas haciendo clic en [Filtro]->[Desenfocar]->[Desenfocar (fuerte)(F)] si es necesario. Corrija las líneas desordenadas y rotas.

6.) Una vez que el dibujo lineal esté listo, agrega nuevas capas para continuar trabajando en la ilustración agregando color, sombreado, etc. según sea necesario.

 

Debido a que este es un tutorial que se enfoca más en cómo convertir una ilustración tradicional en digital, no profundizaré en el proceso de coloración o acabado, aparte de algunos que mencioné antes y que considero los más relevantes para el tema, pero hay 4 capas básicas aquí además de la capa de dibujo lineal:

- Capa de color base debajo de la capa de dibujo lineal.

-Capa de sombreado.

-Una capa que se establece en modo [Agregar brillo] para los reflejos.

-Capa de fondo (opcional)

Más o menos, al combinarlos, el resultado final se vería así:

Nota: Es opcional mantener los dibujos lineales separados entre sí, colocando cada uno en una carpeta de capas diferente para facilitar la edición, o combinarlos en uno fusionando las capas de los dibujos lineales, como hice aquí.

Observa todo el proceso en la siguiente secuencia de lapso de tiempo:

7.) Nota final: Conclusión

Ya sea que te encuentres en una situación de emergencia o no, tener la habilidad de dibujar tanto de manera tradicional como digital puede ser útil. Hay cosas que no puedes hacer usando solo la técnica de dibujo tradicional, y viceversa. Ambas formas se pueden usar indistintamente a veces, incluso completar la otra.

 

Si te gusta este tutorial, dale un poco de amor haciendo clic en el botón Me gusta, ¡y gracias por leer hasta aquí!

 

Mira más de mis obras de arte en IG @khoiruunisarf

 

¿Quieres saber cómo convertir lo tradicional en digital en cómics/manga? Mira el enlace a continuación: