8/17/2019 5 Claves Para Vectorizar Correctamente en (2)

http://slidepdf.com/reader/full/5-claves-para-vectorizar-correctamente-en-2 1/10

5 claves para vectorizarcorrectamente en Illustrator

1 SEP

Buenos días!! Hoy os traigo algo que creo que os puede ser de utilidad a aquellas personas

que estén empezando en esto de vectorizar e aquí unos cuantos consejos a tener en cuenta:

Existen muchas maneras de vectorizar estas son algunas claves que yo he utilizado en mis

ilustraciones espero que os puedan servir a vosotros tamién"

#artiendo de una ilustraci$n escaneada % esta ilustraci$n puede camiar respecto al

resultado &inal '" (reamos una nueva capa y la ponemos en modo multiplicar,

elegiremos un color y empezamos)

1. El trazo

El trazo tiene mucha importancia en la imagen por eso una imagen llamar* mucho m*s la

atenci$n si tiene un trazo consistente que otra en la que el trazo sea pore" #ara

esto entintaremos utilizando formas en vez de simples trazados"

#ara darle un poco de estilo a nuestro trazo variaremos su grosordependiendo de si

éste est* en su parte m*s central o en los laterales"

8/17/2019 5 Claves Para Vectorizar Correctamente en (2)

http://slidepdf.com/reader/full/5-claves-para-vectorizar-correctamente-en-2 2/10

+os trazos exteriores siempre ser*n m*s gruesos que los de las &ormas que estén en el

interior de la &igura"

 Si quieres más información sobre cómo trazar mira  3 claves para hacer trazados en

illustrator

2. Pulir las formas

El siguiente paso consiste en pulir las formas creadas para que no queden picos

redondearemos los ordes que veamos que despuntan así pues el conjunto &uncionar*

mucho mejor y dar* la sensaci$n de un entintado de verdad"

,na vez hecho esto y seguros de que este es el resultado que queremos iremos a la

 ventana Buscatrazos > Unificar y solaparemos todas las &ormas en una tendremos toda

nuestra ilustraci$n en una sola forma"

8/17/2019 5 Claves Para Vectorizar Correctamente en (2)

http://slidepdf.com/reader/full/5-claves-para-vectorizar-correctamente-en-2 3/10

3. Añadir detalles

 -hora añadiremos los detalles estos detalles si que pueden ser trazos si utiliz*is trazos

mejor crear otra capa sólo para trazos a la hora de seleccionarlos todos nos ir* mucho

mejor" .i utilizamos &ormas podemos seguir en la misma capa"

(on lo que seria el entintado listo desactivaremos la opci$n multiplicar y desactivaremos la

 visi$n de la capa donde se encuentra la ilustraci$n original"

4. El coloreado

 -hora es el turno del coloreado para el color ase utilizaremos colores no muy chillones pero intensos, así nuestra ilustraci$n resultar* llamativa"

 -l haer desactivado la opci$n multiplicar y dejado la capa en modo normal como hemos

hecho un entintado potente no tendremos prolemas a la hora de colorear puesto que las

*reas que quedan lires para colorear no ser*n demasiado grandes"

8/17/2019 5 Claves Para Vectorizar Correctamente en (2)

http://slidepdf.com/reader/full/5-claves-para-vectorizar-correctamente-en-2 4/10

5. Luces y somras para dar volumen

 - ñadiremos pequeñas sombras para dar un poco de volumen al resultado &inal" #ara

esto crearemos una nueva capa y  la colocaremos entre la capa del entintado (trazo

 ! la de color la pondremos en modo multiplicar y ajaremos la opacidad al "#$

(omo color seleccionaremos un azul claro y empezaremos a crear &ormas siempre %acia

una misma dirección %si una somra est* siempre a la derecha que no haya otra que

esté a la izquierda una cierta l$gica'"

#or /ltimo a0adiremos algunos detalles en blanco a la imagen en una nueva capa quesituaremos por entre la capa de entintado y la capa de color estos detalles son unos rillos

para resaltar y detallar m*s la im*gen"

  con esto ya haremo terminado nuestra ilustraci$n vectorial!! Estos conceptos son los que

he ido recogiendo durante este tiempo" Espero que os sean /tiles a vosotros tanto como lohan sido para mí" #osilemente no todos los pasos sean imprescindiles pero tener un

orden en la hora de traajar y organizarse es importante :2

8/17/2019 5 Claves Para Vectorizar Correctamente en (2)

http://slidepdf.com/reader/full/5-claves-para-vectorizar-correctamente-en-2 5/10

,n saludo a todos!! Hasta pronto!!

8/17/2019 5 Claves Para Vectorizar Correctamente en (2)

http://slidepdf.com/reader/full/5-claves-para-vectorizar-correctamente-en-2 6/10

Consejos para vectorizar ilustracionescon Illustrator 

Por antonionavajas el 31 de Marzo de 2011 con 28,041 visitas

Diseño gráfico Otros tutoriales por antonionavajas. 

ste tutorial no se centra en las !erra"ientas para vectorizar, sino en una serie#e consejos para a$u#arnos en esta la%or. l eje"plo !a si#o realiza#o con unlápiz, una servilleta, un escáner, &#o%e Illustrator C'(, #os "anos, un par #e

ojos $ un or#ena#or con sus perif)ricos.

*ivel+ ásico

-entajas #e las i"ágenes vectoriales

as i"ágenes vectoriales poseen al "enos #os gran#es ventajas so%re los"apa #e %its /jpg, png, gif...+

• enor peso.

• osi%ili#a# #e ser reescala#o sin p)r#i#a #e cali#a#.

Nota: Ahora que HTML5  da soporte a las imágenes vectoriales con susetiquetas <svg> y <canvas> es el momento de plantearse el formato de salidade nuestras imágenes para we!

8/17/2019 5 Claves Para Vectorizar Correctamente en (2)

http://slidepdf.com/reader/full/5-claves-para-vectorizar-correctamente-en-2 7/10

-ectorizan#o una ilustraci3n

 &unue algunos #iseña#ores sean capaces #e crear gráficos vectoriales#irecta"ente en la aplicaci3n, en la "a$or5a #e los casos es "ás fácil realizar

el #i%ujo a "ano $ #espu)s escanearlo. ara este tutorial $o !e !ec!o un#i%ujo %astante si"ple en una servilleta /a#oro #i%ujar en servilletas $ lo!e escanea#o. *o es necesario escanear la i"agen en alta cali#a#, $a ues3lo la usare"os para verla en pantalla.

n pri"er lugar i"porta"os la i"agen a nuestra "esa #e tra%ajo. 'i uere"os!acer "ás c3"o#a la visualizaci3n #el #i%ujo le %aja"os la opaci#a# a un (06706 seg9n lo clara u oscura ue sea. ara asegurarnos #e ue no "ove"os lai"agen "ientras la :calca"os: es aconseja%le %louear la capa.

 &!ora e"peza"os a #i%ujar enci"a con la !erra"ienta plu"a. s "u$i"portante tra%ajar ca#a ele"ento /cara, ojos, "anos... en una capa #iferente,

e ir %louean#o las capas ue finalice"os. o#e"os crear capas nuevaspulsan#o C"#;. 'i en alg9n "o"ento te euivocas $ #i%ujas en la capa

8/17/2019 5 Claves Para Vectorizar Correctamente en (2)

http://slidepdf.com/reader/full/5-claves-para-vectorizar-correctamente-en-2 8/10

err3nea, recorta el o%jeto con C"#;< $ pega en la capa correspon#iente conC"#;=. & #iferencia #e C"#;-, pegará en el "is"o lugar. &#e"ás !a$ ueprocurar cerrar los traza#os ue van a llevar relleno. Illustrator per"ite rellenartraza#os a%iertos, pero :une: el punto inicial $ el final #el traza#o para ello, $ talvez no sea lo ue uera"os.

as gu"as inteligentes en algunas ocasiones nos a$u#arán $ en otras nosentorpecerán. s interesante ir activán#olas $ #esactiván#olas pulsan#oC"#;>.

8/17/2019 5 Claves Para Vectorizar Correctamente en (2)

http://slidepdf.com/reader/full/5-claves-para-vectorizar-correctamente-en-2 9/10

 &provec!a para realizar ca"%ios en el #i%ujo, "ejorán#olo, aña#ien#o #etalles,si"plificán#olo, etc. Co"o po#)is ver en la i"agen anterior, !e :#epura#o: las"anos, el tel)fono $ los zapatos.

n el caso #e usar filetes /las l5neas #el #i%ujo #e%ere"os tener en cuenta sugrosor a la !ora #e realizar el traza#o.

n la fase #e colorea#o es #if5cil !acerse a la i#ea #e cuáles son colores ueva"os seleccionan#o. ara a$u#arnos po#e"os crear una serie #e recua#roscon un %uen ta"año #on#e aplicar los colores ue va"os a usar /co"o sifuese la paleta #e un pintor $ as5 po#er verlos en un ta"año "a$or ue en la

%i%lioteca #e "uestras $ #e paso ver co"o co"%inan.

s interesante aplicar "otivos personaliza#os a los rellenos para lograr estilostipo c3"ic.

8/17/2019 5 Claves Para Vectorizar Correctamente en (2)

http://slidepdf.com/reader/full/5-claves-para-vectorizar-correctamente-en-2 10/10

'i uere"os po#e"os aplicarle un pincel a los traza#os a%iertos. &s5 po#re"oscrear i"perfecciones ue si"ulen el #i%ujo !ec!o a "ano.

or 9lti"o, os #ejo una co"posici3n !ec!a con nuestro personaje.