Cómo convertir un boceto en una ilustración vectorial de un gato gordo

Este tutorial tiene como objetivo guiarlo desde el cuaderno de bocetos hasta la pantalla; un "Gato gordo" garabateado con biro traducido en una clara caricatura de vectores. Se aconseja el conocimiento intermedio de Adobe Illustrator. Echemos un vistazo a cómo crear una ilustración de gato descarado, desde el concepto inicial hasta la bondad del vector..

Vista previa de la imagen final

A continuación se muestra el diseño final en el que trabajaremos..

Preámbulo

Habla con cualquier ilustrador y ellos predicarán el significado de dibujar. Los medios que utiliza son irrelevantes, podría estar haciendo garabatos en las cortinas de su sala de estar con salsa de tomate, no importa. Lo importante es que al dibujar puede visualizar y desarrollar sus ideas rápidamente. Aquí hay un artículo útil sobre bocetos en el proceso de diseño..

Tu habilidad para dibujar es de mayor relevancia, aunque la naturaleza del boceto significa que a través de la práctica y el refinamiento solo mejorarás. Esto se aplica a las habilidades a través de la escala. El primer paso, por lo tanto, depende de usted. Ve y dibuja. Deseche sus ideas en un papel (o lo que sea), rechácelos, refínelos o abrácelos. Una vez que esté satisfecho, puede pensar en transferirlos a su pantalla.

Paso 1: El Sketch

Para los fines de este tut he dibujado un Gato gordo caricatura. ¿Declaración política? En realidad no, pero el término parece estar en boca de todos en todo el mundo en este momento. Fue solo en mi cabeza.

Puedes ver por el número de líneas en el boceto cuánto moldura el necesitó. Esta postura tampoco fue de ninguna manera el primer intento..

Paso 2: Escanearlo y abrir el Sketch

Para este paso, necesitará un escáner, o al menos algún medio para digitalizar su boceto (cámara digital, cámara en su teléfono celular). En cualquier caso, su boceto debe ser transferido a su computadora en una resolución lo suficientemente alta como para permitirle trabajar con él. Mi boceto es de 1500px de ancho y 1500px de alto, lo cual está bien.

Abra su archivo de boceto (preferiblemente jpg, gif, png, etc.) en Illustrator abriéndolo directamente o abriendo un nuevo documento y yendo a Archivo> Colocar. Dale a la capa que tiene un nombre apropiado y bloquéala. También he ocultado la mesa de trabajo (Ver> Ocultar mesa de trabajo) para eliminar el desorden no deseado de mi pantalla.

Paso 3: Empieza a dibujar

El proceso de transformación de la imagen en vectores es sencillo. Requiere un poco de habilidad con la herramienta Pluma, pero la mayor parte de la toma de decisiones con respecto a su caricatura ya está hecha, por supuesto..

Cree una nueva capa en la que comenzar su dibujo y asígnele un nombre apropiado ("Cat de objetos" en mi caso). Seleccione la herramienta Pluma y comience por trazar aproximadamente la forma del cuerpo principal. Trate de usar la menor cantidad de puntos de anclaje posibles para la suavidad, pero no está apuntando a un círculo perfecto..

Como puedes ver en la imagen de abajo, he dibujado un camino cerrado para comenzar el cuerpo del gato. Bueno, en realidad casi no puedes verlo. Necesitamos mejorar la forma en que trabajamos con el documento, de lo contrario nos daremos un dolor de cabeza..

Paso 4: Hacer tus caminos más visibles

Haga doble clic en la capa "Sketch" en la paleta de capas para abrir el diálogo Opciones de capas. Marque la casilla de verificación Dim Images To e ingrese un valor de 30%. Haga clic en Aceptar. Esto será (quizás obviamente, pero estos son Spoonfed vector tuts) atenúa todas las imágenes en la capa "Sketch" al 30%, lo que facilita el dibujo en la parte superior.

Ahora cambia el color del trazo de tu camino a algo claro; Magenta por ejemplo (# FF00FF). Mucho mejor!

Paso 5: Continuar dibujando

Use la herramienta Pluma para dibujar las formas esenciales que forman su caricatura. Las orejas como se muestra a continuación pueden permanecer como están; Pueden colocarse detrás de la forma del cuerpo principal y, cuando estén coloreados, sobresaldrán. Las rayas en la parte superior de la cabeza deben recortarse para que estén dentro de la forma del cuerpo, así que use las herramientas Pathfinder para hacer esto. La guía de Rype sobre cómo crear un personaje súper feliz para el pulpo es un buen recurso para familiarizarse con las herramientas Pathfinder en Illustrator..

Paso 6: Brazo de gato (¿o debería ser una pierna?)

Aproveche algunos de los métodos de Illustrator para crear las formas que necesita, en lugar de dibujar todos los contornos con la herramienta Pluma. Dibuja un solo camino por el centro del brazo izquierdo. Ahora modifique las propiedades de trazo utilizando la Paleta de trazo; dale extremos redondeados y hazlo lo suficientemente ancho como para llenar toda el área del brazo.

Paso 7: El brazo del gato continúa

Ahora vaya a Objeto> Ruta> Trazar contorno para cambiar su ruta en un objeto. Dele el mismo color y ancho de trazo que el resto de su dibujo, luego use la herramienta Pluma para dibujar las garras y las patas..

Paso 8: Segundo brazo

Copie y pegue (Comando + C, Comando + V) el brazo del gato y gírelo sobre un eje vertical para ir al lado opuesto del cuerpo (Objeto> Transformar> Reflejar). No dupliques las garras y las patas que ya has creado, dibujalas nuevamente para darle a la imagen esa pequeña personalidad extra. Gire y coloque los elementos para el segundo brazo según sea necesario.

Paso 9: ocultar y buscar

A medida que su imagen comienza a aumentar en complejidad y su mesa de trabajo salpica con más y más rutas, puede encontrar útil aclarar las cosas de vez en cuando. Al seleccionar todo lo que has dibujado hasta ahora (Comando + A) y luego ocultarlo todo (Comando + 3) u Objeto> Ocultar> Selección, te facilitarás la vida. No más selección accidental de caminos, o confusión visual..

Haga esto a medida que avanza en varias etapas. Cuando esté listo (o haya olvidado lo que se ha dibujado), puede volver a revelarlos. No han sido borrados!

Paso 10: Enfréntalo

Amplíe y utilice la herramienta Pluma (como es habitual) para crear las formas básicas, que forman el Gatos gordos cara. No es necesario que se adhiera al 100% a las líneas de su boceto, ¡es su dibujo y aún puede modificarlo si lo desea! A continuación, veremos el color y la búsqueda de la boca para aclarar lo que está sucediendo allí..

Paso 11: Colorear la boca

Use tonos como se ilustra aquí en la paleta de muestras para colorear los objetos que forman la boca. Dale a los dos colmillos principales un blanco puro al 100% para que salten. Además, agrupa todos los elementos de la boca (Comando + G).

Paso 12: Acabado de la boca

Utilice la herramienta Selección directa y haga clic en el objeto de boca principal. Cópielo (Comando + C) y luego haga clic en la mesa de trabajo para deseleccionar el objeto. Haga clic en Comando + F para pegar el objeto en su lugar y sobre el grupo de la boca.

Ahora seleccione el grupo de la boca y el objeto de boca recién pegado. Vaya a Objeto> Máscara de recorte> Crear (Comando + 7) y su Gatos gordos la boca será acicalada! En este punto, todavía puede utilizar la herramienta de selección directa para seleccionar dientes u otros objetos para reposicionar.

Paso 13: Sigue adelante!

Dibuja los elementos restantes del boceto; cuello de la camisa, corbata, reflejo de la ventana, etc. Las rayas en la camisa están hechas de rayas verticales repetidas, alineadas con el mismo espaciado horizontal y luego abultado con la herramienta Warp (Efecto> Warp> Bulge). Luego, las rutas se convierten en contornos (Objeto> Ruta> Trazo de contorno) y se configuran para el cuerpo utilizando la herramienta Pathfinder..

Paso 14: La cola

Para formar la forma de la cola, repita los pasos relacionados con el dibujo de los brazos; crear una ruta (esta vez también hacer una copia), aumentar el peso del trazo, redondear los extremos y, por último, delinear el trazo.

Pegue la ruta copiada en su lugar (Comando + F). Esto va a dar a las rayas en nuestra cola alguna dirección.

Paso 15: Rayando la cola

Bien, algunos pasos pequeños requeridos aquí para darle algunas rayas a nuestra cola. Vamos a hacer un pincel personalizado. Primero, deberá hacer algunos trayectos horizontales pequeños, espaciados a través de la mesa de trabajo, como se muestra en la imagen de abajo. Dales un golpe tan pesado como quieras que tengan tus rayas.

Ahora tendrás que distribuirlos al azar. Con los trazos seleccionados, vaya a Objeto> Transformar> Transformar cada uno (Alt + Mayús + Comando + D). Complete las opciones dentro del diálogo Transformar Cada como se muestra a continuación para distribuir cada trazo al azar hasta 70px horizontalmente. Haga clic en Aceptar.

A continuación, arrastre su colección de rutas distribuidas al azar en la Paleta de pinceles (Ventana> Pinceles) y elija hacer un Pincel de arte nuevo. En el cuadro de diálogo Opciones de pincel artístico, asigne un nombre a su pincel y asegúrese de que se ejecutará a lo largo del camino, no a través de él. Haga clic en Aceptar.

Seleccione la ruta de la cola central y haga clic en el nuevo pincel desde la Paleta de pinceles. ¡Una atractiva cola de rayas! Para finalizar, vaya a Objeto> Expandir apariencia y luego elimine la ruta original. Luego, vaya a Objeto> Trazar contorno para convertir sus franjas en caminos cerrados. Finalmente, Utilice la herramienta Pathfinder para neaten up the stripes dentro de los límites de la cola.

Paso 16: Añadiendo Color

Después de haber completado todo el trabajo de línea, es hora de hacer que todo esté visible (Objeto> Mostrar todo) y darle un poco de color. He incluido la paleta de muestras en la captura de pantalla a continuación para que pueda seguir el mismo esquema si lo desea. Si construyes tu propia paleta, trata de mantenerla simple y limitada..

El objeto de sombra debajo del collar está coloreado con el color púrpura en la parte inferior de la lista de muestras (debe intentar evitar el uso de 100% negro siempre que sea posible, solo tonos oscuros). Le he dado una Transparencia Multiplicada del 30%..

Como puede ver, he colocado un rectángulo de fondo y el objeto de la ventana en una capa separada para mantenerlos debajo del gato..

Paso 17: Ventana

Dale a tu escena un poco más de ambiente desenfocando el objeto de la ventana, por lo tanto, empújalo visualmente en el fondo. Selecciónelo y vaya a Efecto> Desenfoque> Desenfoque gaussiano ... Déle un radio de algo así como 5px y haga clic en Aceptar. Ahora dale una transparencia normal del 20% para terminarlo..

Paso 18: Visión borrosa

Hagamos también los ojos un poco más siniestros. Cópielos y luego con los originales aún seleccionados, vaya a Efecto> Aplicar desenfoque gaussiano. Tras haber aplicado este efecto a la ventana, ahora aplicará automáticamente el mismo efecto con los mismos parámetros a los objetos seleccionados. Tus ojos originales ahora tienen un Desenfoque gaussiano con un radio de 5px. Haga clic en Comando + F para pegar los ojos copiados en la parte superior para mayor claridad.

Paso 19: Algo falta ...

Por supuesto, no tiene que permanecer 100% fiel a su boceto original, he estado reposicionando y cambiando el tamaño de las cosas a lo largo de este proceso. Ahora ha llegado a mi atención que se necesita algo extra, algo Gordo-cattish. Voy a añadir un cigarro.

Usando los siguientes objetos construí un cigarro, luego lo coloreé simpáticamente con la imagen. La sombra vuelve a ser de color púrpura oscuro, pero tiene una opacidad de solo el 10%. El extremo brillante del cigarro está haciendo precisamente eso: selecciónelo y vaya a Efecto> Estilizar> Resplandor exterior. En este caso, el brillo tiene un Modo de pantalla, un color de # CCA500, y se extiende 1,75 mm..

Paso 20: Atmósfera

Para ese toque final de atmósfera siniestra, copié el rectángulo que forma ese fondo y lo pegué en una nueva capa sobre todo lo demás. Tiene un relleno de degradado desde 60% de negro a 0% de negro con la primera parada de gradiente posicionada en 25%. Con una Transparencia Multiplicada, el rectángulo agrega una oscuridad misteriosa a la parte inferior de la imagen final.

Conclusión

Un par de bigotes y ahí lo tienes! Crear una imagen como esta puede o no ser algo natural para usted, la práctica es, por supuesto, la clave. El proceso de convertir tus bocetos en arte digital, sin embargo, ahora debería ser un poco más fácil..