Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Designing

Crea la primera página de un libro de cuentos de hadas con un toque de Kitsch

by
Difficulty:IntermediateLength:ShortLanguages:

Spanish (Español) translation by steven (you can also view the original English article)

Érase una vez un tutorial. Un tutorial que hablaba sobre formas mágicas y encantadoras de crear páginas de cuentos de hadas en Adobe Illustrator. ¿Estás sentado cómodamente? Entonces comenzaremos...

Vista previa de la imagen final

A continuación se muestra la imagen final en la que trabajaremos. ¿Deseas acceder a los archivos completos de Vector Source y las copias descargables de cada tutorial, incluido este? Únete a VECTORTUTS PLUS por solo 9/mes.

Paso 1: Configuración del documento

El tamaño es arbitrario para este tutorial; depende de ti decidir qué tan grande o pequeño deseas trabajar. Sin embargo, por el bien de la discusión, trabajaremos en una página de retrato, aproximadamente A5: 210mm de alto y 150mm de ancho.

Con tu mesa de trabajo lista, coloca un rectángulo de las mismas dimensiones en él y agrega una alineación central.

Paso 2: Guías

Llama a esta primera capa "guías", eso es todo lo que pondremos en ella. Haz una copia del rectángulo que has dibujado (Comando + C) y, con el original seleccionado, ve a Ver > Guías > Crear guías.

Pega el rectángulo copiado en su lugar (Comando + F) y desplaza su ruta en -10mm (Efecto > Ruta > Ruta de compensació ...). Ahora expándelo (Objeto > Expandir apariencia).

Ahora vamos a dividir este rectángulo más pequeño en una cuadrícula que podemos usar como guía. Ve a Objeto > Ruta > Dividir en cuadrícula... y copia las configuraciones como las ves a continuación.

Dividir las páginas en múltiplos de tres suele ser una buena forma de crear una buena estética. Después de dividir el rectángulo, selecciónalo todo (Comando + A) y, utilizando el mismo método que antes, haz guías a partir de él. Haz tu mesa de trabajo invisible (Ver > Ocultar mesa de trabajo) y tu cuadrícula final debe verse como la imagen de abajo.

Paso 3: Capas

Con el beneficio de la previsión, puedo decirte por adelantado qué necesitarás para el documento y cómo organizar mejor las cosas. Haz unas cuantas capas más y nómbralas como ves a continuación:

  • "guides"
  • "text"
  • "texture"
  • "illustrations"
  • "background"

Alterna los bloqueos y las visibilidades que desees mientras trabajas.

Paso 4: Capa de fondo

Démonos un color de fondo, aún debes tener tu rectángulo original en el portapapeles. Pásala una vez más en su lugar (Comando + F), esta vez en la capa de fondo y dale un color de relleno de #F2F1ED. Muy bien.

Paso 5: Fuentes

Para la primera letra elaborada y la oración introductoria, necesitarás una tipografía decorativa caligráfica. Germanica simple de dafont.com es ideal. Descárgalo e instálalo en tu sistema. Para el texto del contenido usaremos Georgia, o cualquier fuente de sistema serif que tengas disponible.

Por último, mientras estás buscando en dafont.com, descarga e instala Ma Sexy; lo necesitaremos más tarde.

Paso 6: Área Type

Usa la herramienta Tipo y arrastra un área (usando las guías para ayudarte) en la capa de texto como se ve a continuación. Rellénalo con texto ficticio, coloréalo con un tono negro oscuro de #1E1B19 y dimensiona a 11 puntos.

Paso 7: Érase una vez

Agrega unas pocas palabras iniciales. Érase una vez... pero omite la É, agregaremos esto como un objeto separado más adelante. Usa la fuente Plain Germanic Regular para estas palabras y házla un poco más grande en 21 puntos.

Paso 8: É

Usa la herramienta Tipo y coloca una sola É (en inglés sería una O) en la página. Que sea 113pt, agradable e imponente.

Para que el otro texto lo envuelva, solo necesitamos realizar una acción. Con la É seleccionada, ve a Objeto > Ajuste de texto > Crear. Como puedes ver, el cuadro delimitador has adoptado un tipo de relleno que define un borde alrededor del cual se ajustará el texto. Para que el ajuste de texto tenga efecto, nuestra É debe estar en la misma capa que - y sobre el texto de ajuste. Sus parámetros exactos se pueden definir en Objeto > Ajuste de texto > Opciones de ajuste de texto. Le daremos a nuestra É una compensación de 10 puntos. Coloca los dos tipos de objetos como los ves a continuación.

Paso 9: Ilustraciones

Para darle a nuestra página la sensación de un Libro de Historias, debemos proporcionarle algunas ilustraciones kitsch ligeramente. Vamos a utilizar formas simples y una paleta limitada, emulando ilustraciones de los años 60 y 70. Comenzaremos nuestra atmósfera post-moderna-kitsch-nostálgica (?) con un árbol. Objetos simples, todos dibujados con la herramienta Pluma para dar irregularidad controlada.

Paso 10: Más árboles

Las variaciones sutiles de los colores que estás utilizando están disponibles en la paleta de la Guía de colores (Ventana > Guía de colores) y ayudan a mantener tu paleta dentro de los límites que queremos. Dibuja un par de árboles más y colócalos como se muestra. Todos ellos deben diferir ligeramente en forma y color. Encantador.

Paso 11: Búho

Q: ¿Por qué el búho del búho?
R: ¡Porque el Pájaro Carpintero lo picotearía...!

Mi abuelo me dijo ese clásico hace unos 25 años... De todos modos, estoy divagano...

Teniendo el mismo estilo en mente, dibuja formas simples para construir una lechuza, lo tendremos sentado en nuestra É.

Paso 12: Toques finales del búho

Las plumas y los ojos están hechos con un poco de deformación. Las plumas, por ejemplo, se pueden hacer primero dispersando algunas elipses de diferentes proporciones en el frente del búho.

Con todos ellos seleccionados, ve a Efecto > Envolver > Arco e ingresa los valores que ves a continuación:

Por último, una burbuja de discurso caprichosa que contiene pensamientos de búho terminará nuestro búho. Usa la fuente Ma Sexy que descargaste anteriormente para esa sensación kitsch que buscamos.

Paso 13: Castillo

Una ilustración de cuento de hadas no estaría completa sin un castillo, ¿verdad? Copia las formas y los colores que ves a continuación y vuelve a crearlos con las herramientas Lápiz y Buscatrazos.

El patrón de azulejos en el techo se puede hacer simplemente con la herramienta Pluma y luego enmascarar con copias de los puntos del techo. Si necesitas más práctica en las técnicas de la herramienta Pluma, descarga y ten una abertura en el Ejercicio de la herramienta Lápiz VECTORTUTS.

Paso 14: Organizar las piezas

Agrupa los objetos del castillo y da a todo el lote una opacidad del 30%. Posiciona los elementos ilustrativos como los ves aquí; no te preocupes si los bits se desvían fuera de la cuadrícula, usa tus ojos para juzgar si la página está visualmente en equilibrio.

Paso 15: Añadir extras

Incluye un cuarto árbol y un pequeño arbusto en la parte inferior derecha de la página. También coloca un número de página (Georgia 7pt) con una pequeña sombra centrada en la parte inferior.

Paso 16: Textura

El toque final de nuestra página del libro de cuentos de hadas viene en forma libre de una textura de papel, cortesía de bittbox.com. Una vez que se haya descargado, ve a Archivo > Colocar... y coloca el archivo en tu capa "texture". Con él en posición, copia el rectángulo de fondo nuevamente y pégalo en su lugar (Comando + F) sobre la textura del papel. Selecciona los dos y presiona Comando + 7 para enmascarar el papel.

Finalmente, modifica su transparencia para que sea Overlay 100%. Esto le dará a las ilustraciones y a toda la página, un buen grano.

Conclusión

Este tutorial debería haber demostrado cómo unas pocas técnicas simples pueden recrear un poco de nostalgia infantil en un mundo moderno y tecnológico. Y todos vivimos felices para siempre...

Suscríbete a la fuente RSS de VECTORTUTS para mantenerte al día con los últimos tutoriales y artículos de vectores.

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.