Duplica un estilo de dibujo vintage para crear una ilustración de primavera

Lo que vas a crear

Activos Tutoriales

  • Ilustraciones de primavera vintage de The Vintage Remix en Etsy!
  • PhotoDune tréboles de flores rojas 
  • MagicPicker

1. Análisis de estilo vintage: lo que hace que este estilo sea único?

Imagine que un cliente se le acerca y le dice: "Estoy buscando una ilustración vintage para mi producto". 

A continuación piensas, "¿Cómo creo una ilustración vintage?" 

Lo mejor que puedes hacer es reunir algunas imágenes de referencia de ilustraciones vintage. Si tiene suerte, es posible que su cliente le haya enviado algunas imágenes que les gustan..

Entonces, ¿cómo analizamos una imagen?? 

Primero echemos un vistazo a un ejemplo de ilustración vintage. Este ejemplo es bastante típico del aspecto que estamos tratando de crear. Comencemos con lo básico: ¿Qué representa típicamente una ilustración vintage?? 


De este ejemplo tenemos:

  • una niña pequeña
  • un cordero
  • algunas decoraciones de fiesta
  • un patrón de fondo simple

Tenga en cuenta que no siempre es el contenido el que define el estilo, pero en este caso los temas suelen ser bastante similares:

  • niñas y niños pequeños
  • animales bebé, por ejemplo patitos, corderos, cachorros, gatitos
  • juguetes
  • las flores


Tonos

A continuación, veamos el tono general de la pieza. En Adobe Photoshop he subido los niveles de la imagen de referencia presionando Control-L

Mirando este gráfico podemos ver tres flechas: negra, gris y blanca. Los picos en el gráfico muestran los valores, que en este caso son en su mayoría grises y blancos, en su mayoría tonos medios. Sólo hay algunos puntos destacados y sombras. Esta es una gran información cuando se trata de recrear una apariencia auténtica.


Para ver los tonos con mayor precisión, he desaturado la imagen de referencia presionando Control-Shift-U. Las sombras más oscuras están alrededor de las pupilas, las pestañas, los cascos del cordero y el pelo de la niña. Esto es algo para tener en cuenta en tu imagen final..


Color

Mirando la imagen de color nuevamente, podemos ver que los colores son en su mayoría pasteles y rojos / rosas de alta saturación. Observe cómo los negros no se usan como sombras, y en el cordero las sombras son azules y púrpuras. 


En la imagen de abajo, he pixelado el tríptico de las ilustraciones antiguas para mostrar claramente sus paletas, que podemos ver en silencio. Al componer su paleta para una ilustración vintage, asegúrese de mantener los colores suaves.



Medio

El medio utilizado en estos parece ser acuarela, gouache y tintas, materiales tradicionales. Estos efectos se pueden replicar digitalmente y tradicionalmente, o alternativamente usar una mezcla de los dos con texturas personalizadas escaneadas.

Forma y escala

Si observamos la anatomía de los niños, vemos que tienen cabezas grandes en relación con sus cuerpos. Los ojos grandes son lindos, que se enfatizan al máximo efecto. Las cabezas se fijan con las características en el tercio inferior de la cara. 

Tamaños relativos

En los rostros de los niños, el ancho de los ojos coincide con el ancho de la boca, y las narices son pequeñas.


Redondez

Estas ilustraciones se hacen tan lindas por todas las formas redondas, formas suaves y curvas suaves. Ojos grandes y cabezas de gran tamaño son una característica que se encuentra en los jóvenes de todas las especies animales. Observe cómo están las características en el tercio inferior de la cabeza, con barbillas en forma de arco, labios grandes y mejillas rosadas. Información esencial para que nuestra ilustración sea linda y juvenil.!


Otros factores que hacen que este estilo sea tan distintivo son:

Textura y patron 

Tenga en cuenta los bordes desgastados, que añaden historia a la pieza. Solo hay unos pocos patrones en las ilustraciones, como puntos y rayas. No hay patrones complicados como el paisley..

Composición

El uso del espacio en la composición favorece la parte inferior de la pieza, permitiendo un banner o texto en la parte superior.

Línea

Cuando se ha utilizado la línea, es sutil, generalmente para definir bordes duros como la cara y la oreja. Sobre las formas más suaves apenas se ve en áreas como la piel, el pelo o las plumas. Esta es una consideración para cuando está creando su arte lineal y cómo va a renderizar la pieza.. 

Si está trabajando tradicionalmente, es posible que desee mantener la línea muy fina y agregarla al final de la pieza con pintura o tinta. En nuestro caso, Mary Winkler representará esto en Adobe Illustrator, por lo que las líneas que crearé mostrarán todos los formularios para que pueda definir las áreas con precisión y luego agregar líneas más gruesas según sea necesario..

2. Nuestro Breve

Así que ahora que hemos visto cómo se compone la obra de arte, tenemos que ver lo que estamos representando. Nuestro brief es:

  • Letras de mano: SPRING HAS SPRUNG!
  • Cordero
  • Trébol rojo
  • Niña 
  • Fondo estampado simple

Entonces, ¿qué podemos sacar de nuestro análisis para ayudarnos a crear una línea de arte de estilo vintage de ilustración? Para esta etapa podemos ignorar la textura y los colores, aunque si estuviera completando esta ilustración, esto sería útil para futuras referencias.. 

El grosor de línea puede ser una consideración si va a utilizar esta línea de arte como parte de la imagen terminada. En este caso, Mary va a mostrar esta imagen en Adobe Illustrator, así que puedo dejarle esas opciones.. 

Debemos asegurarnos de que obtenemos la composición correcta, las formas suaves y las proporciones de la anatomía. Esto es lo que venderá la pieza como vintage..

3. miniaturas

Hacer miniaturas es una excelente manera de sacar ideas rápidamente y asegurarse de que la composición sea legible. De lo que aprendimos de la pieza anterior, estamos trabajando en una relación de 2/3 caracteres a 1/3 de texto y espacio. 

Paso 1

He configurado un documento con rectángulos verticales. Puede hacerlo de forma aproximada en el software de dibujo que elija o en papel. Primero dibujo las formas del documento para que, una vez que empiece a fluir, pueda saltar al siguiente rectángulo y dibujar otra idea.. 


Paso 2

Aquí he desbastado nuestros elementos según nuestro informe. Como puede ver, no tienen que ser precisos en absoluto, pero una idea aproximada de postura y contenido es una necesidad.


De estos decidí que mis dos favoritos son 5 y 6. Al conversar con Mary, decidimos ir con 5, ya que es la más adorable.!

Paso 3

A continuación, ajustamos el tamaño aproximado del documento de ilustración dibujando un recuadro rectangular alrededor de la selección, recortando la miniatura, pegándola en una Nueva capa y transformándolo presionando Control-T. Borra u oculta las otras miniaturas como desees.

Etapa 4

Aquí he colocado rápidamente en nuestro texto la ilustración "¡Ha llegado la primavera!" en una fuente estándar: tiempos. He hecho esto solo para tener una idea de dónde será la escritura, esto no es un indicador de estilo para el texto final.


Paso 5

He creado un rectángulo gris para asegurarme de no acercarme demasiado al borde del documento. Además, si se refiere a las ilustraciones vintage originales, tienen un borde blanco donde se puede mostrar algo de desgaste y textura, por lo que es bueno mantener ese espacio libre de detalles..


4. Dibujando las formas base

Paso 1 

Reduzca la opacidad de la ilustración en miniatura y divida la cara en tercios. Áspero en la boca en el tercio inferior, ojos en el medio y cejas por encima de eso..


Paso 2

Al recordar nuestras formas redondas de nuestro análisis de ilustración, cree dos óvalos grandes en el tercio inferior para las mejillas y un mentón pequeño. En la parte superior del tercio inferior, agregue una nariz de botón. 

Lo que hace que estos niños de época sean lindos es la yuxtaposición de lo grande y lo pequeño. Narices pequeñas, mejillas grandes; Ojos grandes, orejas pequeñas. Para la cabeza, hazlo grande en comparación con el resto de las características: ¡hay esa yuxtaposición de nuevo! Piensa en los bebés: cuán grandes son sus ojos y cuán grandes son sus cabezas. A medida que los humanos crecen, nuestros ojos no cambian de tamaño, pero el resto de nuestras funciones se llenan y hay menos contraste en la escala.. 


Paso 3: El Cuerpo

Para obtener la forma del torso, he usado una forma de triángulo casi curva. Esto también ayuda a planificar las proporciones corporales para el niño, ya que quiero que 1/3 sea la parte superior del cuerpo con 2/3 como la parte inferior.

Paso 4: Desbaste en la anatomía.

He desglosado la anatomía usando círculos aplastados para las partes del cuerpo. Trato de mantenerlos en la proporción de 2: 1, y hasta ahora está empezando a parecer un gordo. Usar círculos para definir la forma es una técnica antigua, y si quieres saber más sobre el tema, te recomiendo que mires los libros de Glenn Vilppu..

Para el torso, dibuje un círculo para el 1/3 superior y uno más grande para el 2/3 inferior, y conecte los dos para crear una forma de frijol.


Paso 5: Desbaste en el Cordero

Crea el cordero con círculos como antes, usando líneas para simplificar las patas y asegurarte de que tienes la postura correcta. Intenta mantener las líneas sueltas y dinámicas..


Paso 6: Desbaste en las Piernas del Cordero

Dibuja óvalos para las secciones de las piernas y los cascos. Recuerde que no queremos bordes duros, incluso en áreas que parecen bastante rectas como las piernas.


Paso 7

Añade un arco al cordero, porque los corderos aman los arcos. He notado que la posición de su mano era un poco extraña, así que cambié la posición de los dedos. Este es el momento de hacer cualquier enmienda a la pose, ya que no perderá mucho trabajo. También es un buen momento para experimentar.!


Paso 8: Cabello

Áspero en el cabello de la niña, ¡he decidido ir por coletas altas para darle más ternura! Observe cómo las coletas no están apretadas contra la cabeza. Tenerlos sueltos lleva la suavidad y el flujo de la línea. Esperemos que ahora nuestra foto se vea cálida y borrosa, con un toque de nostalgia.!


5. Rough Art: Girl

Paso 1

Baje la opacidad de las formas de base rápidamente creando un Nueva capa (Control-Shift-N) que rellenas con blanco, y luego reduciendo la opacidad. Piénsalo como un papel de calco. Necesitamos más información para crear una línea limpia, por lo que en un Nueva capa Nos tosca en nuestra anatomía y vestimenta.. 


Paso 2

Despliegue rápidamente las áreas en las que queremos tener más detalles, incluidos los pliegues en la tela, la línea del cabello, los ojos, la cara y las manos. Esto debería darnos suficiente información para comenzar a trabajar en nuestro arte de línea limpia..


6. Clean Line Art: Girl

Paso 1

Agrupa todos tus ásperos existentes creando una Grupo presionando el icono en la parte inferior de la Capas Panel que parece una carpeta. Crear un Nueva capa (Control-Shift-N) sobre las formas de su base y rellénelo con un azul. A continuación, haga clic derecho en esa capa y seleccione Crear máscara de recorte. Esto debería hacer que todo en esa carpeta se vuelva azul. Cambiar el Grupo opacidad en la parte superior de la Capas panel. Esto puede facilitar la limpieza con el arte lineal.. 

Luego crea un Nueva capa Y empezar a dibujar en la línea de arte. Comienza donde te sientas cómodo. Me gusta empezar con los ojos.


Paso 2

Dibujar curvas suavemente puede ser complicado. Si estuviera trabajando tradicionalmente, podría girar la hoja de papel para que mi brazo hiciera el trabajo de crear una curva. Afortunadamente, en lugar de mover nuestra tableta gráfica por todo nuestro escritorio o regazo, ¡podemos convertir el lienzo! Puedes hacer esto mientras mantienes R en el teclado y gire el lienzo moviendo el mouse o el lápiz óptico. 

Si tiene una tableta gráfica, también puede configurar un método abreviado de teclado como tecla de acceso directo. Giro constantemente mi lienzo, lo que puede ayudar a prevenir cualquier tensión.

Paso 3

Trabajando alrededor del formulario, dibuje en cualquier área donde necesitemos información refinada. Si no te sientes cómodo creando líneas largas exactamente donde las quieres (¡no es así!), Usa líneas cortas y constrúyelo gradualmente; He hecho esto a lo largo de la línea de la mandíbula. Sigue girando el lienzo para que el movimiento de tu codo natural haga el trabajo por ti.


Etapa 4

Centrándome en la cara, dibujo en la boca y la nariz. ¡Mantenlo redondo, mantenlo lindo! Sin líneas duras!


Paso 5

Luego debemos hacer que sus ojos sean súper dulces como nuestra niña con el cordero en la imagen de referencia. ¡Dale las pestañas grandes y vacías! Gira el documento para que sea más fácil dibujar en las curvas de las pestañas.. Puedes hacer esto yendo a Imagen> Rotación de imagen> Flip Canvas Horizontal


Paso 6

Volviendo a voltear el lienzo hacia atrás, hago algunas cejas. Sin embargo, siento que ella se ve demasiado sorprendida, así que usando el Lazo Herramienta (L) Los selecciono individualmente y los muevo por su cara.


Paso 7 

yo suelo Transformar (T) para cambiar la rotación. Hago esto por las dos cejas..


Paso 8: Detallado

Siguiendo con el tema cutisy, le regalo unos calcetines adorables.!


... y una solapa de culo para su traje de mameluco.


Paso 9

Ya casi estamos allí con su línea de arte. Agrego detalles con pequeños rizos en sus coletas y algunas hebras direccionales de cabello. Me encanta cómo está mirando!


Paso 10

Solo tenemos sus manos para terminar. Me gusta pensar en los dedos como si fueran una sola cosa y no estar hechos de articulaciones, y luego agregar articulaciones cuando tengo la forma correcta. Las manos son difíciles, así que definitivamente es algo bueno para practicar. Usar el método de los óvalos lo hace mucho más fácil.


A continuación pasamos a su linda amiga.!

7. Detallado en bruto: Cordero

Paso 1

Continúe con la redondez haciendo que el vellón del cordero esté formado por una variedad de círculos y óvalos. Crea las orejas dibujando un óvalo grande con un óvalo pequeño al final, y luego únelos en forma de frijol.


Paso 2

Continúa creando el vellón de esta manera, variando los tamaños de los círculos. Dale al cordero ojos grandes y hermosos y contrasta esto con una nariz pequeña.


Paso 3

Aquí tenemos nuestro cordero desbastado listo para limpiar. Para una mayor belleza, completa el look con un arco de gran tamaño!


8. Clean Line Art: Lamb

Paso 1

Primero creo un Nueva capa (Control-Shift-N) y dibujar en la línea de arco art. Hago esto en una capa separada, ya que es posible que desee modificar su posición más adelante. 


Paso 2

Siguiente yo Girar el lienzo presionando y sosteniendo R, y detallo el vellón usando la menor línea de arte posible, periferia y algunos de los rizos interiores. Agregue un poco de peso a las pestañas del cordero para atraer el ojo del espectador al ojo del cordero.


Paso 3

Continuar por todo el cordero manteniendo el tamaño del pincel consistente. A medida que la línea de la pierna del cordero se superpone al calcetín de la niña, seleccione la línea de la niña y borre cualquier superposición.

Etapa 4

Desactivar la capa de cordero en bruto para comprobar que todo está bien y limpio.


¡Aquí está nuestra línea de arte para niñas y corderos completada! A continuación, pasamos a embellecer las ilustraciones con un poco de trébol de primavera..


9. El trébol

Aquí tenemos un ejemplo de un trébol rojo. He elegido esto para la pieza porque es un color glorioso, perfecto para los tonos pastel que comentamos anteriormente. ¡También es cordial! Sin más preámbulos, vamos a añadir algo en nuestra pieza..


Paso 1

Rudo en flores en la mano, y agregue flores al borde para enmarcar la pieza.


Paso 2

En un Nueva capa, Empieza dibujando en las flores de trébol. He logrado este aspecto dibujando óvalos pequeños y estrechos alrededor de la forma. Asegúrese de que se superponen.

Paso 3

Añadir algunos tallos a través de la mano de la niña..

Etapa 4

Sigue dibujando en los pétalos. Este es un trabajo repetitivo, ¡pero valdrá la pena! Dibuje algunas hojas, y si está un poco bizco puede ayudar a cambiar el color que está dibujando.


Paso 5

Porque este es un trabajo repetitivo, podemos Dupdo (Control-C) y Pegar (Control-V) las cabezas en los otros grupos de trébol. Utilizar Transformar (Control-T) para girar y escalar la cabeza.


Paso 6

Para evitar que las flores se vean demasiado similares, redibuje las hojas..


Paso 7

Continuar a Dupdo, Pegar y Transformar las cabezas. 


Paso 8

Aquí he cambiado una de las cabezas de trébol a azul para ver lo que estoy haciendo. Hice esto seleccionando esa cabeza y presionando Control-U para abrir el La saturación de color diálogo, y luego cambiar el control deslizante a azul. 

Dibujé hojas extra, tallos y hojas base. En el arte de la línea de chicas borré las áreas que iban detrás de las hojas..

Paso 9

Repetir el proceso por el cordero..

Una sugerencia de composición es señalar los elementos de la ilustración hacia donde le gustaría que estuviera la atención, que es lo que he hecho con el trébol.. 


Paso 10

Borrar partes de la línea de arte del cordero que van detrás de las flores.

Paso 11

Desaturar toda la línea de arte pulsando. Control-Shift-U En todas las capas de arte lineal..

10. texto en bruto

Paso 1 

Usando una fuente básica, Times, como base, comienzo a esbozar el texto. Quiero algo que contraste con la redondez de nuestra ilustración, así que hago bordes afilados y puntos en las esquinas..

Paso 2

Copie la primera palabra, ya que es bastante similar a "Sprung", arrastrando el diseño "Spring" en bruto al icono de Nueva capa en la parte inferior del panel Capas. A continuación, usando el Herramienta de movimiento (V), arrastre la copia sobre el marcador de posición "Sprung".


Paso 3

Escala el segundo "Resorte" presionando Control-T a Transformar. A continuación, usando el Lazo Herramienta (L), seleccione la "i" en el "Spring" copiado y presione Borrar.


Etapa 4

Seleccione la "n" usando el Lazo Herramienta (L), y entonces Dupdo (Control-C)y Pegar (Control-V). Siguiente presion Control-T a Transformar y gire la "n" 180 ° para hacer una "u".

Paso 5 

Para esa sensación vintage, dibuja en algunos asteriscos. A continuación tenemos que limpiar la línea de arte para el texto.!


11. Texto limpio

Paso 1

Comience por reducir la opacidad del texto en bruto. En un Nueva capa (Control-Shift-N) Comenzamos a limpiar la línea de arte como hicimos con la ilustración..


Paso 2

Para curvas complicadas como con la "h" puede ser útil para Girar el lienzo. Puedes hacerlo pulsando R en el teclado y moviendo el lienzo con tu mouse o stylus. 


Paso 3

Continuar por todas las letras y asteriscos. Ahora que la línea de arte está limpia, debemos ordenar el espacio entre las letras.

Etapa 4

Aquí he seleccionado la "i" con la Herramienta Lazo (L) y lo he movido un poco.


Paso 5

Seleccione la "n" y la "g" con la Herramienta Lazo (L) y presione Control-T a Transformar. Empuje las letras utilizando las teclas de flecha horizontal de su teclado.

Paso 6

Ahora que todo parece estar bien, necesitamos verificar que todo el texto esté centrado en el documento. Crear un Nueva guia en el centro del documento yendo a Ver> Nueva Guía. Si conoce el ancho de píxeles (2480px) del documento, escriba qué mitad de eso es (1240px). También puede simplemente escribir 50% y la guía aparecerá en el punto central.. 


Paso 7

Para asegurarnos de que todo esté bien colocado, necesitamos centrar el texto. Podemos hacerlo seleccionando todas las capas de texto manteniendo pulsado Cambio mientras haces clic en ellos, y luego presionando Control-T a Transformar

Habrá una retícula en medio de la Transformar caja. Alinéelo con la guía vertical. Esto puede hacerse más fácil asegurando Ver> Ajustar a> Guías esta seleccionado prensa Entrar para completar el movimiento. Finalmente quitar la guía yendo a Ver> Borrar guías.

Impresionante trabajo, ya estás hecho!

Aquí tenemos nuestro arte lineal completado.!


Esa es nuestra línea de arte vintage completa! Has aprendido cómo analizar un estilo de arte y recrearlo con tu propio toque, además de cómo crear rápidamente un arte de línea floral..

Ahora que la línea de arte está completa, se la envío a Mary Winkler, quien le mostrará cómo crear la ilustración final en Adobe Illustrator utilizando una combinación de colores pastel limitada con algunos efectos angustiados..