Share
En este tutorial intermedio, le muestro cómo crear una portada de libro para colorear para niños desde bocetos hasta ilustraciones vectoriales terminadas. Usaremos degradados, pinceles personalizados y tipografía. Puede armar fácilmente la portada de un libro y utilizar las técnicas aprendidas en otros proyectos..
Puede encontrar los archivos de origen en el directorio etiquetado como "origen" que vino en los archivos que descargó. Es posible que desee examinarlos brevemente antes de comenzar.
Quería repasar algunos detalles sobre este tutorial antes de comenzar. Primero, vamos a crear este tutorial con un perfil CMYK con la intención de enviar el archivo a una impresora. Además, usaré pulgadas para las mediciones, pero usted puede traducir fácilmente a su sistema de medición..
Además, como vamos a utilizar los efectos de trama en este tutorial, querrá configurar los efectos de trama de los documentos a 300 ppi para obtener resultados de impresión de la más alta calidad. Para cambiar esto, vaya a Efectos> Configuración de efectos de ráster de documentos y seleccione Alto (300 ppi).
No entro en gran detalle por el color que elijo en el tutorial, pero te aconsejo que uses colores llamativos. Este tipo de colores atraen a los niños más que los colores apagados..
Lo primero que debe hacer es dibujar un diseño de la portada del libro. Me gusta dibujar algunas miniaturas rápidas de la portada y luego dibujar una versión más detallada de todo lo que necesito rastrear en Illustrator. En este tutorial, solo voy a dibujar un bosquejo más detallado del personaje chico. Puedes dibujar en cualquier medio que quieras. Me gusta dibujar directamente en Photoshop con mi tableta de lápiz Wacom. Independientemente de cómo lo dibuje, guarde el archivo de imagen en un lugar de fácil acceso en su computadora.
Ahora podemos entrar en Illustrator! Crea un nuevo documento yendo a Archivo> Nuevo. En el cuadro de diálogo Nuevo documento, elija Carta en el menú desplegable Tamaño, cambie el campo Top Bleed a .125 y asegúrese de que la configuración de Todas las configuraciones esté presionada (parece un icono de cadena). Ahora tenemos nuestro documento configurado con sangrados para imprimir y recortar.
Con la herramienta Rectángulo (M), cree un rectángulo de 7.5 pulgadas por 10 pulgadas y colóquelo en el centro del documento. Una forma fácil de centrar el rectángulo en la mesa de trabajo es seleccionar Alinear con la mesa de trabajo en el menú emergente Alinear con en la esquina inferior derecha del panel Alinear. Luego presione los botones Centro de alineación horizontal y Centro de alineación vertical en el panel Alinear.
Este rectángulo va a ser nuestra guía para la portada. No queremos que ningún texto o información importante exceda estos límites. Para convertir el rectángulo en una guía, ve Ver> Guía> Crear guía (Comando + 5).
Para colocar la imagen de boceto original, vaya a Archivo> Colocar y encuentre su imagen en su computadora. Una vez colocada, elija Plantilla en el menú emergente del panel Capas. Esto bloqueará la capa y la pantalla volverá a la imagen, lo que facilitará el rastreo.
Me gusta mantener el documento organizado para que sea más fácil editar la ilustración más adelante. Para crear su primera capa, presione el botón Crear nueva capa en la parte inferior del panel Capas. También es una buena idea cambiar el nombre de la capa para una mejor organización. Para cambiar el nombre de la capa, haga doble clic en la capa para abrir las Opciones de capa. Aquí puede cambiar el nombre junto con otras opciones útiles. Comience por cambiar el nombre de la nueva capa a "Cabeza".
Ahora podemos empezar a rastrear la cabecera de la imagen original. Utilice la herramienta Pluma (P) para trazar las formas y líneas principales de la cabeza. Con algunas de las formas, como la cara y el cabello, querrás cerrar el camino. Otras líneas como las cejas, la nariz y las líneas debajo de los ojos, se pueden dejar como trazos. Es más fácil aplicar un pincel de línea cónica a estas líneas. Además, no rastree los ojos todavía porque usaremos la herramienta Elipse (L) para crear los ojos. Para obtener algunos consejos y mejores prácticas sobre la herramienta de la pluma (P), consulte el artículo de la herramienta de la pluma de Vectortuts + Illustrator: la guía completa.
Dibuje una elipse oblonga con la herramienta Elipse (L) y rellénela con negro y sin trazo. Use la Herramienta de selección directa (A) para seleccionar el punto de anclaje izquierdo de la elipse. Una vez que se selecciona, el Panel de control utiliza de manera predeterminada la opción Punto de anclaje. Presione el botón Convertir los puntos de ancla seleccionados a la esquina en el panel de control. A continuación, convierta el punto de anclaje correcto en la elipse en una esquina.
Seleccione la elipse y arrástrela al panel Pincel. Cuando se abra el cuadro de diálogo Nuevo pincel, seleccione Nuevo pincel de arte. En el cuadro de diálogo Opción de pincel artístico, lo único que necesita cambiar es la Colorización. Elija Tonos en el menú emergente Método en Colorización, lo que facilita el cambio del color del nuevo Pincel Artístico.
Ahora que hemos creado nuestro pincel, podemos aplicarlo a algunos de los trazos creados con la herramienta Pluma (P). Simplemente seleccione un trazo y seleccione el pincel personalizado en el panel Pincel. Es posible que tenga que jugar con el peso del trazo en el panel Trazo para obtener el peso que desee..
Luego vienen los ojos. Podríamos haber trazado fácilmente los ojos con la herramienta Pluma (P), pero es fácil crear formas de ojos consistentes con la herramienta Elipse. Comience creando cuatro elipses sobre la forma del ojo izquierdo.
En el boceto se puede ver que la forma del ojo se corta en la parte inferior. Para crear este efecto, dibuje una forma con la herramienta Pluma (P) que corta la parte inferior del ojo. Seleccione todas las formas de los ojos y la forma que creó con la herramienta Pluma (P) y presione el botón Dividir en el panel de Pathfinder. Siguiente Desagrupar (Comando + Shift + G) los objetos un par de veces y eliminar las formas no deseadas.
Seleccione todas las formas de ojo, Copiar (Comando + C) y Pegar (Comando + V). Ahora coloca la forma del ojo sobre el ojo derecho.
Ahora que tenemos todas las formas y trazos creados para el rostro. Podemos empezar a llenar la cara de color. Me gusta comenzar con las formas más grandes (cabeza y cabello) y rellenarlas con un color básico. A continuación, cambie el color del trazo en los trazos de pincel personalizados. Dependiendo de las formas que trazó primero, es posible que tenga que hacer algunos arreglos. Envíe los objetos hacia atrás yendo Objeto> Organizar> Enviar hacia atrás (Comando + tecla del corchete izquierdo) u Objeto> Organizar> Traer adelante (Comando + Tecla del corchete derecho).
Ahora que tenemos un color básico en la cara, podemos agregar un poco más de profundidad con degradados. Comience por decidir de dónde quiere que venga una fuente de luz. Para este tutorial, la luz vendrá del lado derecho del personaje..
Ahora seleccione la forma de la cara principal y rellénela con un degradado lineal desde el panel Degradado. Cambie el primer Color Stop en el degradado a su color de piel y el segundo Color Stop a un color de piel más oscuro. Ajuste el degradado de arriba a derecha con la herramienta Degradado (G), de modo que la parte más clara del degradado esté en el lado izquierdo de la cara.
Continúe agregando gradientes a las otras formas en la cara teniendo en cuenta su fuente de luz. Para la forma de los ojos, use un degradado radial en lugar de un degradado lineal.
Podemos agregar aún más profundidad al rostro al crear más formas y gradientes. Cree una elipse con la herramienta Elipse (L) del tamaño de un ojo y colóquela debajo de uno de ellos..
Rellene la elipse con un degradado radial y cambie ambas Paradas de color en el degradado a un color de piel rosa. Seleccione la Parada de color correcta en el Control deslizante de degradado y cambie la Opacidad a 0. Copiar (Comando + C), Pegar (Comando + V) y colocar debajo del otro ojo.
Para agregar aún más profundidad a la cara del personaje, use la herramienta Pluma (P) y trace un trazado que distinga los contornos de la nariz, la boca y los ojos. Para hacer que la nueva forma de cara se alinee con la forma de la cara principal, Copie (Comando + C) la forma de la cara principal, Pegar al frente (Comando + F). Seleccione la copia de la forma principal y el nuevo contorno de la forma, y presione el botón Intersectar en el panel de Pathfinder.
Rellene la nueva forma con un degradado lineal con ambos Color Detiene un color de piel oscuro. Cambie la Opacidad del segundo Color Stop a 0. Ajuste el gradiente para que la parte más oscura del gradiente esté en el lado izquierdo de la cara. Luego, vaya a Objeto> Organizar> Enviar hacia atrás (Comando + Soporte izquierdo) hasta que la forma del contorno esté justo delante de la forma de la cara principal, pero detrás de todas las otras formas de ojos, nariz y boca.
Ahora que la cara está lista, podemos comenzar a rastrear el cuerpo del personaje. Para comenzar, cree una nueva capa desde el panel Capas y asígnele el nombre "Cuerpo". Arrastre la capa "Cuerpo" debajo de la capa "Cabeza".
Dentro de la nueva capa "Cuerpo", comience a trazar el boceto con la herramienta Pluma (P).
Al igual que con la cara, rellene la forma con un color apropiado.
También como la cara, rellene las formas de colores con un degradado para agregar más profundidad al personaje.
Con la herramienta Pincel (B) y su pincel personalizado, cree algunos trazos en la ropa para agregar algo de profundidad. A continuación, cambia el color del trazo para que coincida con la ropa.
El personaje se ve bastante bien. Para terminar el personaje, necesitamos escalarlo y colocarlo dentro del documento en el tamaño correcto. Si echamos un vistazo al boceto del diseño, el personaje ocupa aproximadamente tres cuartos de la página..
Para escalar el carácter, seleccione todas las ilustraciones en las capas "Cabeza" y "Cuerpo". Ahora, con la Herramienta de selección (V), escala el carácter al tamaño apropiado. Además, en este punto del tutorial, ya no necesitamos la plantilla de imagen de boceto. Oculte la capa de plantilla presionando el icono de visibilidad para la capa "Plantilla" en el panel Capas.
También es bueno tener las ilustraciones en las capas agradables y limpias para que las ilustraciones no se salgan del sangrado que hemos creado. Una forma fácil de recortar la ilustración de forma no destructiva es utilizar una máscara de recorte de capa. Para hacer esto, primero dibuje un rectángulo con la herramienta Rectángulo (L) del tamaño del sangrado del documento en la capa "Cuerpo". Luego elija Crear máscara de recorte en el menú emergente del panel Capas.
Cree una nueva capa desde el panel Capas, etiquétela como "Fondo" y arrástrela debajo de las Capas "Cabeza" y "Cuerpo".
En la capa de fondo, cree un rectángulo que tenga el tamaño del sangrado del documento. Rellene el rectángulo con un degradado radial y cambie el primer Color Stop en el degradado a blanco y el segundo, a un color de cielo.
Con la herramienta Pluma, cree tres formas simples de nubes y rellénelas de blanco. Copie (Comando + C) y Pegue (Comando + V) las formas de la nube alrededor del "Fondo".
Cree un rectángulo del tamaño del sangrado del documento y cree una máscara de recorte desde el panel Capas como antes.
Cree una nueva capa desde el panel Capas, asígnele el nombre "Título" y asegúrese de que sea la capa superior, por encima de las capas "Cabeza", "Cuerpo" y "Fondo".
Cree un rectángulo que tenga aproximadamente 1/4 de la altura y tan ancho como el sangrado del documento. Coloque el rectángulo en la parte superior del documento. Rellene el rectángulo con un degradado lineal, con el primer Color Stop en naranja claro y el segundo Color en Orange. Ajuste el degradado con la herramienta Degradado (G) de arriba a abajo para que la parte más clara del degradado esté en la parte superior de la forma..
Cree un pequeño .125 en por .125 en elipse. Rellene la elipse con el mismo degradado lineal que el rectángulo anterior, pero ajuste el degradado para que la parte oscura del degradado esté en la parte superior de la elipse.
Copiar (Comando + C) y Pegar en Atrás (Comando + B). Con la copia aún seleccionada, muévela ligeramente hacia abajo. Copie (Comando + C) y Pegue en Atrás (Comando + B) la forma original nuevamente. Seleccione la nueva copia y la copia movida, presione el botón Frontal Inferior en el panel de Pathfinder y cambie el color a amarillo claro. A continuación, seleccione la elipse principal y cambie el Modo de color a Multiplicar desde el panel Transparencia.
Agrupe la elipse y otras formas juntas, luego colóquelas alrededor de una pulgada a la izquierda de la mesa de trabajo y media pulgada desde la parte superior de la mesa de trabajo.
Con los puntos suspensivos agrupados seleccionados, vaya Efecto> Distorsionar y Transformar> Transformar. Con el cuadro de diálogo Transformar efecto abierto, cambie el Movimiento horizontal a .375 pulgadas y las copias a 24. A continuación, vaya a Efecto> Distorsionar y Transformar> Transformar nuevamente, pero esta vez, cambie el Movimiento horizontal a .25 pulgadas, el Movimiento vertical a -.375 pulgadas, y las copias a 4..
Cree una elipse oblonga hacia la parte superior media del documento. Rellene la elipse con un degradado lineal con el primer Color Stop en azul claro y el segundo Color en azul oscuro. Ajusta el gradiente para que el color más oscuro esté en la parte superior de la elipse. A continuación, copie (Comando + C) y pegue en frente (Comando + F) la elipse. Escale ligeramente la elipse hacia abajo con la herramienta de selección (V) y rellénela con blanco.
Use la Herramienta de Tipo para escribir algún texto. En este tutorial, usé Myriad Black, pero puede cambiar la fuente según sea necesario. Describa el texto (Comando + Mayús + O) y escriba Tipo> Crear esquema. Además, asegúrese de Desagrupar (Comando + Mayús + G) yendo a Objeto> Desagrupar.
Con el texto desagrupado seleccionado, vaya Objeto> Transformar> Transformar cada uno. En el cuadro de diálogo Transformar cada, cambie el Movimiento horizontal a .05 pulgadas, el Movimiento vertical a .1 pulgadas, establezca el Ángulo de giro a 10, seleccione la casilla de verificación Aleatorio y presione Aceptar.
Dependiendo de cómo resulte el efecto Transformar, mueves, giras y ajustas cualquiera de las letras. Luego complete la letra con el mismo degradado lineal azul que en la elipse anterior.
Con el texto aún seleccionado, Copiar (Comando + C) y Pegar en Atrás (Comando + B). Mueve las letras copiadas hacia abajo y hacia la izquierda. A continuación, rellene el texto copiado con un color gris claro..
Cree un rectángulo que tenga el ancho del sangrado del documento y que tenga aproximadamente 1 pulgada de alto. Ir Efecto> Deformar> Arco y en las Opciones de deformación, asegúrese de que el botón radial Horizontal esté marcado y cambie la Curva a 20. Luego, expanda el efecto yendo a Objeto> Expandir apariencia. Luego llene el rectángulo con el mismo degradado lineal, ajuste de arriba a abajo, como en el tipo anterior y elipse.
Use la Herramienta de selección (V), mantenga presionadas las teclas Mayús y Alt, luego arrastre una copia del rectángulo para que el arco superior de la copia esté en la cuarta parte inferior del original. Elimine el relleno y el trazo y haga clic en la forma del arco superior con la herramienta Escribir en un camino hacia el lado izquierdo. Escriba su título con la fuente de su elección. Usé Grobold que descargué de Dafont.
Esquema del texto y Desagrupar (Comando + Shift + G). Con el texto desagrupado seleccionado, vaya Objeto> Transformar> Transformar cada uno. En el cuadro de diálogo Transformar cada, cambie el Movimiento horizontal a .05 pulgadas, el Movimiento vertical a .1 pulgadas, establezca el Ángulo de giro a 10, seleccione la casilla de verificación Aleatorio y presione Aceptar. Dependiendo de cómo resulte la Transformada, puede mover, rotar y ajustar cualquiera de las letras según sea necesario.
Con las letras aún seleccionadas, vaya a Objeto> Ruta> Desplazamiento. En el cuadro de diálogo Ruta de desplazamiento, cambie el Desplazamiento a .125 pulgadas y presione Aceptar. Seleccione las letras de desplazamiento y la forma del arco y presione el botón Desatar en el panel de Pathfinder.
Cambie el color de la forma unida al mismo degradado lineal azul que ha usado antes. Luego, vaya a Objeto> Organizar> Enviar hacia atrás (Comando + tecla de corchete izquierdo) hasta que la forma desatada esté detrás de las letras originales.
Para este paso, rellene cada letra individual con un degradado lineal diferente ajustado de arriba a abajo.
Seleccione todas las letras, Copiar (Comando + C) y Pegar en Atrás (Comando + B). Mueva la letra copiada ligeramente hacia la parte inferior y hacia la izquierda. Rellena las copias con un azul oscuro..
Seleccione la elipse de degradado azul en el título, seleccione la forma de arco de degradado azul y vaya Efecto> Estilizar> Sombra. En el cuadro de diálogo Sombra, cambie la Opacidad a 40, el Desplazamiento X a 0, el Desplazamiento Y a .1 pulgadas y el Desenfoque a .07 pulgadas.
Ya que estamos creando este diseño para la salida de impresión, verifique que sus efectos de trama estén configurados correctamente. Para verificar la configuración, vaya a Efecto> Configuración de efecto de ráster de documentos y asegúrese de que la Resolución esté configurada en Alta (300 ppi). Esto asegurará que el efecto ráster se imprima de forma clara sin pixelación..
Crea una nueva capa en el panel Capas y llámala "Página". Asegúrate de que la capa de página esté encima de todas las demás capas.
Con la herramienta Pluma (P), cree un triángulo en la parte inferior derecha del documento. Rellena el triángulo con el degradado lineal naranja que has usado en el título.
Agregue un Color Stop adicional al degradado haciendo clic a la derecha debajo del control deslizante Gradiente en el panel Gradiente. Cambie el nuevo Color Stop a su color naranja y el último Color Stop a un color naranja más oscuro. A continuación, mueva el Color Stop central a la derecha, cerca del último Color Stop. Ajuste el gradiente a un ángulo de 45 grados para que la parte más clara del gradiente esté en la parte inferior derecha del documento..
Cree una forma de rizo de página con la herramienta Pluma (P). Rellénelo con un degradado de tres colores: el primer blanco, el segundo azul claro-gris y el tercero un azul gris oscuro. Ajusta el gradiente a un ángulo de 45 grados para que la parte blanca del gradiente esté en el lado superior izquierdo del rizo de página..
Con la curvatura de página seleccionada, Copiar (Comando + C) y Pegar en Atrás (Comando + B). Use la Herramienta de selección (V) para agarrar el punto de anclaje superior derecho y escalar la copia hacia abajo a la izquierda. Cambie el relleno de la copia a un color azul-gris y vaya Efecto> Estilizar> Pluma. En el cuadro de diálogo Pluma, cambie el Radio de pluma a .125.
Cree un texto blanco con la Herramienta de texto (T) para describir lo que hay dentro del libro. Para esto, utilicé el texto Myriad Black que está justificado a la derecha..
Como último paso, limpie cualquier capa con ilustraciones que vayan más allá del sangrado del documento con una máscara de recorte de capa. Todo listo!
A continuación se muestra la imagen final..
Accentsconagua