Está en la página 1de 13

E S E N C I A L E S // V E C T O R I Z A C I Ó N Y C O L O R

Moisés Alxes V. // ANGRYMOI


20/20
// I N T R U D U C C I Ó N

La vectorización es lo que haremos para pasar nuestros bocetos de


mapa de bits a vectores.

VECTOR VS BOCETO
Es esencial hacer este proceso, ya que esto nos permitirá tener
unos mascot con la resolución que nosotros queramos, ideal para
poder trabajar y escalar nuestro mascot logo en cualquier gráfica o
impresión.

La rapidez con las que nos permitirá editar los parámetros de color
y texto, además de la variedad de opciones que tenemos para poder
personalizar los mascot logos es algo que debemos aprovechar en
Illustrator, la herramienta idónea para esto.
EL MÉTODO
Para crear nuestros mascot logos vamos a seguir unos pasos que nos servirán para poder vectorizar y finalizar nuestros
mascot logos de la mejor manera, ordenada y con todo el potencial que Illustrator nos ofrece. - WORKSHOP

Seguiremos los pasos siempre que sea necesario haciendo que nuestros archivos queden finalizados de una forma
ordenada y precisa.

1 I L L U S T R AT O R 4 COLORES Y EDICIÓN

Repasaremos las herramientas y las ventanas En este momento comenzaremos a colocar los
que utilizaremos, ordenaremos nuestro colores, refinarlos, utilizaremos diferentes
escritorio para comenzar. técnicas para ello.

2 VECTORIZADO 5 TEXTO Y FINALES


Para el vectorizado seguiremos una serie de pasos para Y en el toque final estará el texto, analizaremos
terminar de pasar todos los trazos de nuestro boceto a
las diferentes formas de hacerlo y con ello los
vector y prepararlo para agregar la iluminación.
remates finales y el contorno característico.

3 ILUMINACION Y SOMBRA

Aquí vectorizaremos los trazos de las sombras y


decidiremos cómo se verá,
/1/Espacio
Buscatrazos
De trabajo Herramienta esencial, conocerla y
entender bien las opciones que
Lo primero que haremos, es ordenar nuestro espacio de trabajo, para ello
utilizaremos las herramientas que tenemos para ello, yo te recomiendo nos da, puede ser sustituida por el
siempre dejar las capas en una ventana larga y el resto de forma creador de formas.
adyacente.

Tener ordenado de forma eficiente nuestro espacio de trabajo es


primordial para trabajar cómoda y rápida.

Capas Muestras
Ventana principal donde Las muestras es el sitio donde

ordenaremos todo nuestro ordenaremos nuestras paletas de

trabajo, debe estar siempre a la colores favoritas y los colores que

vista y de fácil acceso. usaremos para cada mascota logo.

Guia de Color
Apariencia La guía de color es la opción
integrada de Illustrator para crear
En esta ventana modificaremos de
colores a partir de diferentes
forma fácil diferentes parámetros,
sistemas de composicion, como
sobre todo en el texto cuando
gradaciones o complementarios por
apliquemos deformaciones.
ejemplo.
/1/Muestra de Espacio de Trabajo
/2/Vectorizado
1.Capa Fondo 2.Capa Formas 3.Capa Sombras 4.Capa Contornos

El orden de las capas es


primordial para poder editar y
construir de forma fácil nuestro
mascot logo.


Entre medio de estas capas
básicas podemos agregar otras
capas que necesitemos como el
de la iluminación u otros
detalles.
/2/Vectorizado
Creación de trazos
negros.

Capa Fondo Capa Formas Capa Contornos

Menos Frente

Con la herramienta haremos una resta de la capa


de fondo con la capa de formas. De esta manera
obtendremos de resultado la capa de contornos.


Esta capa es importante porque nos servirá como
capa de seguridad para poder crear las sombras o
brillos de forma mas rápida.
/3/Iluminación y sombra

Sombra a 45% Sombra por color Brillos

// S T E P B Y S T E P
Una de las maneras mas sencillas es Si tenemos claro los colores y hemos Para colocar los brillos debemos usar
colorear la sombra con un color MUY hecho las pruebas necesarias en nuestra blanco o colores muy claros, como el
oscuro y bajarle la opacidad a 45%. guía de color podemos colorear el trazo turquesa, el amarillo, los colores fluor.


 de la sombra con el color que queramos 

De esta manera crearemos una sombra usar.
 Sin embargo dependiendo de cuál color
en donde se mezclara el color de la 
 utilicemos no nos dará buenos
sombra y el del trazado creando un color Podemos usar colores dentro de los resultados, recomiendo en este caso usar
nuevo partir de nuestros dos colores. mismos tonos o complementarios, blanco.
dependiendo de nuestro gusto y el del
cliente.
OLORE /4/COLORES
Finalmente cuando ya hemos acabado de trazar todo nuestro mascota incluyendo las sombras y
brillos, podemos comenzar a jugar con los colores, para ello tenemos diferentes herramientas.

// E D I C I Ó N D E L C O L O R
Guia de Biblioteca de
colores colores
La guía de colores tendremos Clickando en las barras de la
diferentes formas de componer o ventana de muestras Volver a colorear 

descomponer nuestros colores encontraremos la biblioteca de Edición>Editar colores> volver a colorear
elegidos, de esta manera podremos colores encontraremos diferentes
crear dependiendo de nuestro paletas de colores, formas y De esta forma podemos sustituir todo el color que tenemos por otro y
interés una paleta de colores texturas que podemos utilizar.
 editar de una manera aun más rápida sin tener que ir a las capas a
adecuada. 
 buscar nuestros trazos.
También encontraremos los
Pantones, que es una de las
bibliotecas de color más utilizadas.
/5/ Creación de

Textos
Existen múltiples formas para crear nuestros textos, pero ahora
estudiaremos 3 formas básicas.

R K S HO P
WO En cursiva Deformaciones Perspectiva
Las letras cursivas aunque muchas La guía de colores tendremos La deformación por perspectiva
tipografía vienen con ellas incluidas diferentes formas de componer o también es una buena opción.

en su catalogo, la mayoría de las descomponer nuestros colores 

letras que escogeremos para elegidos, de esta manera podremos Sin embargo para esta opción es
nuestros mascota logos no vendrán crear dependiendo de nuestro necesario trazar el texto desde la
con esta cursiva. interés una paleta de colores opción de contornear texto.
adecuada.
Para ello tendremos que construirla
nosotros con la herramienta de
Distorsión Horizontal.

//TEXTOS
/5/ Creación de

Textos
Existen múltiples formas para crear nuestros textos, pero ahora
estudiaremos 3 formas básicas.

1 . Te x t o p r i n c i p a l 2.Fondo 3. Contorno exterior


Primero contorneamos el texto Para crear el fondo vamos a
Finalmente vamos a expandir y
principal, de esta manera duplicar el texto y al texto que está
unificar nuestro fondo y una vez
convertiremos todo el texto en detrás le vamos a subir el contorno
tengamos expandido, podemos
trazos para poder trabajarlo. exterior hasta dar con un contorno
volver a agregarle un trazo exterior.
que nos parezca adecuado.

Y lo colocamos de color negro.

/ / I L U M I N A C I Ó N VA R I A B L E
/5/ EL FINAL

Crear contorno
exterior y exportar
Finalmente vamos a ordenar en una capa final todos los
fondos, tanto el de nuestro Mascot Logo como el de
nuestro texto y vamos a volver a unificarlo. De esta
manera tendremos todo un trazo exterior en toda nuestra
figura incluido el texto.

2 0 // 2 0
GRACIAS COLEGAS
ANGRYMOIGG

ANGRYMOI

ANGRYMOI