Cómo aprovechar al máximo tus ilustraciones vectoriales

En este tutorial, aprenderá cómo tomar su ilustración vectorial y prepararlos para muchos usos, diseñarlos de forma única y prepararlos para la venta en sitios de micro-stock. Empecemos!


Introducción

Me gustaría compartir con ustedes mi método de crear tres estilos diferentes de ilustración vectorial basados ​​en un concepto y un boceto. Puede aprovechar al máximo su concepto de ilustración vectorial ampliando las posibilidades de uso y haciéndolo adecuado para más diseños y proyectos..

Si tiene una gran idea de ilustración que le gustaría incorporar en muchos diseños diferentes de productos, podría ser útil tener diferentes apariencias de una ilustración para usar en aquellos productos en los que sean más adecuados. Al crear diferentes estilos de una ilustración, aumenta las posibilidades de uso para los diseñadores que descargan su ilustración vectorial en sitios web de micro-acciones, lo que los hace más valiosos para ellos..

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.


En este tutorial

Veamos lo que aprenderá en este tutorial, las herramientas que necesitará y otros detalles..

Aprenderás

  • Cómo aprovechar al máximo su concepto de ilustración extendiendo su uso.
  • Cómo crear tres estilos de una ilustración vectorial desde el boceto hasta el final en Adobe Illustrator mientras se trabaja en el mismo archivo.
  • Cómo trabajar con pinceles en Adobe Illustrator.
  • Cómo utilizar estos tres estilos en proyectos gráficos reales..

Necesitará

  • Papel y lapiz
  • Foto, cámara o escáner
  • Adobe Illustrator (usé CS3)
  • Tableta de dibujo

Paso 1: Hacer un bosquejo

Decidí ilustrar el concepto de un cumpleaños y creé este personaje de loro para comunicar la idea de diversión y felicidad con colores brillantes de esta ave y con detalles como gorro, corbata de lazo, caja de regalo y flores..

Haz un bosquejo de tu ilustración. Mejóralo en papel hasta que estés satisfecho con el resultado. Transfiera su boceto a su computadora haciendo un escaneo o fotografiándolo. Tomé una foto de mi dibujo con mi cámara y la importé a Photoshop, donde jugué con ella hasta que estuvo lista para trabajar en Illustrator.



Paso 2: Importando a Illustrator

Abra Adobe Illustrator. Cree un nuevo documento de 800 px por 800 px (Archivo> Nuevo). Importe su boceto a Illustrator (Archivo> Lugar). Marque la casilla Plantilla. El boceto se coloca en una capa separada con menor opacidad para su conveniencia y se crea una nueva capa sobre ella. Coloque su boceto en el centro de la mesa de trabajo utilizando Alinear con la mesa de trabajo. Nombra esta capa "Sketch".



Paso 3: Creando arte lineal de un loro

Crea una nueva capa y llámala "Línea - loro". Como queremos que esta variante de nuestra ilustración se vea un poco como un dibujo de arte de línea de tinta, seleccionaremos un par de pinceles de las bibliotecas de pinceles de Adobe Illustrator. Seleccioné los pinceles "Tapered - Round" y "Tapered Stroke" del grupo "Artistic Ink", y los puse en 3 puntos. También utilicé un pincel redondo de la biblioteca de pinceles "Caligrafía artística".


Los pinceles seleccionados aparecieron en mi paleta Pinceles para que pudiera acceder fácilmente a ellos mientras trabajaba. También hice algunos pinceles personalizados que usé más adelante en mi trabajo de línea. Para hacer su propio pincel, cree una elipse con la herramienta Elipse (L), seleccione el punto de anclaje correcto con la Herramienta de selección directa (A) y arrástrelo hacia la derecha hasta que tenga la forma que parece una línea de tinta.


Ahora tome su nueva forma con la herramienta de selección (V), arrástrela a la paleta de pinceles a la derecha y suéltela allí. Aparece el menú Nuevo pincel donde debe seleccionar Nuevo pincel artístico y presionar Aceptar. Ahora nombre su nuevo pincel en la ventana Opciones de pincel artístico "Pincel personalizado" y haga clic en Aceptar. Ha creado un pincel personalizado que puede usar en este proyecto y guardar para el uso posterior (Paleta de pinceles> Menú de opciones> Guardar biblioteca de pinceles).

Cree las formas básicas de un loro usando la herramienta Pluma (P) para líneas rectas como en el sombrero. Use la herramienta Pincel (B) para líneas de tinta como en el ala y la cola. Además, use la herramienta Elipse (L) para hacer círculos en los ojos y en la pajarita. Puede variar el grosor de las líneas cambiando el peso del trazo. Utilicé las líneas más gruesas para las formas externas del loro y las líneas más finas para detalles más pequeños.


A continuación, dibuje los detalles del cuerpo y las pequeñas líneas de las plumas y patas del loro con los mismos pinceles, pero con trazos más finos. Agrupe los detalles de acuerdo con la parte del cuerpo, para que no se pierda si desea experimentar con su tamaño más adelante..


Después de que termine su trabajo de línea, puede hacer que la capa de boceto sea invisible haciendo clic en el ícono del ojo pequeño que está cerca (o en el icono de formas si la capa es una plantilla) y verá su loro de línea de tinta.



Paso 4: Creando arte lineal de flores

Crea una nueva capa y llámala "Línea - Flores". Usando los mismos pinceles y técnicas que en el Paso 3, dibuja las líneas de las flores. Use la herramienta Pincel (B) para dibujar líneas en los pétalos y la herramienta Pluma (P) para las formas en los tallos de las flores.



Paso 5: Creando la línea de arte de la caja de regalo

Crea una nueva capa y llámala "Línea - Caja de regalo". Cree un rectángulo más grande para el cuadro y otro más delgado para la cinta con la herramienta Rectángulo (M), luego colóquelos de acuerdo con el bosquejo.

Dales sin relleno, solo un golpe. Ahora usa la herramienta Tijeras (C) para cortar las líneas de los rectángulos donde la caja y la cinta están ocultas detrás del loro. En el final. Usted debe tener un esquema de la caja de regalo. Seleccione los trazos y haga clic en su pincel personalizado para que el aspecto de la línea se parezca más a una línea de tinta.


Utilice la herramienta Elipse (L) para crear la forma en el centro de la cinta y los círculos en la decoración de la caja de regalo. Use la herramienta Pincel (B) para dibujar el lazo de la cinta en la parte superior de la caja.


Para hacer los grandes grupos de círculos en las decoraciones, cree dos círculos, uno grande y otro pequeño. Coloque el pequeño en el centro de un círculo grande con la paleta Alinear. Dales un golpe fino, pero sin relleno. Seleccione ambos, vaya a Objeto> Mezcla> Opciones de fusión ...

En el menú Opciones de fusión, establezca el espaciado en Pasos especificados y complete 6. Deje Alinear en la página para la Orientación. Después de eso, vaya nuevamente a Objeto> Mezclar> Hacer y obtendrá el grupo de círculos para nuestra decoración..


Duplica los círculos y colócalos de acuerdo con el boceto. Seleccione el grupo de círculo y expándalo (Objeto> Expandir> Expandir objeto> OK). Desagrupar el objeto para obtener un conjunto de círculos..


Cree una forma sobre el círculo con la herramienta Pluma (P), como se muestra a continuación. Para hacer las líneas rectas verticales y horizontales con la herramienta Pluma (P), mantenga presionada la tecla Mayús mientras crea la forma.


Seleccione ambos objetos y presione Dividir en el menú de Pathfinder. Desagruparlos y eliminar todas las formas innecesarias más allá del contorno del cuadro. También he eliminado un par de líneas de los grupos circulares para hacerlos más decorativos y desiguales..


Ahora corte los otros grupos de círculos usando Dividir en el menú de Pathfinder para eliminar las partes cubiertas por las formas del loro y la cinta. Crea los círculos pequeños usando la herramienta Elipse (L).



Paso 6: Agregar texto de Line Art

Como esta ilustración se podía usar para un saludo de cumpleaños, decidí agregar "¡Feliz cumpleaños!" texto a ella Crea una nueva capa y llámala "Línea - Texto". Usa la herramienta de tipo (T) para escribir "¡Feliz cumpleaños!" y seleccione el texto, luego decida la fuente probando diferentes fuentes de su Biblioteca de Fuentes (Tipo> Fuentes).

Como estaba planeando colorear el texto más tarde, utilicé la fuente Abadi MT Condensed Extra Bold 45 pt de la biblioteca de Adobe Illustrator predeterminada. Dale el texto sin rellenar, solo un trazo, luego centra las palabras y ubícalas de acuerdo con los elementos de la imagen.


En este punto, debe tener la versión final de la línea de arte de su ilustración..



Paso 7: Coloreando el dibujo de Line Art

Crea una nueva capa y llámala "Color - Parrot". Colóquelo debajo de todas las capas etiquetadas como "Línea", pero arriba de la capa "Boceto".

Comience a crear las formas básicas del loro usando la herramienta Pluma (P). Mantenga la capa de "línea" visible e intente hacer contornos de forma en medio de un trazo desde la capa de "línea". Asegúrese de que el color de su capa sea visible correctamente (para cambiar el color de la capa, haga doble clic en la capa en la paleta de capas). Si su línea no se ve bien, corríjala arrastrando el punto de anclaje con la Herramienta de selección directa (A).


Crea todas las formas básicas de nuestro loro usando la misma técnica. Seleccione los colores brillantes para las formas y coloréelos. Dale el relleno a las formas, pero sin trazo. Usa la herramienta Ellipse (L) para los ojos..


Cree nuevas capas para las flores y para la caja de regalo y asígnele el nombre correspondiente con la etiqueta "Color -". Usando el mismo método que con las formas de loros, crea las formas básicas de las flores y la caja de regalo. Crea una nueva capa y llámala "Color - Sombra". Utilice la herramienta Elipse (L) para crear una gran elipse y colóquela debajo de las formas de loros y cajas de regalo.


A continuación, crea una nueva capa llamada "Color - texto". Copie el texto de contorno de la capa "Línea: texto" y péguelo en la capa "Color - texto". Expanda el texto (Objeto> Expandir) para obtener formas separadas para cada letra. Ahora seleccione letra por letra y coloréelos en diferentes colores usando los colores de la imagen que hemos usado para las formas básicas. Finalmente, agrupa el texto..



Paso 8: Agregando Detalles

En este punto, podemos agregar detalles a la imagen, como sombras, resaltes y algunos trazos adicionales. Comience creando una nueva capa y denominándola "Color - Detalles". Puedes crear capas separadas para cada parte (por ejemplo, "Color - detalles de loros") o mantener todos los detalles en una capa, pero no olvides agruparlos para facilitar la edición..

Crea las sombras del loro primero. Usé la herramienta Pluma (P) para todas las sombras. Intenta mantener los bordes de tus líneas en medio de los trazos de capa "Línea".


Usando el mismo método, pero esta vez con colores más claros, crea reflejos.


Repita el mismo procedimiento para las flores y la caja de regalo. En este punto, debe tener una segunda variante terminada de su ilustración: ilustración de arte lineal en color.



Paso 9: Crear una variante de color solamente

Ahora es el momento de ver cómo se ve nuestra ilustración sin todas esas líneas negras. Si siguió las instrucciones correctamente, debería tener un conjunto de capas etiquetadas "Línea" y un conjunto de capas etiquetadas "Color" en su paleta de capas. Simplemente desactiva la visibilidad de todas las capas de "Línea" arrastrando el cursor sobre los íconos del ojo pequeño cerca de ellas y verás la versión "solo para color" que creaste. Debe tener un aspecto como este.


En este punto, es bueno ampliar y corregir todos los huecos entre las formas y los errores que hemos cometido al colorear.


Después de que las formas estén fijas, agreguemos algunos detalles más. Quería más detalles en las plumas de loros y en la caja de regalo, así que prestado Algunos trazos de las capas "Line". Copie los trazos finos y colóquelos en la nueva capa "Color - trazos".


Repita para todos los detalles que desea agregar. Al final, debe tener una versión terminada en color de su ilustración..


Todas sus variantes están en un archivo, divididas en capas etiquetadas separadas. Al cambiar la visibilidad de los grupos de capas, puede ver las tres variantes. Considera esto como un archivo fuente. Puede guardar cada variante por separado para usar en sus proyectos.


Paso 10: Usando tu ilustración en proyectos

Como resultado de su trabajo, obtiene un archivo vectorial con tres variantes diferentes de una ilustración vectorial. Es hora de utilizarlos todos en tus proyectos..

Si vende su ilustración en sitios web de micro-acciones, puede preparar esta ilustración para la venta siguiendo los pasos que he descrito en mi tutorial "Cómo crear una ilustración vectorial y prepararlo para la venta de micro-acciones" (Pasos 11 -16) . Además de estos pasos, recomiendo crear una copia de este documento y editarlo de acuerdo con los requisitos de micro-stock. Recuerde expandir todos los trazos en su ilustración (Objeto> Expandir) antes de cargarlos para revisarlos..

He hecho algunos pequeños proyectos para mostrar cómo se podrían usar las tres variantes. La versión de arte lineal se puede utilizar como página para colorear para niños..


Podría ser una gran tarjeta de felicitación coloreada por su hijo como regalo para los amigos en su cumpleaños.


La versión de line art + color se puede imprimir como una tarjeta de cumpleaños para enviar a tus amigos y familiares.


La versión solo en color se puede utilizar como una tarjeta electrónica de cumpleaños para saludos de cumpleaños por correo electrónico. Puedes hacer un diseño simple en Illustrator y guardarlo como una plantilla para el futuro..


Hay muchas posibilidades para aprovechar al máximo su ilustración y espero que este tutorial le haya dado algunas ideas. Gracias por leer!