Cómo crear un saltamontes de vectores estilizados

En este tutorial, explicaremos cómo crear y crear un saltamontes basado en una imagen. Revisaremos cómo rastrear las partes necesarias y modificarlas para que el pequeño se vea bien en todo su esplendor vectorial. Hagámoslo!

Vista previa de la imagen final

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

Paso 1

Para hacernos la vida un poco más fácil, fui y elegí una foto en stock.xchng. Puedes descargar la foto aquí. Abra un nuevo documento y coloque la imagen en la mesa de trabajo (Archivo> Colocar). Bloquea la capa con la foto y haz doble clic. En la ventana emergente, compruebe Dim Image. Esto se desvanecerá de la foto.

Paso 2

Cree una nueva capa en la parte superior y comience a rastrear el cuerpo con la herramienta Pluma (P). Elija un color de la imagen o elija un color verde de su agrado..

Paso 3

Continúa trazando las piernas. Haz una nueva capa para cada parte importante. Por ejemplo, uno para las piernas, una capa para el cuerpo, para la cabeza, etc. Esto hará que sea más fácil encontrar formas más adelante..

Etapa 4

Cree dos líneas con la herramienta Pluma (P) siguiendo el cuerpo seccionado y la cabeza del saltamontes.

Paso 5

Ahora haga una copia del cuerpo que trazó antes y coloque las dos líneas en la parte superior. Luego seleccione tanto el cuerpo como las líneas y elija la opción Dividir en la Paleta de Pathfinder.

Paso 6

Ahora creamos nuestras secciones para el cuerpo y la cabeza en unos pocos pasos simples. Haga una copia de las partes del cuerpo. Cambié el color de la parte superior a un degradado lineal de verde claro a verde. A continuación, agregué secciones en la parte superior del cuerpo con la herramienta Pluma (P).

Paso 7

Haga una copia de las formas, la necesitaremos de nuevo. Luego seleccione las líneas y el cuerpo y repita el Paso 5. Esto nos dará partes del cuerpo aún más detalladas. Empieza a colorear las partes inferiores del cuerpo con un degradado lineal verde. Arrastre el degradado en diferentes direcciones para que las partes no se vean iguales. Esto ayudará a diferenciar las partes y les dará un aspecto más realista..

Paso 8

¿Recuerda que hicimos una copia de las líneas y el cuerpo antes de aplicar la opción Dividir? Toma esa copia ahora y selecciona las líneas. Aumente el Trazo a aproximadamente 4-5pt y aplique un color beige. Luego vaya a Objeto> Trayectoria> Trazo de esquema. A continuación, seleccione las líneas delineadas y las partes del cuerpo y aplique la opción Dividir en la paleta de Pathfinder.

Paso 9

Seleccione las formas superpuestas y elimínelas. Luego borra las partes del cuerpo ya que no las necesitamos más.

Paso 10

Vamos a pasar a la pierna. Seleccione la forma de la pata trasera trazada y rellénela con un degradado lineal verde. Luego haga un duplicado y llegue a Objeto> Ruta> Ruta de compensación. Aplicar un negativo de alrededor de 1-2 pt. Elimine la forma más grande y rellénela con un color marrón claro. Repita ese paso una vez más y rellene la nueva forma más pequeña con un degradado lineal de beige a marrón. Duplique la última forma y rellénela con un degradado lineal de negro a blanco. Luego duplica eso nuevamente y rellénalo con un patrón. Te lo explicaré con más detalle en el siguiente paso..

Paso 11

  1. Rellena la forma principal con un degradado verde..
  2. Una vez que la forma esté desplazada y sea más pequeña, rellénela con un degradado marrón y configure el Modo de capa en Multiplicar. Esta forma va por encima de la otra..
  3. Vuelva a compensar la última forma y rellénela con un degradado marrón más claro. Establecer el modo de capa en normal.
  4. Duplique la forma de antes y rellénela con un degradado de negro a blanco. Establezca el modo de capa en Multiplicar y la opacidad en 40%.
  5. Vuelve a duplicar la forma y rellénala con un patrón animal (cocodrilo). Este es un patrón estándar de Illustrator que se puede encontrar en la Biblioteca Swatch. Establezca el Modo de capa en Superposición y Opacidad en 10%.
    1. Crea una forma de punta de flecha y rellénala con verde. Duplicar y escalarlo. Sepáralos.
    2. Aplicar una mezcla (Ctrl + Alt + B).
    3. Crea una línea que parece seguir la forma de la pierna..
    4. Seleccione la mezcla y la línea y aplique Reverse Spine en las opciones de mezcla.

Paso 12

Ahora ponga todas las formas una encima de la otra. Debe tener una pata similar a la que se ve en la imagen de abajo..

Paso 13

Aplicaremos los pasos que hicimos anteriormente a las patas delanteras. Tome la forma de la pata trazada y divídala como lo hicimos en el Paso 5. Rellene la sección con un degradado verde. Puedes dejar el Stroke o quitártelo. Tu decides. Una vez que las piernas estén coloreadas, duplíquelas dos veces. Rellene un juego con un degradado de negro a blanco y el otro con un patrón animal (Tortuga). Establezca el Modo de capa de las patas de degradado de negro a blanco en Multiplicar, 46% y las patas estampadas en Superposición en 46%.

Paso 14

Esto es lo que deberían gustarle las patas delanteras cuando las formas se ponen una encima de la otra..

Paso 15

Volvamos al cuerpo. Duplique las dos secciones y rellénelas con un degradado lineal de verde a blanco a verde y agregue un trazo (0.5 pts) de un color marrón claro a las secciones inferiores. Duplique la sección superior y aplique Agregar al área de forma en la Paleta de Pathfinder, luego rellénela con un degradado de blanco a verde. Establezca el Modo de capa en Multiplicar en 26%. Coloca la forma encima de las demás. Luego duplique la forma superior seccionada y agregue un patrón animal (cocodrilo). Establece la opacidad de la capa al 15% y colócala en la parte superior.

Paso 16

Rellene la forma de la pata derecha trazada con un verde fangoso y aplique un Desenfoque Gaussiano de 4 puntos.

Paso 17

Los pasos son similares aquí para la parte inferior de las patas traseras, como en el paso anterior.

Paso 18

Estos son los pasos para crear los ojos. Traza el ojo del saltamontes y crea duplicados. Siga los pasos en la imagen a continuación y aplique una opción de fusión con Spacing Smooth
Color (Ctrl + ALT + B).

Paso 19

Ahora vamos a echar un vistazo a las partes de la cabeza. He demostrado a continuación cómo se verán. Comenzar a trazar las partes de la cabeza. Necesitaremos cinco formas en total. Comienza a rellenar las formas con un degradado verde y la más pequeña con un verde fangoso..

Paso 20

Coloque las formas de acuerdo con el orden de apilamiento que ve en las imágenes a continuación. Número uno es la forma inferior. Duplica para el número 6 las formas 2, 4 y 5. Luego, rellénalas con un patrón animal. Establece el modo de capa en superposición en 20%.

Paso 21

Duplica las formas del cuerpo y rellénalas también con el patrón de cocodrilo. Establezca el Modo de capa en Superposición en 15%. Luego tome las formas de línea del Paso 9 y configure el Modo de capa también en Superposición al 100%.

Paso 22

Aquí hay una pequeña forma extra creada con la herramienta Pluma (P). Se muestra lleno con un degradado verde, girado y duplicado 5 veces. Selecciónalos y aplica un Drop Shadow..

Paso 23

Este es el cuerpo, cabeza y ojo de saltamontes. Sin embargo, escondí las formas del patrón. Coloqué la forma del Paso 23 debajo de la forma del cuerpo mostrada, pero sobre la forma de la línea.

Paso 24

Ahora empieza a colocar las patas traseras. Dupliqué la pata que creamos anteriormente, pero eliminé la forma de mezcla. Colóquelo detrás del cuerpo. Empieza a ensamblar todas las otras piernas..

Paso 25

Crea algunas antenas. Los hice más largos que en la foto original..

Paso 26

Mostremos de nuevo las formas de los patrones..

Paso 27

Y aquí está el patrón del cuerpo..

Paso 28

Este es nuestro último saltamontes ensamblado. No está mal, el chico. :)

Conclusión

Agregué un fondo oscuro y algún reflejo extraño. Eso es todo amigos, espero que hayan disfrutado este tutorial.!

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