Presentación
¡Hola! Sean bienvenidos. En esta ocasión, veremos los principios que necesitamos para hacer nuestros propios diseños de tarjetas digitales e imprimibles, desde las dimensiones hasta la impresión y armado de la misma. Sin más preámbulos…
¡¡Comencemos!! (o･ω･o)
Aviso: Este tutorial será largo, así que intente separar cada punto para que sea fácil de localizar en el índice. Espero que te quedes hasta el final (⌒‿⌒).
0. Materiales
En este tutorial abordaré el diseño de tarjetas digitales e imprimibles (pop up).
Este tutorial estará hecho con la interfaz para tablet porque estoy estrenando una flamante nueva tableta y ¡Qué mejor que probarla usando Clip Studio!
Para la parte impresa los materiales empleados son:
• Hojas con un mayor gramaje para imprimir los diseños. Tienen que ser hojas gruesas para que el mecanismo resista (en mi caso use hojas de 225 gramos). En ellas imprimiremos los diseños.
• Pegamento.
• Unas tijeras.
• Una cortadora (opcional).
En este tutorial crearemos dos tipos de tarjetas imprimibles:
1. Preparar el archivo
Iniciemos determinando las dimensiones del lienzo. Hay una serie de medidas que podemos tomar para este tipo de tarjetas. La siguiente es una tabla de medidas convencionales que podemos usar como referencia.
• A5: El tamaño de este tipo suele ser de 14.8 x 21 cm (148 x 210 mm).
• A6: Un tamaño versátil para este tipo de propósitos. Sus medidas son: 10.5 x 14.8 cm (105 x 148 mm).
- DISEÑOS IMPRIMIBLES -
Para este tipo de tarjetas usaremos los siguientes ajustes:
(1) Para este proyecto abriremos el cuarto archivo: Mostrar todos los ajustes de cómic.
(2) En unidad cambiaremos a cm.
(3) Aquí tenemos el tamaño total del lienzo y la orientación vertical u horizontal. En mi caso usaré una orientación horizontal.
(4) En cuanto a la resolución, tenemos que los archivos con más de 300 ppp son ideales para imprimir y 72 para archivos digitales.
(5) Con color de expresión tenemos dos: Color y monocromático. Usaremos la opción de color.
(6) Aquí podemos elegir las dimensiones, en mi caso elegí un formato A5.
(7) El ancho de sangría normalmente se establece entre 3 y 5 mm, eso dependerá de las normas de impresión. En mi caso usaré uno de 0.50.
(8) La dimensión interior del archivo que no se recortara.
Estas últimas tres opciones afectan de la siguiente manera al lienzo:
MORADO: Esta es el área de la sangría, por consiguiente se deberá de cortar después de imprimir.
ROSA: Zona final del corte, dentro deberán estar los elementos importantes.
- DISEÑOS DIGITALES -
Para los diseños digitales es más simple la configuración:
➀ Creamos una obra normal (ilustración).
➁ La unidad la dejaré en px.
➂ Desde el menú desplegable, hay varias opciones eso dependerá de cada uno, pero yo recomiendo: B5 o Postal.
➃ En cuanto a la resolución, como explique antes 72 ppp son buenos para los entornos digitales.
- RESOLUCIÓN DE PANTALLA -
Es importante hacer coincidir las medidas del lienzo con las dimensiones finales, para ello podemos configurar la resolución de pantalla.
➀ Iremos a: Archivo (En la versión para tableta hay que dar clic en el icono de CSP en la esquina superior izquierda) > Preferencias.
➁ Ahora, en la ventana hay que ir al apartado: Lienzo > Resolución de pantalla > Ajustes.
➂ En la nueva ventana se mostrará una regla que tendremos que hacer coincidir con una regla física de confianza.
- CONFIGURACIÓN DE COLOR -
Hay un debate sobre cuál modo de color es el mejor. Existen dos modelos el RGB (En cuál está predeterminado en CLIP STUDIO PAINT) y CMYK. El uso de uno u otro dependerá de la preferencia personal o empresariales.
Nota: Esto es solo una aproximación a algo más profesional en cuanto a impresiones, por tanto, es algo que se puede omitir.
Para obtener una vista previa entre estos dos hay una herramienta dentro del programa que nos permitirá hacerlo.
➀ Primero iremos a: Ver > Perfil de color > Configuración de vista previa.
➁ En “Perfil para vista previa” cambiamos al más apropiado para CMYK.
➂ Finalmente damos en aceptar.
Esto solo es una vista previa, a la hora de imprimir los colores pueden variar.
➃ Para activar y desactivar la vista previa entre RGB y CMYK iremos a: Ver > Perfil de color > Previsualizar.
2. Diseños tipográficos
La tipografía es un elemento importante en este tipo de diseños, por lo que tenemos que aprender a manejar la tipografía.
- Herramienta de texto -
Iniciemos aprendiendo las características básicas de edición de la herramienta de texto. En este tutorial no prestaremos mucha atención a los detalles completos de la funcionalidad de la herramienta, por lo que, dejo a continuación un tutorial donde hablo más a detalle sobre los ajustes.
Y en este otro tutorial podrás encontrar más ejemplos de tipografías que puedes hacer con las herramientas de CSP.
- TEXTO -
Esta herramienta la podemos encontrar en la paleta de herramientas (icono con la letra “A”) o usando el atajo de teclado “T”. En la ventana Propiedad de herramienta encontraremos todas las configuraciones.
Una vez activa la herramienta solo hay que dar clic en alguna parte del lienzo para comenzar a escribir. Para volver a editar, una vez más elegiremos la herramienta de texto y daremos clic sobre las letras o caracteres.
Además, el cuadro de texto se puede mover haciendo clic en el borde le la línea, rotar usando el punto de control en la parte superior y finalmente usando los manejadores del cuadro cambiaremos el tamaño del texto.
Atajo: Con SHIFT se mantiene la proporción.
- ESTILO -
En cuanto a los estilos tenemos: Negritas, cursiva, subrayar y tachado. Seleccionando una palabra, letra o todo el texto podemos aplicar el efecto.
- AGREGAR FUENTES -
Clip Studio cuenta con algunas tipografías, pero si queremos usar otros tipos más excéntricos deberemos agregarlas.
Al desplegar la lista de fuentes, encontraremos al final la opción: Agregar fuente. Aquí, como su nombre lo indica, se agregan nuevas fuentes; damos clic en la opción, se abrirá la ventana de búsqueda de archivos donde elegiremos el paquete ZIP/ RAR/ TTF/ OTF que contiene nuestra tipografía, y damos aceptar.
Aparecerá un mensaje donde nos permitirá guardarlo en la nube, si te parece conveniente da en aceptar, sino, solo en cerrar.
Y listo, ahora podemos tener tipografías decoradas.
Importante: Cuando descargues una tipografía recuerda leer y guardar la licencia de uso, para evitar problemas legales.
- ESPACIADO -
El espaciado corresponde a la separación que hay entre letras o caracteres. Letras muy pegadas o separadas dificultan la lectura, pero estas dos características son útiles para dotar de dinamismo al texto dándole un aire de frescura. Para editar estas características en CLIP STUDIO PAINT hay que hacer lo siguiente:
➀ Deberemos ir a “Detalle subherramienta”, la cual será visibles al dar clic en la llave inglesa que se encuentra en la parte inferior derecha de la ventana “Propiedad de herramienta”. En esta ventana encontraremos más funciones que no son visibles en la ventana de Propiedad de herramienta.
➁ En el apartado “Fuente” encontramos dos opciones: Espacio entre caracteres y estrechamiento. Con los deslizadores podemos controlar el grado de separación.
Iniciemos ahora aprendiendo algunos efectos extra que se le pueden dar a las tipografías.
(A) Acuarela
Una vez establecido el texto, convertiremos la capa en una capa de rasterizado. Para ello mantendremos presionada la capa en la versión para tableta (para la de escritorio será con clic derecho). En el menú hay que elegir la opción “Rasterizar”.
Nota: En las capas de texto no se puede editar ni dibujar.
En la ventana de capa activaremos “Bloquear píxeles transparentes”, esto permite pintar sin salirnos de la zona. Después, con un pincel y el blanco puro pintaremos sobre las letras.
Ahora eligiendo un pincel de acuarela y con el color negro pitaremos por encima de un modo irregular para que las letras adquieran la textura del pincel.
Luego activamos la función “Mascara de capa” (1), aparecerá una miniatura blanca que debemos seleccionar (2).
Elegimos el pincel “Gotitas” que se encuentra en el apartado de aerógrafo y con la opción “Transparencia” (se encuentra entre el color principal y secundario en la esquina inferior derecha del círculo de color) seleccionada comenzaremos a pintar por encima del texto. Esto creará el efecto de irregularidad de la tinta.
Ahora, elegimos el color negro y un pincel duro (como la plumilla G), manteniendo seleccionada la miniatura de la máscara de capa pintamos algunas zonas de las letras solo para desaparecer el exceso de puntitos que pudieron quedar del paso anterior.
Mantenemos presionada la miniatura de la máscara y aparecerá un menú donde elegiremos la opción “Aplicar máscara a capa”.
En: Edición elegimos “Convertir luminosidad a opacidad”. Esta opción permite agregarle color a las letras.
Con el aerógrafo pintaremos con uno o varios colores.
En la ventana “Propiedad de la capa” elegimos: Efecto de borde > Efecto de acuarela. Modificamos los parámetros de área, opacidad y ancho de desenfoque hasta que nos guste el resultado.
- Textura de papel -
➀ Para darle un efecto más realista agregaremos una textura desde: Materiales > Descargas > Patrón Monocromático > Textura.
➁ Teniendo seleccionada la nueva capa creada por el patrón iremos a la ventana: Propiedades de la capa. En el panel daremos clic en la opción «Superponer textura» y bajaremos la «Fuerza» a un rango que nos guste.
➂ Ahora, en una capa por debajo pintaremos con el aerógrafo y un color claro amarillento los bordes del lienzo.
Listo, ya tenemos el efecto de acuarela en papel.
(B) Patrones
Para crear este efecto es tan fácil como:
➀ Agregamos un patrón por encima de la capa de las letras.
➁ Luego hay que activar la opción: Acoplar a capa inferior que se encuentra en la ventana capa.
Los patrones los podemos conseguir en la biblioteca de materiales o importándolos al lienzo desde un archivo personal (esto se hace desde: Archivo> Importar > Almacenamiento del dispositivo. Esto en la tableta).
Listo, podemos tener un sinfín de texturas en las letras.
(C) Colores
Para las letras de color es tan fácil como seleccionar letra por letras con la herramienta «Selección» y pintar con el Bote de pintura que se encuentra en el menú flotante de la herramienta selección.
(D) Borde
En las «Propiedad de herramienta» encontramos la opción: Borde. Al activarla se mostrará una barra donde podremos elegir el grosor y color del mismo.
Si esta opción no está activada la podemos activar dando clic en la llave inglesa que se encuentra en la parte inferior derecha, se abrirá una ventana en donde iremos a «Texto» una vez ahí daremos clic en los recuadros de borde y color de borde. Listo, ahora estas dos opciones aparecerán en la ventana principal.
(E) Huecas
Desde la versión 3.0 del programa, hacer tipografías huecas se ha vuelto muchísimo más fácil. Veamos como hacerlas siguiendo el siguiente sencillo ejemplo:
➀ Iniciemos duplicando la capa del texto 3 veces.
➁ Las enumeraremos de la siguiente forma, desde arriba hacia abajo las enumeraremos del 1 al 3.
➂ Las capas dos y tres las convertiremos a una capa rasterizada, después las ocultaremos.
- Tipografía hueca -
➃ Ahora, seleccionaremos la primera capa (capa de texto) e iremos a las propiedades de la herramienta texto, ahí, en el apartado “Fuerte,” si desplegamos el menú encontraremos la opción “Hueca con contorno”, esta opción nos permite elegir entre dos estilos: Fino y Negrita. En mi caso elegí negrita. Listo, ya conseguimos una tipografía hueca.
Nota: La lineal resultante será muy delgada y con colores claros se perderá, pero esto lo mejoraremos en el siguiente paso.
- Grosor de la línea -
➄ Para cambiar el grosor de la línea deberemos ir una vez más a la ventana “Propiedades de herramienta”. Ahí activamos la opción “Borde” (ya se habló de esta función en un apartado anterior).
➅ Ahora hay que cambiar el color del borde al mismo que el de la línea, para ello hay que dar clic en el recuadro de color “Color de borde”, aparecerá una ventana donde tenemos varias opciones para elegir el color, en mi caso lo elegí desde la ventana de “Historial de color”.
➆ Listo, con el deslizador podremos modular el grosor de la línea justo como se ve en el siguiente GIF.
Para continuar con el diseño de nuestro ejemplo haremos lo siguiente:
➀ Activaremos la capa número dos y con la herramienta Transformar (CTRL más T o desde Edición > Transformar) moveremos la capa de tal forma que la desfasemos de las letras huecas.
➁ Damos aceptar y desactivamos esta capa.
➂ Activamos la capa número tres.
➃ Activaremos el atajo de teclado CTRL (1) y damos clic en la capa número tres justo por la miniatura (2). Esto servirá para que se seleccione automáticamente el borde de lo que está contenido en la capa.
➄ Ahora damos clic en la opción “Invertir selección” (3) que se encuentra en la barra flotante de la herramienta selección.
➅ Desactivamos la tecla CTRL y activamos la capa número dos, teniendo esta capa seleccionada damos clic en la opción “Eliminar” (sexta opción en el menú flotante de selección). Esto con el fin de borrar la zona que quedo sobresaliente al desplazar la tipografía en los pasos anteriores.
➆ Desactivamos o borramos la capa número tres y listo.
(F) Otras modificaciones
Sombra simple: Para hacer este efecto hay que duplicar la capa de la tipografía y pintar la misma con un color que contraste con el de la capa original, a esta copia hay que colocarla por debajo de la original y con la herramienta de “Transformación” desfasarla hacia la dirección deseada.
Separar los caracteres en diferentes capas y superponerlos entre sí da un efecto juguetón.
Tener algunos elementos encimados hace que la composición luzca menos rígida.
SOMBRA DIFUSA: Siguiendo este mismo proceso se puede crear un efecto de sombra por detrás de las letras. El paso adicional será aplicarle un filtro de desenfoque a la capa que este por detrás. Aconsejo usar el “Desenfoque gaussiano” que se encuentra en la siguiente ruta: Filtro > Desenfocar> Desenfoque gaussiano. Además de poder bajarle la opacidad para que no sea una sombra tan profunda.
NOTA: Se necesita deshabilitar la opción de “Bloquear píxeles transparentes” para poder utilizar el desenfoque.
SOMBRA PROYECTADA: Para hacer esta sombra es necesario usar la herramienta: Selección > Polilínea. El truco en todo esto es usar la tecla SHIFT que permitirá hacer líneas en ángulos de 45°, con esto podremos ir creando la forma angular.
Veamos algunos trucos que nos ayudarán a modificar varias tipografías al mismo tiempo.
VARIAS CAPAS DE TEXTO: Si tenemos varias capas de texto se pueden agrupar en una con el icono “Fusionar con capa inferior”, esta capa puede contener muchos cuadros de texto que se pueden modificar de forma independiente. Si queremos seleccionar varios textos al mismo tiempo deberemos de activar la opción: “Seleccionar texto”, esta función se encuentra en el apartado “Arrastrar” (Desactive esta opción, una vez terminado, vuelva a crear cuadro de texto para evitar los arrastres.).
NOTA: Si una de las capas combinadas no es de tipo texto, el resultado de la combinación será una capa rasterizada.
Modificar múltiples capas a la vez: Deberemos cambiar la configuración de “Aplicar a” en la paleta de propiedades de herramienta de: “Solo nuevo” a “Texto seleccionado”.
(G Transformaciones
No todos los textos tienen que estar en frontal, también podemos acoplarlo en diferentes espacios para diferentes perspectivas. Aquí abordaré algunas trasformaciones.
- PERSPECTIVA -
Para colocar un texto es perspectiva hay que seguir estos pasos:
➀ Convertir la capa en rasterizado.
➁ Teniendo seleccionada la capa iremos a: Edición > Transformar > Transformación libre, perspectiva, distorsionar o inclinación. Ahora hay que mover los nodos del cuadro en dirección de la perspectiva que se quiere obtener.
Hay diferentes herramientas de transformación que nos permiten posicionar el texto en múltiples ángulos, solo es cuestión de probar.
Para tener una mejor perspectiva aconsejo emplear líneas guía, en este caso usé una estructura que me ayudo a acoplar el texto.
- TRANSFORMACIÓN DE MALLA -
Curvar un texto o colocarlo en una posición extraña es fácil. Teniendo seleccionada la capa iremos a: Edición > Transformar > Transformación de malla.
Aparecerá una malla con una serie de nodos; estos nodos los podemos mover a la posición deseada.
- TEXTO CIRCULAR -
Con la actualización a 3.0 se agregó una función para colocar texto en forma circular. Un nuevo efecto maravilloso. Para lograrlo hay que hacer lo siguiente:
➀ Hay que ir a los “Detalles de subherramienta”; una vez en la ventana nos dirigimos a la sección “Texto circular”.
➁ Activamos “Texto circular”. Con los demás ajustes podemos modular el radio, la dirección (sentido horario y antihorario) y la disposición uniforme.
Usando composiciones guía como las que se emplean en el LETTERING y las transformaciones antes explicadas podemos crear bonitos diseños creativos.
(H) Caligrafía
Otra forma de agregar texto es hacerlo manualmente escribiendo con algún pincel de caligrafía como los que tiene predeterminado CLIP STUDIO, o alguno descargado de la librería de materiales. Este método es recomendable para agregar tu toque personal o para conseguir un estilo que sería difícil o imposible con los medios digitales.
Por ejemplo, en la siguiente tarjeta escribí “Feliz cumpleaños” en ruso con la herramienta texto, pero se pierde el formato de la tipografía porque las tipografías cargadas no están diseñadas para este alfabeto. Ante esta dificultar mejor recurrir a las viejas costumbres.
Algunos consejos para tener una mejor caligrafía son:
➀ Usar la cuadrícula, esta se activa desde: Ver > Cuadricula. Más adelante en la sección de la tarjeta pop up giratoria explicaré sobre esta herramienta.
➁ Usar el estabilizador del pincel para que no se note el temblor de nuestro pulso y obtener trazos firmes. Si esta opción no es visible deberemos ir a: Detalle subherramienta > Corrección, la cual será visibles al dar clic en la llave inglesa que se encuentra en la parte inferior derecha de la ventana de Propiedad de herramienta.
Nota: Mientras más alta la estabilización, más pesado será el arrastre.
➂ Crea una capa con el boceto, luego bájale la opacidad y escribe con más seguridad en una capa por encima.
3. Estructura de una tarjeta
Aprendamos ahora rápidamente algunos principio para la estructuración de tarjetas. Las tarjetas de cumpleaños suelen contener dos elementos: El texto y los decorados.
• El texto: Este tipo de tarjetas convencionalmente contienen pequeñas frases alusivas a la temática como “Feliz cumpleaños” y en algunos casos también se incluyen los años.
• Decoración: Por otro lado, los decorados pueden ser elemento clásicos alusivos a las fiestas como los globos o los pasteles o con elementos que le gusten a la persona a la que va dirigida la tarjeta.
- COMPOSICIÓN -
Hay diferentes formas de composición que podemos emplear para hacer nuestras ilustraciones visualmente más atractivas. Entre ellas tenemos: Regla de los tercios, triangular, proporción áurea, etc. Cada uno de los métodos tiene como fin establecer puntos donde es más placentero colocar el punto focal.
- JERARQUÍA -
Se emplea para dirigir la mirada del espectador, el recorrido va desde lo más llamativo a lo menos vistoso; en lo llamativo podemos encontrar letras grandes y decoradas, en negritas o subrayadas, mientras que en el resto, un estilo plano y continuo, no tan grande.
En la siguiente imagen comprobamos la importancia de la priorización de los elementos, no solo del texto sino también de los decorados. El propósito es crear un equilibrio entre cada elemento, ¿Cuál capta mejor tu atención?
- DECORADOS -
Una vez establecida la composición y la tipografía, ahora tocará colocar los adornos alusivos.
Veamos como hice esta tarjeta:
• Estilo: Decidí que el estilo de esta tarjeta seria de acuarela.
• Tipografía: Para la tipografía elegí una fuente que simulara la escritura a mano.
• Color: Para el fondo elegí un color crema que me permitiera simular una hoja antigua. Para las letras café y amarillo.
• Decorados: Rodee las letras con un material de rosas que conseguí en la librería de materiales de Clip Studio.
• Textura de acuarela: Desde la carpeta: Materiales > Patrón Monocromático > Textura. Tome una textura que me gustara y la agregue al lienzo por encima de todas las capas y la acople con la opción “Superponer textura”, este método se explicó en la sección anterior “Acuarela”.
• Detalles finales: Para finalizar decidí agregar un delineado dorado en las rosas para que simulara esos detalles dorados que se le ponen a algunas tarjetas caseras para que se vean más bonitas.
Para lograrlo hice lo siguiente:
➀ Pinte el delineado con un pincel duro (plumilla G) rosa por rosa (solo en algunas partes no toda la rosa).
➁ Agregue un material de textura dorada que descargue de la librería en una capa por encima y la «Acoplé a la capa inferior» donde tenía el delineado. Listo.
4. Tarjeta POP UP giratoria
Ahora aprenderemos como hacer una tarjeta pop up giratoria. El encanto de esta tarjeta es que al abrirla el mecanismo haga que los elementos se desplacen de un sitio a otro.
(A) Diseño paso a paso
Esta tarjeta tendrá cuatro caras, dos de ellas son exteriores (Portada [1] y contraportada[2]) y las otras dos interiores (En ellas se colocará el mecanismo [3][4]). Inicie haciendo algunos bocetos usando diferentes combinaciones con elementos florales. Mi frase clave será “Happy Birthday”. Es una frase trillada, lo sé, lo mejor es usar mensajes personalizados.
Nota: Esta tarjeta está diseñada para ser leída de izquierda a derecha, si necesitas el sentido inverso solo habrá que invertir el orden de las capas, por ejemplo, la portada pasara a estar en la posición (2) y la contraportada en la (1).
El segundo paso es hacer una prueba de color, en esta parte voy probando diferentes combinaciones hasta encontrar una que me guste.
LÍNEAS GUÍAS: Iniciaré colocando algunas líneas guía que me ayuden a distinguir las dos caras de la tarjeta. Use una regla de figura y una de línea para crear el rectángulo y la línea que lo divide. Después con la plumilla G Pinte las formas y baje la opacidad de la capa.
Nota: Para que las líneas guía de la regla se creen rectas hay que mantener presionada la tecla Shift en el teclado o la misma en el panel lateral de atajos de la versión para tabletas.
Nota: Si mantenemos presionada la capa aparecerá una serie de opciones que nos permitirán controlar las funciones de la herramienta regla. Podemos eliminarla, hacer que la regla se pueda usar o hacerse visible en otras capas.
- Fondo general -
La estética de esta tarjeta tendrá un efecto de acuarela, así que haré un efecto de papel con las texturas, es por esto que inicie estableciendo el color de la capa, usando la herramienta bote de pintura con un color rosado.
En la ventana de materiales iré a: Patrón Monocromático > Textura. De entre las opciones elegiré la que más me guste y la arrastrare al lienzo.
Teniendo seleccionada la nueva capa creada por el patrón iré a la ventana: Propiedades de la capa. En el panel daré clic en la opción «Superponer textura» y bajare la “Fuerza” a un rango que me guste.
- Contraportada -
Marco:
➀ Para hacer el marco de la contraportada usaré las capas vectoriales (1).
➁ Ahora con la herramienta de «Rectángulo» crearé un rectángulo grande. La configuración de las propiedades de la herramienta deberán ser las siguientes:
● Línea/ Relleno: Línea.
● Suavizado: Duro.
Nota: Los elementos que se agregaran a partir de ahora los colocaré entre la capa de la textura y el fondo.
Nota: Usaré capas vectoriales cuando haga figuras porque las capas vectoriales nos permiten escalar lo que en ellas contiene sin perder calidad.
FORMA DEL PINCEL: A todas las subherramientas de Figura se les puede cambiar la forma del pincel. Así podemos pasar de una simple línea a una con punteado o con la textura de cualquier pincel. Esta opción la podemos encontrar en el apartado «Forma del Pincel» dentro de las «Propiedades de herramienta». En mi caso usaré la textura «Acuarela seca».
Aquí solo encontramos algunas formas predeterminadas, para agregar texturas o formas de otros pinceles haremos lo siguiente:
➀ Elegimos el pincel que nos guste.
➁ Luego abriremos la ventana «Propiedades de herramienta», ahí daremos clic en la llave Inglesa que se encuentra en la parte inferior derecha.
➂ En la nueva ventana que se abrirá iremos a: Forma del pincel > Forma actual del pincel.
➃ Daremos clic en la opción: Registrar como preajuste.
Listo, ahora hemos agregado una nueva textura a la forma del pincel.
Nota: Si una ventana no se encuentra a simple vista, podrás abrirla desde: «Ventana» desde la barra del menú.
Para crear unas muescas en cada esquina crearé una nueva capa vectorial donde colocaré un pequeño círculo.
Ahora con la función «Transformar» moveré y alineare el centro del círculo con la esquina del rectángulo. En el modo de la tableta hay un atajo en la barra del menú; para la versión del escritorio se puede usar el atajo de teclado «Ctrl más T».
Después copiaré y pegaré este círculo otras 3 veces más con las opciones del menú flotante de selección (1). Estos otros 3 igualmente los alinearé con el resto de las esquinas.
Nota: Para salir del modo de Selección se puede dar clic en la primera opción del menú flotante (2) y en la versión para escritorio con el atajo «Ctrl más D».
BORRADOR VECTORIAL: Uní todas las capas en una sola, después usé el borrador vectorial. Este borrador nos permite borrar las líneas del vector que se encuentren entre dos intersecciones. Esto hará que sea fácil y preciso borrar la parte del círculo que no necesitamos.
Para que funcione así el borrador vectorial tenemos que tener activa la opción “Borrar hasta intersección” en la ventana “Propiedad de herramienta”.
Por último, con un material de imagen de una rosa en acuarela adorne el centro y con un pincel de estrellas adorne el borde de la flor.
- AGREGAR MATERIALES -
El material, pinceles o cualquier cosa que se descargue aparecerá en la carpeta de descargas (1), si son materiales de imagen estos deberán de arrastrarse hasta el lienzo para que se agreguen a la ilustración, pero si es un pincel este deberá arrastrarse hasta la ventana “Subherramienta”. Las acciones automáticas se agregan desde la ventana de configuración de las acciones automáticas y los mapas de degradado desde la ventana de las configuraciones de la misma.
El material se creará en una nueva capa (2). La mayoría de los materiales son capas vectoriales o materiales de imagen (la ventaja de estos dos formatos es la conservación de la calidad al escalar), con respecto a este último, al seleccionar el material aparecerá un marco azul con nodos que nos permitirán rotar o escalar la imagen.
- CUADRICULA Y REGLA -
Para conseguir mayor precisión al alinear los elementos hay que activar la cuadrícula y la regla. Para activarlas hay que ir a: ver > cuadrícula y regla.
Para modificar los ajustes tendremos que ir a la misma ruta, pero ahora hay que elegir la opción: Ajustes de regla/ cuadrícula. Aquí marcamos la opción «Superior izquierda» (1) y en Ajustes de cuadrícula (2) marcamos 1.00 en intervalo y 5 en Núm.de divisiones.
Con esto tenemos una cuadrícula de 1 cm X 1 cm por cada cuadro grande.
- Portada -
Una vez más cree la misma estructura de la contraportada para la portada, pero en esta ocasión la rellene con el bote de pintura, luego arrastre un patrón de la librería, patrón sacado de Clip Studio Assets. Con la opción «Ajustar a la capa inferior» limito el patrón al área de la figura.
Nota: Con los nodos azules podemos modificar el ángulo, posición y frecuencia del mismo.
Cree un nuevo rectángulo relleno de blanco al cual le coloque otro rectángulo in poco más grande con la forma del pincel en el modo de punto, así consigo que simule un papel perforado por los bordes.
- REGLA DE FIGURA -
Por último, en una nueva capa cree un cuadro guía con la herramienta: Regla > Regla de figura. En propiedades de herramienta (3) la figura debe estar marcada en: Rectángulo. Esta regla la coloque dentro del rectángulo blanco.
Ahora, con un pincel que simula costuras de ropa dibujo por encima de la regla para simular que la hoja está cosida, después desactivo la regla. Al final con un pincel de estrellas pinto algunas alrededor y agregué otra rosa en el centro.
Con este último paso término el diseño de la portada y contraportada.
- Cara interior -
Para la cara interior marque un contorno blanco como en la contraportada y en una capa por debajo establecí un patrón de flores que descargue de los materiales de ASSETS. A este patrón lo pinté con el mismo color que el del fondo y establecí el modo de fusión en “Multiplicar” (opción en la ventana capa) para que no destacara tanto.
Como último agregue el mismo cuadro con forma de hoja cosida de antes y unas estrellas en el marco.
Nota: En la cara derecha (la que no tiene nada) es donde pegaremos el mecanismo y los elementos móviles.
(B) Mecanismo
El mecanismo que hace girar las piezas centrales lo haremos de la siguiente manera:
Primero, inicie haciendo un rectángulo de 4 cm x 6 cm. Estas medidas son solo para diseñar la estructura; más adelante cuando la estructura esté terminada la escalaré para que se adapte a las medidas de mi diseño, por consiguiente podremos adaptarla a cualquier medida diferente a las de esta tarjeta.
Para marcar la medidas es necesario activar la regla como se explicó en la sección anterior, en el apartado “Cuadrícula y regla". Para activarlas hay que ir a: ver > cuadrícula y regla.
Ahora hay que dividir el rectángulo desde el lado de los seis centímetros en cinco partes, cuatro de un 1 cm y uno de 2 cm.
Importante: Recuerda que para hacer líneas y formas rectas deberás mantener activada la tecla Shift ya sea en el panel lateral o teclado.
Luego, en el lado de los cuatro centímetros hay que dividirlo en tres partes iguales, en este caso 1.3 cm.
En el centro marcaremos una cruz que abarca dos rectángulos y dos pequeñas muescas en cada lado.
Marque con una pequeña “x” todas las zonas que deberemos eliminar.
Después de los cortes la forma deberá de quedar así.
Ahora dividiremos las dos pestañas inferiores a la mitad, las medidas son (0.65 cm).
Esas partes las cortaremos y nos quedará esto. Después marcaremos las puntas de ambos triángulos.
Y las borraremos.
Por último, dividiremos las dos alas justo por lo largo y las borramos.
Listo, esta deberá de ser la forma final.
- ESCALAR EL MECANISMO -
Lo que tenemos que hacer para que nuestro mecanismo se adapte a cualquier medida es lo siguiente:
➀ Marcar la mitad vertical de la cara de la hoja donde pegaremos el mecanismo.
➁ Colocaremos el mecanismo alineado con la zona donde se creara él dobles, la mitad donde se dobla la hoja para cerrarla como se ve en la imagen siguiente.
➂ Alinearemos el punto central que se creó con las dos líneas diagonales con el centro de la hoja usando la línea que creamos antes escalando la figura usando la herramienta “Transformar”. El resultado deberá de quedar así: El centro del mecanismo y el de la hoja deberán estar alineados.
Dejo el mecanismo a continuación en formato PNG para que o puedan descargar y escalar a la medida como se explicó antes.
- ELEMENTOS GIRATORIOS -
Ahora haremos los diseños de los elementos que giraran con el mecanismo.
➀ Primero hice un círculo que coloque en el centro, para ello use las funciones de la ventana “Alinear/ Disponer”, específicamente “Alinear horizontalmente” y “Alinear verticalmente”.
Para que los efectos de estas funciones no se apliquen tomando en cuenta toda la hoja hay que delimitar la zona deseada donde queremos que se aplique la alineación, en mi caso use la herramienta selección en su forma rectangular y marque la cara de la hoja donde colocaré el mecanismo.
Este mismo círculo lo duplico y lo hago un poco más pequeño, después fusione las dos capas y rellenó la dona que se forma con el bote de pintura.
El mecanismo deberá tener tres elementos que completaran la secuencia del movimiento; estos son: Dos alas móviles (1. La dona central, 2. Un adorno que sobresalga por detrás de la dona) y un centro estático (3. Un elemento que cubra el espacio central descubierto que dejará la dona).
En mi caso, al círculo lo adorné con flores formando así una corona de flores (1) y para tapar el espacio vació que dejara la dona y que servirá para ocultar el mecanismo que se encontrara en esa parte puse una flor abierta (3), y por último, para la última ala móvil usaré una única mariposa (2). Estos elementos serán los que juntos crearán el movimiento.
Nota: Cada uno de los elementos deben estar en capas separadas.
Más o menos la estructura debería de quedar así. Tengo que asegurarme de que todos los elementos tengan el tamaño correcto como para que encajen unos con otros sin salir de los bordes de la página. También agregaré algunas mariposas, pero esas las mostraré en la sección siguiente.
Por esto es importante la sección primera de este tutorial donde se enseñó a establecer el formato a medidas reales, así, cuando se imprima no haya errores en cuanto a los tamaños.
- PREPARAR LA IMPRESIÓN -
Vamos a: Archivo > Exportar. Ahí tenemos varias opciones para exportar, en nuestro caso elegiremos “Acoplar y guardar en el dispositivo” y elegir el formato deseado. Una de las mejores opciones y que mantiene una mayor cantidad es el formato PNG.
Después aparecerá una nueva ventana donde nos permite nombrar el archivo y cambiar el formato del mismo.
Se abrirá una ventana donde podremos ajustar otros parámetros, entre los que nos pueden interesar están: Activar las líneas de corte (esto permite que se impriman algunas líneas que nos permitirán ver las zonas donde se debe cortar según las medidas establecidas en el inicio), pero esto es opcional.
Por último aparecerá una ventana donde nos mostrara como se verá el archivo final. Le damos aceptar y listo.
Lo mismo haremos con los archivos de la cara interior, el mecanismo y los accesorios.
Antes de imprimir el mecanismo le bajé la opacidad a la capa o carpeta si fuera el caso para que al momento de la impresión no se marquen tanto las líneas.
Los elementos móviles los acomodo a lo largo del lienzo en blanco sin amontonar nada. Listo, ahora solo queda guardar e imprimir.
(C) Armado
Lo primero es cortar la tarjeta, los elementos móviles y el mecanismo.
Iniciemos con el mecanismo, lo primero es doblar todas las líneas marcadas.
Después pegaremos las dos alas verticales largas a la parte trasera del mecanismo, esto servirá para reforzar la estructura.
Ahora tomamos las dos secciones de la cruz y las juntamos hacia adentro, al hacer esto deberá de formarse una flecha.
Colocaremos un poco de pegamento en el primer rectángulo, el que se marca en la imagen. Rectángulo el cuan al formarse la flecha quedará por debajo de esta.
Este rectángulo quedará mirando hacia la tarjeta. Ahora hay que pegarlo alineando la punta de la flecha con el centro de la tarjeta y el rectángulo final con el dobles de la misma (como se mostró en el esquema para escalar el mecanismo en la sección anterior y el ma siguiente imagen).
Después de que esté bien pegado el mecanismo levantaremos la parte final y veremos las dos alas; en la primera (1) pegaremos el círculo y en la segunda otros adornos, en mi caso coloque un pequeño rectángulo que me servirá para pegar una mariposa que quiero que sobresalga del círculo de flores.
Ambas alas deben quedar pegadas por debajo de los adornos.
Debemos de probar antes de pegar cuál será la mejor posición de los otros elementos para que estos no choquen entre sí y no sobresalgan de la tarjeta.
Ahora con los elementos colocados en su posición toca pegar el otro extremo del mecanismo a la otra cara, para ello agregaremos pegamento en el rectángulo que se señala en la imagen.
Después cerraremos la tarjeta para que se peguen ambos lados.
Para ocultar el mecanismo hay que pegar la tapa, para eso agregaremos el pegamento sobre el triángulo que se indica en la imagen.
Y pegamos.
Como final pegue el resto de los elementos.
- Resultado -
- Ramo de flores -
Este mecanismo también sirve para crear tarjetas POP simple. Un ejemplo que hice fue con un ramo de flores.
Para lograr esto hay que hacerle unas pequeñas modificaciones. Primero, cuando pegamos el mecanismo como se explicó antes, ahora en vez de pegar elementos en las alas hay que cortar las mismas.
El elemento central hay que pegarlo igual que como se pego la rosa central, en el triangulo izquierdo.
- Resultado -
5. Tarjeta con forma de ramo de flores
Otra idea de tarjeta de cumpleaños que se puede hacer es una con forma de ramo de flores. Esta es una clase de tarjeta muy fácil de diseñar.
- Diseño frontal -
Usando la misma configuración del lienzo anterior seguí los siguientes pasos:
➀ Con la herramienta figura en una capa vectorial marqué el rectángulo donde voy a hacer el diseño.
➁ Ahora, en una nueva capa vectorial cree un círculo, a este círculo lo escale hasta que los nodos que marcan la mitad de la selección coincidan con las esquinas inferiores del rectángulo anterior, como se muestra en la imagen (estos nodos son visibles cuando se está usando la función transformar).
➂ Con el borrador vectorial borré el excedente del círculo que sobresale de la parte inferior del rectángulo. La figura que hay que conseguir es un semicírculo dentro del rectángulo.
Nota: Por cada nueva línea que haga crearé una nueva capa vectorial.
➃ Activamos la regla y cuadricula como se explicó en la tarjeta anterior. Para que nos guiemos mejor al colocar los elementos.
➄ Crearemos una línea que divida en dos al semicírculo. Para lograrlo hay que guiarnos por las líneas guía que se crean junto con el archivo al establecer las dimensiones.
Recuerda: Con la tecla Shift podemos generar líneas rectas.
➅ Con la regla de simetría crearemos una división por cada lado. La regla de simetría se encuentra en: Herramientas > Regla > Regla de simetría.
Primero, activaremos la tecla SHIFT, después usando la regla de simetría crearemos una línea justo en la mitad, donde marcamos la anterior. Luego, sin desactivar la tecla SHIFT marcaremos una diagonal usando la herramienta: Figura> Línea desde el centro inferior justo como se muestra en el siguiente GIF. Una vez creadas las líneas desactivamos la regla como se explicó antes.
➆ Con el bote de pintura, en una capa por debajo de la estructura rellena la forma. Para que solo se pinte la zona interior de las líneas es necesario que esté activada la opción “Referencia múltiple > Todas las capas” en la ventana «Propiedad de herramienta».
➇ En una nueva capa normal creo un círculo relleno con el color del cono. Lo duplico y los voy acomodando a lo largo del perímetro del semicírculo. Cuando termino junto todos los círculos en una sola capa.
➈ En una capa por debajo de todo lo antes creado coloco algunas flores simulando un ramo dentro del rango del triángulo izquierdo junto al centro.
➉ Hago lo mismo con el rectángulo derecho. Las flores del lado izquierdo deberán ser más altas que las del lado derecho.
En este punto le cambié el color a la estructura porque el anterior no me terminaba de convencer.
Por último, coloco el texto de presentación en el último triángulo del lado izquierdo.
- Diseño anverso -
Para el diseño anverso usaremos la estructura anterior solo que ahora le agregamos otro elementos.
➀ Crearemos un semicírculo que cubrirá casi al de la estructura anterior (debe de verse un margen entre el semicírculo blanco y el de la estructura) en una capa por encima. Esta zona estará dedicada a escribir algún mensaje.
➁ Cortaremos en diagonal ambas partes inferiores de la estructura principal y del semicírculo. El diseño debe quedar como un abanico. Este cambio a la estructura también debe aplicarse a la cara frontal.
➂ Duplicamos las capas de las flores, las unificamos en una sola y la volteamos horizontalmente. Para ello seleccionamos la capa y activamos la herramienta de “Transformación” (1), ahora en la ventana de propiedades de herramienta encontraremos la función “Voltear horizontalmente” (2). Listo.
Ambas caras deberán quedar así. Para la cara interior dibuje unas líneas guía que me ayudaran a saber en qué parte debería de doblarla, a estas líneas las pinte del mismo color que el de la estructura. Ahora solo es cuestión de guardar los archivos como se explicó antes e imprimirlos.
Dejo a continuación el formato de esta tarjeta en formato PNG para que o puedan descargar y escalar a la medida.
- Armado -
El armado es tan simple como recortar y doblar siguiendo las líneas guía y listo.
Despedida
Estos son los recursos que emplee a lo largo de este tutorial:
Sé que fue larguísimo, si lo leíste hasta el final tengo que agradecerte profundamente, muchísimas gracias (⌒‿⌒). Espero que lo visto aquí te ayude a hacer tus propias tarjetas. Sería de gran ayuda que lo compartas y me regales un me gusta. ¡Gracias por llegar hasta aquí! ¡No vemos en otro momento!
Bye bye.
Conoce más sobre mí en:
Users who liked this post
Comment