Cómo crear fondos para cómics a partir de fotografías: Usos de las propiedades de las capas

362 044

ClipStudioOfficial

ClipStudioOfficial

Artículo actualizado para Clip Studio Paint Ver. 3.1.0

 

Aquí veremos cómo aprovechar las funciones de Clip Studio Paint para convertir fácilmente fotografías en fondos en blanco y negro.

 

1. Inmortalizar el momento

■ Use la cámara adecuada

 

En realidad, podemos delinear las fotos a simple vista, por lo que no es estrictamente necesario usar una cámara de alta resolución. Sin embargo, sí que resulta útil a la hora de transformar la imagen en Clip Studio Paint.

 

A día de hoy, la mayoría de las cámaras de smartphone son lo suficientemente competentes para este tipo de propósito, por lo que si la cámara de su smartphone cuenta con al menos 10 megapíxeles, probablemente sirva.

Si su fotografía es de 12 megapíxeles, puede crear un lienzo de 600 ppp y 17 cm x 12 cm a tamaño completo.

 

Todas las fotografías usadas en este tutorial se han realizado con una cámara digital compacta y con la cámara de un smartphone de Apple.

 

 

 

■ Fotografías con tiempo nublado

 

En general, es recomendable tomar fotografías cuando el tiempo está nublado si desea transformarlas y usarlas como fondos.

 

Si saca la fotografía en un día soleado, habrá demasiadas luces y sombras, lo que puede causar problemas al transformar las fotos.

Si bien la tecnología de las cámaras ha avanzado mucho, todavía no pueden competir con el ojo humano a la hora de detectar y distinguir bien las áreas que se encuentran entre la luz y la oscuridad.

Si hay brillo en las partes donde da la luz del sol, la sombra aparecerá más oscura en la foto de lo que en realidad es. Y si decidimos aumentar el brillo de la foto para aclarar las sombras, es probable que las partes con luz se tornen demasiado brillantes y difíciles de distinguir.

 

2. Convertir una foto a color en un fondo en blanco y negro (PRO/EX)

Si queremos trabajar con escenarios o paisajes naturales, podemos utilizar la foto tal cual la hemos tomado. Tan solo tenemos que hacerla monocroma.

 

A continuación, veremos paso a paso cómo editar una foto directamente en Clip Studio Paint.

 

 

 

■ 1. Abrir la foto y ajustar la resolución

 

Primero, abrimos la foto directamente en Clip Studio Paint. Un archivo de imagen en formato JPEG nos servirá.

 

Ahora ajustaremos la resolución de la foto.

 

 

 

Los manuscritos de manga se suelen hacer a 600 ppp, así que cambiaremos a dicho valor la resolución de la foto tomada.

 

Nos dirigimos al menú Edición y seleccionamos Cambiar resolución de imagen.

 

En la ventana Cambiar resolución de imagen, activamos No cambiar el número de píxeles y cambiamos la resolución a 600 ppp.

 

 

 

También es recomendable cambiar la Unidad a mm para poder comprobar cuál será el tamaño real del manuscrito.

 

En este ejemplo, el ancho de 4618 px será de 195,5 mm a 600 ppp.

 

Tras cambiar la resolución, debemos comprobar si la pantalla principal de Clip Studio Paint muestra la resolución a 600 ppp correctamente.

 

 

 

■ 2. Pasar la foto a blanco y negro

 

En la paleta Capa, seleccionamos la capa que contiene la foto. Después, vamos a la paleta Propiedad de la capa y cambiamos el Color de expresión a Monocromático.

 

Al cambiar el color de expresión a Monocromático, podemos modificar el Umbral de color para ajustar la cantidad de negro sólido.

 

Duplicamos primero la capa de la foto. Luego, hacemos una capa con bastante negro sólido y otra con menos.

 

 

 

■ 3. Convertir las áreas con colores sólidos en tramas

 

Para convertir las áreas de la capa con mayor cantidad de negro sólido en tramas, primero crearemos un área de selección.

 

Tras seleccionar la capa que contiene la mayor cantidad, vamos al menú Seleccionar > Seleccionar gama de colores.

Se abrirá una nueva ventana. Aquí, desactivamos Referencia múltiple y hacemos clic en cualquier sección negra del lienzo para seleccionar únicamente las áreas rellenadas.

 

Una vez creada el área de selección, vamos al menú Capa > Nueva capa > Trama para crear una nueva capa con la trama que más nos guste. A continuación, añadimos o borramos parte de la trama, según sea necesario.

 

 

Nota: Consulte el siguiente artículo para aprender a usar las tramas:

 

Consejo:

Si deja la resolución de la foto en 72 ppp, los puntos de semitono se volverán exageradamente pequeños, tornándose prácticamente inutilizables.

Si la densidad de los puntos de semitono no le parece la correcta al añadirlos, compruebe si ha cambiado la resolución.

 

 

 

■ 4. Acabado

 

Creamos otra capa encima de la de la trama y dibujamos unos cuantos árboles y texturas naturales.

Al convertir los colores de una foto a blanco y negro, es recomendable volver a añadir los contornos posteriormente.

 

Y con esto, habremos terminado.

Para guardar la foto, nos dirigimos al menú Archivo > Guardar como y la guardamos en formato Clip Studio (.clip).

 

3. Extraer line art desde fotografías (EX)

Clip Studio Paint EX cuenta con una función denominada "Extraer línea". Con esta función, podemos extraer automáticamente líneas y tramas desde fotografías.

Pruebe esta función para facilitar su proceso creativo a la hora de crear los fondos de sus dibujos.

 

 

 

■ 1. Abrir la foto

 

Primero, tenemos que abrir la foto en Clip Studio Paint.

 

 

Deberemos seguir unos cuantos pasos para extraer las líneas, por lo que no abriremos la foto todavía en el manuscrito de nuestro cómic. En su lugar, abriremos la foto directamente y cambiaremos su resolución para adaptarla a la del manuscrito (600 ppp).

 

Una vez que se haya acostumbrado al proceso, será más seguro abrir la foto directamente en su manuscrito y editarla en este.

 

Con la foto abierta, duplicamos su capa para conservar la imagen original.

 

Consejo:

Si abrimos la foto directamente, es mejor añadir una capa de papel desde el menú Capa > Nueva capa > Papel.

Al guardar el archivo, asegúrese de hacerlo en formato Clip Studio (.clip).

 

 

 

■ 2. Extraer las líneas

 

Seleccionamos la capa duplicada, nos dirigimos a la paleta Propiedad de la capa y activamos el Efecto "Extraer línea". Al hacerlo, aparecerán los ajustes de extracción de líneas.

 

Nota: Puede convertir en líneas una foto a color haciendo clic en Extraer línea. Si desactiva este efecto, la foto vuelve a su estado original.

 

Si ampliamos la imagen, podemos ver que ciertas áreas tienen ruido provocado por la extracción de las líneas, lo que le da a la imagen un aspecto demasiado similar al de una foto.

 

Para solucionarlo, vamos a procesar la imagen.

 

Nos dirigimos al menú Filtro > Desenfocar > Desenfocar. También podemos usar Desenfocar más o Desenfoque gaussiano, dependiendo de la imagen.

 

Aplicar desenfoque a la imagen elimina las pequeñas partículas de ruido:

 

Los matices del dibujo de línea también pueden modificarse ajustando la Intensidad y la Dirección de detección desde la paleta Propiedad de la capa.

 

Dado que usaremos esta imagen en blanco y negro para un manga, ajustamos el Color de expresión a Monocromático.

Conservaremos tal y como está el parámetro Umbral de color que hay bajo Color de expresión.

Nota: En el Modo sencillo de la aplicación para tabletas y smartphones, es posible usar la función Extraer líneas desde el menú Efecto al importar fotografías.

Para conocer más detalles, consulte el artículo referente a su dispositivo:

En smartphones:

En tabletas:

 

 

 

■ 3. Procesamiento de las líneas

 

Algunos artistas prefieren eliminar completamente las áreas en las que hay muchas líneas cercanas entre sí. Para ello, suelen usar la herramienta Goma. Sin embargo, esta vez utilizaremos la subherramienta Desenfocar.

 

 

 

Seleccionamos la herramienta Mezcla de color > Desenfocar y, en la paleta Propiedad de herramienta, reducimos la Densidad del pincel a un valor de entre 5 y 20.

 

Si hay personas en la foto, también aparecerán en forma de líneas. Vamos a borrarlas de la imagen.

 

 

 

Usamos la subherramienta Desenfocar y movemos el pincel con cuidado haciendo círculos suaves. Las líneas se mezclarán poco a poco con las líneas circundantes y desaparecerán.

En una foto a color, la imagen tan solo se volvería borrosa, pero en una imagen con las líneas extraídas, no podemos distinguir las líneas, por lo que estas se tornan invisibles.

 

Al extraer las líneas, probablemente se formen bastantes líneas en las partes con más detalles y en los elementos naturales como los árboles.

 

También podemos utilizar la subherramienta Desenfocar para eliminar otros elementos innecesarios, como las bicicletas.

 

 

 

■ 4. Rellenar las líneas usando la foto original como referencia

 

A continuación, volveremos a dibujar algunas de las partes que hemos eliminado anteriormente.

 

Primero, movemos arriba del todo la capa que contiene la foto original y disminuimos su opacidad. Después, nos preparamos para dibujar de nuevo las líneas mientras revisamos la foto original.

 

Añadimos las líneas necesarias en una nueva capa usando herramientas como la Regla de perspectiva y dibujando a mano alzada.

 

 

Con la herramienta Decoración, agregamos los elementos naturales que hemos eliminado.

 

Es recomendable dar un toque personal a las zonas más llamativas para integrar algo de nuestro propio estilo en el resultado.

 

 

 

■ 5. Convertir en líneas y tramas

 

Una vez trazadas las líneas, seleccionamos Convertir capa en líneas y tramas.

 

En la nueva ventana Convertir a líneas y tramas, activamos Previsualizar y Posterización.

 

Al convertir la capa en líneas y tramas, las líneas y las tramas se dividen en una misma carpeta en diferentes capas.

 

En la paleta Capa, seleccionamos la capa Contorno y nos dirigimos a Propiedad de la capa para cambiar el Color de expresión a Monocromático.

 

En la siguiente imagen se pueden ver marcadas las líneas que hemos trazado después manualmente:

 

Ajustamos la trama creada al convertir la capa añadiendo más o borrando parte de esta.

 

Una vez ajustada, habremos terminado.

 

Si bien en la fotografía podemos apreciar los detalles más lejanos, no es necesario incluirlos en nuestra imagen si vamos a usarla como fondo para nuestro cómic.

 

4. Ejemplos de extracción de líneas para fondos (EX)

A continuación veremos algunos ejemplos más de cómo extraer líneas de fotografías para crear fondos.

 

 

 

■ Templo

 

Desafortunadamente, esta foto está tomada en un día soleado, por lo que las sombras son bastante pronunciadas.

 

Si extrajéramos las líneas sin más, el resultado de las partes sombreadas no sería del todo satisfactorio. Las líneas del tejado también contienen demasiados detalles.

 

Las zonas sombreadas pueden simplificarse ajustando el Relleno negro, mientras que las líneas del tejado pueden corregirse configurando la Dirección de detección.

 

 

También establecemos el Color de expresión en Monocromático y usamos la subherramienta Desenfocar para ajustar las áreas que no podemos corregir modificando los ajustes.

 

El tejado cambia considerablemente con tan solo ajustar la Dirección de detección:

 

Tras llevar a cabo la conversión de la capa, rellenamos las partes sombreadas y simplificamos las líneas para mejorar el equilibrio y convertir la imagen en un fondo más apropiado para cómics.

 

Añadimos más líneas tomando como referencia la foto original.

 

Además de trazar más líneas, también pintamos de blanco ciertas partes para hacer más agradable a la vista el tejado del templo y la pagoda.

 

Sus formas son bastante complejas, lo que provoca que el impacto global se debilite al extraer las líneas. En casos como este, se recomienda dibujar las líneas a mano para simplificarlas.

 

Tras ajustar el equilibrio general del sombreado, habremos terminado.

 

 

 

■ El interior de un vagón de tren

 

En el interior de los vagones de tren suele haber muchos elementos con líneas redondeadas, como asientos y tejidos, los cuales resultan difíciles de dibujar usando la regla de perspectiva.

 

Esta fotografía cuenta con una perspectiva de un solo punto de fuga, por lo que al ejecutar Extraer línea, aparecen muchas más líneas al fondo de la imagen.

 

Ajustamos la imagen para reducir estas líneas tanto como podamos.

 

A continuación, agregamos unas cuantas líneas, teniendo en cuenta qué partes del interior son más angostas y cuáles más suaves. Es mejor corregir a mano las partes más importantes o llamativas, como la trama de los asientos, la cual vamos a simplificar.

 

Mediante la conversión en líneas y tramas, podemos superponer varias capas de trama con diferentes densidades.

 

Dependiendo del tipo de escena, usaremos tramas más claras o más oscuras.

 

5. Extracción de líneas a partir de imágenes propias (EX)

Además de extraer líneas usando fotos, también podemos extraerlas a partir de imágenes que hayamos creado. Como ejemplo, veremos cómo hacerlo trabajando con fondos.

 

 

 

■ 1. Preparar y aplicar la textura

 

Vamos a crear un patrón simple de ladrillos y a extraer sus líneas.

 

En este ejemplo, usaremos un patrón de ladrillos hecho con diferentes colores.

 

Consejo:

Puede crear fácilmente este tipo de patrón desde Ver > Cuadrícula.

 

Active Ajustar a cuadrícula, utilice la herramienta de selección para seleccionar el área y, después, aplique el relleno.

 

Hemos dibujado el fondo usando como base una foto.

 

 

Dibujamos el patrón de ladrillos que usaremos para la pared del edificio. Extraemos el tamaño adecuado del patrón de ladrillos y lo pegamos en la zona de la pared.

 

Ahora transformamos la imagen de los ladrillos para que coincida con el área roja dirigiéndonos al menú Edición > Transformar > Transformación libre.

 

 

 

■ 2. Editar las líneas con Extraer línea y Desenfocar

 

Desde la paleta Propiedad de herramienta, seleccionamos Extraer línea para convertir la imagen en líneas en blanco y negro. El grosor de las líneas dependerá del color de los ladrillos.

 

Utilizamos la subherramienta Desenfocar para eliminar con cuidado ciertas partes y hacer que las líneas luzcan más ásperas.

 

 

 

■ 3. Modificar las líneas usando Dirección de detección

 

A continuación, ajustaremos con las flechas de Dirección de detección la apariencia y sensación que producen las líneas extraídas.

 

 

 

El aspecto de las líneas varía dependiendo de la cantidad de flechas activadas y de la dirección de estas:

 

Tras editar las líneas para integrarlas correctamente en el fondo dibujado a mano, habremos terminado.

 

Perfil del artista: Hey!TAROH

Hey!TAROH lleva usando aplicaciones de arte digital desde que la primerísima versión de Manga Studio salió a la venta. Es autor de muchas de las guías y tutoriales oficiales de Manga Studio y Clip Studio Paint. Además de dibujar infinidad de mangas, también se ocupa de las tareas domésticas.

Comentario

Nuevo

Últimas publicaciones en Oficial