Presentación

¡Hola! Sean bienvenidos, soy Aria. En esta ocasión nos reunimos aquí para explorar las posibilidades que nos ofrece el uso de los materiales de imagen que encontramos en CLIP STUDIO ASSETS para hacer maravillosos diseños como la creación de collage o simplemente como herramienta de complemento para decorar una ilustración.

 

Sin más preámbulos… ¡¡Comencemos!!

1. Planteamiento

Para traer a la vida nuestros diseños, lo primero es plantear los bocetos, bosquejar nuestras ideas. Aquí no hay un método incorrecto, solo es la semilla que en un futuro germinara. Estos son unos de los bocetos que usaré.

- Composición -

La composición es, digámoslo así: el arte de posicionar los elementos de modo que resulten más atractivos para el espectador. Una buena composición nos permite transmitir ideas, sentimientos, enfocar la atención, etc. Por esta razón es aconsejable armas los bocetos usando algunas reglas de composición.

 

Porque no es lo mismo esto (imagen de la izquierda) que no usa una lógica de composición a esta otra (imagen de la derecha) que fue pensada siguiente algunos sistemas visuales.

Si deseas conocer más sobre la composición, aconsejo buscar dentro de los tutoriales de CLIP STUDIO TIPS. Hay muchos y muy buenos que abordan este tema; por mi parte yo tengo un tutorial donde hablo de ello:

 

 

- Materiales -

Ahora bien, lo que hago después del bosquejo es recopilar una lista con los elementos que necesito (si es necesario) para después buscarlos en ASSETS.

 

Con el material consigo pasar de esto (imagen de la izquierda) a esto (imagen de la derecha), agregando decorados, y en un menor tiempo que sí lo hiciera manualmente.

- Descargar materiales -

Para conseguirlos hay que ir a CLIP STUDIO ASSETS, una vez ahí buscaremos lo que deseemos y lo descargamos.

 

NOTA: Para utilizar CLIP STUDIO ASSETS, es necesario poseer una cuenta de usuario en CLIP STUDIO. Registrarse es completamente gratuito.

Para entrar desde la interfaz hay que dirigirnos al icono de CLIP STUDIO. En la ventana que aparecerá debemos ir al menú de la parte superior derecha, ahí hay que elegir la opción ASSETS.

2. Algunos diseños

En esta sección mostraré el proceso que seguí para crear estos diseños usando los materiales de imagen y pinceles de decoración de la librería de materiales de CLIP STUDIO ASSETS.

 

NOTA: Los pinceles y materiales de imagen utilizados se agregarán al final.

(A) Collage de materiales

Un collage es un proceso creativo que consiste en componer una pieza uniendo diferentes imágenes, materiales de diferente procedencia. Para este primer apartado mostraré como cree un collage usando únicamente materiales sacados de CLIP STUDIO ASSETS.

 

Además, abordaré algunas herramientas y transformaciones que podemos usar para acoplar mejor los materiales a los diseños que tenemos en mente.

 

 

- BOCETO -

Inicio bajando la opacidad de la capa del boceto, así me permito visualizar mejor la forma sin perderme entre tantas líneas.

Ahora, creo una carpeta donde voy colocando los materiales en capas separadas. El orden de las capas es muy importante para tener un flujo de trabajo fluido.

 

CONSEJO: Mantén una capa por cada elemento agregado hasta que creas que ya no lo volverás a editar; después de eso se pueden fusionar sin mayor dificultad.

- CAPAS VECTORIALES -

Inicio con los dos círculos que rodean a la mariposa, para crearlos empleo una capa vectorial. ¿Vectorial? ¿Por qué vectorial? Se preguntarán. La respuesta es fácil, por las propiedades de estas capas que nos permiten tener un control total sobre la línea.

 

Creamos la capa vectorial con el icono del cubo que se encuentra en el listado de funciones de la ventana capa.

Si quieres conocer más sobre las capas vectoriales y lo que se puede hacer con ellas, dejo a continuación un tutorial que hice hablando de ellas:

 

 

- AGREGAR MATERIALES DE IMAGEN AL LIENZO -

Buscando entre los materiales encontré un recopilado de mariposas, lo descargué y ese es el que usaré. Para agregarlo solo hay que arrastrarlo desde la carpeta de descargas hasta el lienzo. Para agregar pinceles descargados se sigue el mismo proceso, pero en este caso hay que arrastrar y soltar en la ventana “Subherramientas”.

 

Algunos materiales vienen diseñados en una capa vectorial, eso es excelente porque al transformar una capa vectorial no corremos el riesgo de perder la calidad y que nuestra imagen termine pixelada al escalarla. Esa es otra de las bellezas de usar capas vectoriales.

- ALINEAR Y DISPONER -

La herramienta de alinear nos servirá mucho en estos casos en donde queremos que las formas se alineen en determinadas composiciones. Por ejemplo: Iniciamos seleccionando la capa o las capas que queremos alineas.

 

ATAJO: Un truco para seleccionar varias capas es usar la tecla CTRL o marcar con el signo de verificado las capas elegidas.

Ahora hay que ir a la ventana “Alinear y disponer” que se encuentra en la siguiente ruta: Ventana > Alinear y disponer.

 

Una vez en ella elegiremos la opción que más nos convenga, hay 14 modos, pero nosotros solo nos enfocaremos en los seis de “Alinear”, estos son:

 

• Alinear con el borde izquierdo

• Alinear al centro en horizontal

• Alinear con el borde derecho

• Alinear con el bode superior

• Alinear con el centro en vertical

• Alinear con el borde derecho.

 

En mi caso usaré “Alinear con el centro en horizontal” y “Alinear con el centro en vertical”.

En este tutorial oficial encontrarás información sobre esta herramienta, dale un vistazo, es una herramienta muy útil:

 

 

- BORRADOR VECTORIAL -

Entre las cosas que podemos hacer es borrar la parte de la línea del círculo que intercepta y cruza el ala de la mariposa con el borrador vectorial.

 

Este borrador se encuentra junto con los otros borradores. Una vez seleccionado, en la ventana de “Propiedades de herramienta” hay que cambiar la configuración de “Borrador de vectores” a “Borrar hasta la intersección”. De este modo se borrará toda la sección que se encuentre entre dos puntos.

- PINCEL DE DECORADO -

Más allá de imágenes, también podemos encontrar pinceles de decorado, estos pueden ser de flores, objetos, patrones, etc. En mi caso usé uno de flores. Para darle dinamismo a la composición alteré el tamaño del pincel, así algunas flores serán más grandes que otras.

Lo mismo hice con el pincel de estrellas, y con el de enredadera. Pinte una sección de esta, la transforme y la coloque rodeando las flores más grandes, después, borre el excedente.

- REGLA VECTORIAL-

Otra característica que tienen las capas vectoriales es que nos permite crear reglas a partir de las líneas en estas; esto es útil para usar pinceles de decoración sobre un diseño sin salir de este y que todo se deforme. Un método fácil para no hacerlo manualmente, más rápido, sobre todo.

Crear la regla es fácil, primero hay que ubicarnos en la capa vectorial que queremos convertir en regla. Ahora, damos clic derecho sobre ella y elegimos las opciones: Regla/ Viñeta > Regla a partir de vectores.

Ya se creó la regla. Para comprobarlo veremos que apareció un icono en la miniatura de la capa. Como siguiente paso me dirijo al icono de regla en las opciones de capa; se desplegara un menú donde marco la opción “Mostrar en todas las capas”. Esta opción me permite usar las propiedades de la regla incluso en una capa nueva.

Finalmente, creo una capa por encima donde coloco el patrón del pincel. Como podrán ver, solo me permite pintar sobre la zona de la línea. Maravilloso ¿no?

Cuando termino desactivo la regla dando clic derecho sobre el icono que se encuentra en la miniatura, elijo la opción “Visualización de la regla” o “Eliminar regla”.

Hasta aquí termino con el collage usando los materiales y pinceles. El resultado es:

• MATERIALES DE IMAGEN CON FONDO

Hay materiales que incorporan un fondo blanco; debido a esto resulta complicado pintarlos a diferencia de los que no cuentan con está característica, pero todo tiene solución. Aquí les presento el método que utilizo en estos casos.

Usaré como ejemplo este material de imagen, un oso. Cuando lo descargue de ASSETS me percate que tenía incorporado un fondo blanco, ¿Y ahora? Si pinto encima perderé la línea y definitivamente no puedo pintar por debajo.

 

Bueno, lo que hago es lo siguiente. Primero creo una capa por encima que acoplo a la inferior (el material), a esta nueva capa le cambio el modo de combinación de “Normal” a “Multiplicar”. Listo, a pintar.

 

NOTA: Los colores serán un poco más oscuros de lo normal al aplicarlos en esta clase de capa. Tenga esto en cuenta al momento de elegir los colores.

---

(B) Collage clásico

Iniciamos importando nuestro sujeto principal de la obra. La importación se realiza de la siguiente forme: En la siguiente ruta encontramos la opción: Archivo > Importar > Imagen o Crear objeto de archivo.

 

NOTA: Si elige “Crear objeto de archivo” tendrá un mayor control del material.

- FONDO -

Para establecer el color del fondo usaremos dos ventanas. La primera consiste en usar la capa de papel que viene por defecto en los nuevos archivos y su correspondiente editor de color.

Pasos a seguir: Damos doble clic en el icono de la capa de papel, aparecerá una ventana que nos permitirá cambiar el color de dicha capa.

- BORDE IRREGULAR -

Para el efecto de papel cortado irregularmente emplearé la herramienta: Selección > Polilínea.

Pasos a seguir:

 

1. Primero creo una capa nueva por debajo de la imagen principal donde se realizara todo el proceso.

2. Con la herramienta seleccionaré el borde de la figura de modo irregular.

3. Después, elijo un color blanco y con la herramienta de bote de pintura que se encuentra en el menú flotante pinto la selección.

 

CONSEJO: La magia está en hacer formas puntiagudas.

- EFECTO TRIDIMENSIONAL -

Para agregar a cualquier objeto el efecto tridimensional solo hace falta seguir estos sencillos pasos:

 

1. Duplicar la capa del borde irregular dando clic derecho sobre la capa en la opción “Duplicar capa” o con el atajo “CTRL más C” y “CTRL más V”.

2. Una vez seleccionada la capa usamos el atajo “CTRL más U” para que aparezca la ventana de “Tono/ Saturación/ luminosidad”. La barra de luminosidad deberemos moverla completamente a la izquierda.

3. Colocamos la nueva capa en negro debajo de la original y la movemos con la función transformar (CTRL más T) unos milímetros en la dirección que nos apetezca.

4. Bajamos la opacidad de la capa al nivel deseado.

Listo, ya tenemos un borde irregular.

- PAPEL RASGADO -

Para simular el papel rasgado clásico de los collages usaré un recurso que encontré en ASSETS.

 

1. Arrastro el papel desde la carpeta de descargas al lienzo.

En el caso de este material, es muy ancho para lo que quiero hacer, así que, tengo que editarlo. La ventaja de los materiales de imagen es que nos permite una edición más fácilmente con los ajustes de la ventana “Propiedades de herramienta”. Para acceder a estos ajustes iremos a: Ventana herramienta > Objeto > Ventana propiedad de herramienta.

Para poder modificar las proporciones a voluntad, desmarcaré la opción: “Mantener proporción”. Para simular la sombra se sigue el proceso anteriormente explicado.

- PATRONES -

Ahora agreguemos patrones.

 

1. Primero hay que crear una capa nueva por debajo del papel rasgado.

2. Con las herramienta de selección que se encuentran en: Herramienta; selecciono la zona donde quiero aplicar el patrón. En mi caso usaré la selección automática.

 

* Si quiero seleccionar diferentes zonas, cambio la opción del “Modo de selección” de la ventana “Propiedad de la capa” a “Agregar a selección”.

3. Ahora solo hay que arrastrar el patrón descargado al lienzo. Se generará una máscara de capa automáticamente.

4. Con la ventana de Tono/ Saturación/ Luminosidad que se mencionó anteriormente (CTRL más U) se puede cambiar el color del material.

 

A esta capa también podemos agregar una sombra.

5. Con la capa de “Cuerva de tonos” podemos mejorar los colores. Se encuentra en: Capa > Nueva capa de corrección > Curva de tonos.

 

NOTA: El cambio de color se puede hacer con cualquier material que no esté en escala de grises. Pero si se tiene un material en escala de grises se le puede aplicar color fácilmente con los Mapas de degradado. Dejo un tutorial donde explico como corregir o agregar color con todas las capas de corrección.

- CREAR CINTAS -

Para trasformar un patrón en una cinta seguimos los siguientes pasos.

 

1. Teniendo la capa del material seleccionada nos dirigimos herramienta “Objeto”, y luego a la ventana “Propiedad de la herramienta objeto”.

2. Cambio la configuración del apartado “Dirección del motivo” a “Solo horizontal” o “Solo vertical”.

- STICKERS -

Anteriormente vimos como crear un borde irregular; pero ahora veremos como agregar un efecto de borde clásico.

 

1. Para simular el diseño de un sticker, selecciono la capa y marco la opción “Efecto de borde” que se encuentra en la ventana de propiedad de la capa: Efecto > Efecto de borde. Con el deslizador se puede elegir el ancho del borde y con el icono de pintura el color.

 

NOTA: Este efecto se puede agregar a cualquier material o elemento que esté en la capa seleccionada.

Para agregar un efecto de sombra hay que duplicar la capa, bloquea los píxeles trasparentes desde las opciones de la capa; pintar la capa con un tono más oscuro o en su defecto pinar con el color de fondo y establecer la capa en “Multiplicar” (que es lo que yo hago). Por último, quito el bloqueo y aplico un “Desenfoque Gaussiano”.

 

En este caso, la capa en un objeto de archivo, así que, para pintarla o cambiarle el color, deberemos convertirla en una capa “Rasterizada”. Para hacer esto seguiremos la siguiente ruta: Clic derecho sobre la capa > Elegir la opción: Rasterizar.

- RECURSOS -

Como último, para completar los espacios vacíos rellene el collage con elementos de ASSETS que fueran acorde con la idea. Como por ejemplo: Cintas, encajes, flores, stickers, etc.

 

Las ediciones antes explicadas se pueden aplicar para cualquier material; así que, con un poco de paciencia, podemos crear cualquier collage.

 

El truco está en colocar los elementos en diferentes capas unos por encima de otros y agregarles efectos de borde, sombras o corrigiendo el color.

---

(C) Decoración de ilustraciones

Ahora veamos algunas ideas de como podemos usar los materiales de imagen y pinceles de decoración para completar nuestras ilustraciones. Los pinceles decorativos y los materiales de imagen nos sirven en extremo para facilitarnos el trabajo, permiten agregar decoraciones que de otra forma tendríamos que hacer a mano. Algunos de estos ejemplos son:

 

 

- PATRONES -

Dentro de los materiales de imagen contamos con la categoría de patrones; estos elementos se me ocurre que los podemos emplear como fondo o textura.

 

Como textura pueden simular patrones de vestidos o en general de cualquier ropa, hay de varios tipos; los que tienen patrones o los que simulan texturas como el papel.

- ACCESORIOS -

Con los pinceles de decoración se vuelve fácil añadir elementos como: listones, collares, encajes, botones, sangre, heridas, costuras, etc.

- ATMOSFERAS -

También con los pinceles podemos remarcar aspecto del fondo. Por ejemplo, Un pincel de estrellas para una noche estrellada.

De igual forma, combinando los materiales de imagen y los pinceles de decoración se pueden crear fondos más completos. En este caso, la luna (material de imagen) y las estrellas (pincel).

Aquí tenemos otro ejemplo de creación de fondos con materiales de imagen.

- ORNAMENTOS -

Los ornamentos que encontramos en pinceles o en materiales de imagen como lo son los marcos también son buenos para decorar ilustraciones.

- TEXTURAS -

Para este otro collage utilicé una textura, con las texturas consigo aportar volumen y carácter a un elemento; por ejemplo, ¿Qué caracteriza a un ladrillo? Más allá de su color y forma, es su porosidad, es esa textura un elemento característico.

 

La manera en que aplico las texturas es la siguiente: comienzo arrastrando el material al lienzo. Una vez posicionado donde lo quiero me dirijo a la ventana “Propiedad de la capa”, ahí se encuentra el apartado “Efecto”, de donde selecciono la opción “Superponer textura”. Como último le bajo la opacidad a la capa hasta un nivel que me guste. Y listo, textura acoplada.

NOTA: Este collage lo hice usando únicamente materiales de imagen, texturas y pinceles de decoración de ASSETS.

---

(D) Decoración de materiales de papelería

Ahora les mostraré la creación de algunos diseños para papelería como hojas de recetario, notas, apuntes, postales, etc. Aunque esto será una explicación simple, es bueno saber que combinando materiales y una buena paleta de colores podemos crear un sin fin de diseños personalizados para nuestro uso personal o una marca.

 

 

- CONFIGURACIÓN DEL ARCHIVO -

Si son archivos que se van a imprimir, hay que considerar ciertos aspectos técnicos como lo son el perfil de color, las dimensiones, los márgenes, etc. En este momento no nos centraremos en esto, pero si desean conocer más al respecto les recomiendo visitar el tutorial del usuario ED. que nos brindó muy buena información.

 

 

Con respecto a los diseños que mostraré, usaré la siguiente configuración:

 

1. El archivo que usaré será un formato “Comic”.

2. El formato lo establecí en “Postal”.

3. Las unidades las dejé en mm.

4. Invertí la disposición de vertical a horizontal.

5. Cambie el margen de sangría a 3 mm.

6. Establecí la resolución en 350ppp (a partir de esta resolución se puede imprimir en excelente calidad).

7. El color de expresión básico lo cambié de “monocromático” a “color” para permitirme usar el color.

NOTA: El ancho de sangría es un espacio que se cortara en la imprenta, pero para evitar errores, extienda el diseño a esta parte. Hay que evitar colocar elementos importantes cerca del área de sangrado.

- POSTAL -

Para el diseño de esta postal iniciaré colocando el color del fondo, para ello emplearé un material de imagen, específicamente un patrón que descargue del catálogo. Posteriormente, cree la forma de un óvalo en una capa vectorial que convertí en regla y en una nueva capa usando un pincel de decoración de encaje, aplique la forma siguiendo la regla.

Con la herramienta “Línea recta” simulé las líneas de referencia para escribir. Por último, dibuje un hámster para que fungiera como sello personal. A esta capa y la del óvalo las duplique; posteriormente a ambas copias las bloquee usando la función “Bloquear píxeles trasparentes”, y las pinte de un rosa oscuro, difumine la capa con “Desenfoque Gaussiano”. Después las transferí debajo de las originales para finalmente moverlas un poco a la izquierda, así consigo simular un efecto de tridimensionalidad.

- RECETARIO -

El proceso para este fue el mismo que en el anterior, con la única diferencia que para decorar el recetario utilice un pincel con motivo de flores y fresas junto con un pincel punteado para el contorno de los diálogos. El mismo autor de este pincel tiene otro tan bonito, pero con temática espacial.

Para crear un efecto de sticker en las figuritas usé el “Efecto de borde” que se encuentra en la paleta de “Propiedades de la capa”.

---

(F) Flayers

Otros diseños que se pueden hacer con los materiales de imagen y pinceles de decoración, son elementos publicitarios. Veamos algunos ejemplos.

 

 

- PORTADAS -

Con portadas me refiero a las carátulas de productos, un ejemplo de ello son las portadas de las cajas de dulces. El siguiente ejemplo toma como base los diseños vintage de portadas de productos comestibles.

 

Proceso: Después de idear el boceto, inicie colocando un fondo rosado con un patrón de líneas vertical con un rosado claro. El patrón lo hice manualmente porque no encontré entre los materiales uno que me gustara para esta idea.

Después comencé colocando los elementos en diferentes capas, de esta forma consigo editarlos fácil y rápido. La forma central la hice usando la herramienta figura, específicamente el rectángulo relleno con los bordes redondos (estas opciones se encuentran en la paleta propiedades de la herramienta).

Cambie el color a los elementos, para ello hice uso de la función “Bloquear píxeles transparentes” en cada capa.

El siguiente paso del diseño fue el texto. Para simular un efecto tridimensional seguí el mismo proceso explicado anteriormente; primero duplique la capa del texto, después bloquee los píxeles transparentes y la pinte con un color oscuro, posteriormente moví la capa por debajo de la original, la posicione sobresaliente con dirección a la parte inferior derecha.

 

Si deseas conocer más sobre como usar la herramienta texto, te invito a leer este tutorial:

 

 

Por último, metí todas las capas dentro de una carpeta, la carpeta la duplique y dando clic derecho seleccione la opción “Combinar capas seleccionadas”. Esto con el único fin de crear una única capa. Después a esta capa le apliqué el filtro de “Ruido” que se encuentra en la ruta: Filtro > Efecto > Ruido.

 

En sí, este paso es innecesario, pero me gusta el efecto de ruido :)

Listo. El resultado es…

3. Lista de materiales usados

Estos son los materiales que emplee para crear el contenido de este tutorial:

 

 

Despedida

Los materiales son unos grandes aliados en la ilustración, así que, no olviden considerarlos en vuestros procesos. Espero que lo visto en este tutorial les sea de ayuda. Bueno, sin nada que decir ¡Gracias por llegar hasta aquí! ପ(๑•̀ुᴗ•̀ु) ॣ৳৸ᵃᵑᵏ Ꮍ৹੫ᵎ ॣॣ No vemos en otro momento ( •⌄• ू )✧

 

Conoce más sobre mí en: