Aprendiendo a Dibujar con Vectores

Aprendiendo a Dibujar con Vectores

Manual echo por: Ivan Morales Semino

ndice de contenido
1. El arte del Vectorizado...................................................................................................................... 1.1 !"ue es el vectorizado#............................................................................................................. 1.$ "ue e%plicare en este manual&tutorial........................................................................................ $. Empezando a Vectorizar...................................................................................................................' $.1 El (ro)rama...............................................................................................................................' $.$ El Entorno de *rabajo................................................................................................................' $. +erramientas.............................................................................................................................., $.' -on.i)urando el entorno de trabajo..........................................................................................., . Vectorizando...................................................................................................................................../ .1 0ases del Vectorizado................................................................................................................/ .$ Empezando a Vectorizar............................................................................................................/ .$.1 (asos para crear los trazados..............................................................................................1 .$.$ -reando secciones cerradas................................................................................................2 . -oloreando el vector..................................................................................................................2 .' 3jos..........................................................................................................................................14 .'.1 Intersecciones...................................................................................................................14 .'.$ -olor 5 .orma de los ojos con la5ers................................................................................14 .'. De)radados.......................................................................................................................11 ., Sombreando 5 a6adiendo brillos al Vector..............................................................................1$ .,.1 Sombras................................................................................................................................1$ .,.$ 0rillos...............................................................................................................................1$ .,. -lippin) de Desen.o7ue...................................................................................................1 .8 E%portando el Vector................................................................................................................1' .8.1 (reparando para e%portar.................................................................................................1' .8.$ E%portando.......................................................................................................................1' ./ -omparaciones.........................................................................................................................1, '. -r9ditos...........................................................................................................................................1,

Aprendiendo a Dibujar con Vectores

Manual echo por: Ivan Morales Semino

1. El arte del Vectorizado

1.1 Que es el vectorizado?
Vectorizado: una t9cnica 7ue se usa para pasar im;)enes de mapa de bits a vectores de manera 7ue ocupan menos 5 tienen mejor de.inici<n. Mucha )ente lo ve como calcar una ima)en pero no es cierto: no calcas la ima)en la re-dibujas para poder usarla para tus prop<sitos o simplemente por mero aburrimiento. A7u= un ejemplo de vector e ima)en real. Ima)en vector

En mi caso use a pen pen de lo)otipo para un pro5ecto de pro)ramaci<n >?MD$@. (ero para 7ue se vea un ejemplo mas claro de 7ue no es calcar pondr9 la base de todo: las capturas de pantalla de un anime. En una captura de pantalla de un anime podemos re dibujar el personaje 7ue sale para lo 7ue nosotros 7ueramos. (ara esto 5a no es necesario pulso de dios ni conocimientos de dibujo: solo tiempo 5 paciencia. 3tro buen uso es si ten9is un ami)o 7ue dibuje mu5 bien es cuesti<n de 7ue el ha)a los bocetos 5 vosotros los di)italiceis con vectores.

1.2 Que explicare en este manual/tutorial

En este tutorialAEspero 7ue no mu5 lar)oB e%plicare las bases del vectorizado de im;)enes 5 al)Cn truco 7ue he ido ad7uiriendo con la e%periencia de ir haciendo vectores. *ambi9n una introducci<n a el pro)rama de vectorizado 5 sus herramientas.

Aprendiendo a Dibujar con Vectores

Manual echo por: Ivan Morales Semino

2. Empezando a Vectorizar
2.1 El Programa
El pro)rama 7ue utilizaremos es uno de mis .avoritos por varias razones: es so.tDare libre: es multi sistemaA?inu%: Mac: EinB: es el mejor pro)rama 7ue he encontrado para vectorizar. (od9is encontrarlo para descar)ar en Fhttp:&&inGscape.or)&doDnload&#lan)HesI 3 en los repositorios de vuestra distro de linu%. ?a instalaci<n es realmente simple por lo 7ue no entrare en detalles. Jna vez ha5amos instalado el inGscape lo abrimos.

2.2 El Entorno de Trabajo

El entorno de trabajo es mu5 simple herramientas a un lado bien accesibles un espacio de trabajo amplio podr=amos compararlo con photoshop 7ue tiene una estructura similar: a e%cepci<n de el selector de color de la parte de abajo.

'

Aprendiendo a Dibujar con Vectores

Manual echo por: Ivan Morales Semino

2. !erramientas
Vo5 a e%plicar el uso de las herramientas mas importantes 7ue se utilizaran durante el proceso de vectorizado. +erramienta de selecci<n 5 trans.ormaci<n de objetos AK1B Editor de tra5ectos 5 nodos: dir=a 7ue sera una de las mas utilizadas AK$B ?upa: posiblemente se utilice: aun7ue en mi opini<n se trabaja mejor con ctrlLscroll -ircle: es una herramienta 7ue nos puede a5udar en caso 7ue ten)amos 7ue dibujar una redonda: dibujarla con nodos puede ser complejo. (incel para dibujar lineas bezier: ?a herramienta de vectores por e%celencia. +erramienta de te%to: por si ha5 7ue incluir al)o de te%to. Selector de color: selecciona color de una secci<n&ima)en 7ue ha5a en el documento

2." #on$igurando el entorno de trabajo

-omo veis en la ima)en de la pa)ina anterior la zona de trabajo central se ve un recuadro 7ue de.ine el marco de la pa)ina: eso no nos sirve: aun mas molesta por lo 7ue lo vamos a 7uitar. Empezamos abriendo una ima)en con el inGscape F0ot<n derecho M abrir con M inGscapeI Al instante de hacerlo nos saldr; una ventana pre)untando si 7ueremos incrustar o enlazar la ima)en: incrustar lo 7ue hace es copiar la ima)en dentro de el pro5ecto: eso es bueno si lo ten9is en un JS0 o cambi;is de pc con .recuencia: enlazar lo Cnico 7ue hace es 7ue abre la ima)en desde el .ichero: seleccionad a pre.erencia vuestra. Al darle a aceptar nos creara un nuevo documento de inGscape el cual )uardaremos en al)Cn lu)ar como archivo .sv) como pod9is ver se ha abierto el documento con la ima)en centrada: pero es una simple ima)en: antes de nada la vamos a convertir en capa. Apretamos Ctrl+Shift+L para 7ue se nos abra el dialo)o de capas. 3 vamos a el menC Capa 5 le damos a la ultima opci<n de la lista Capas... en caso 7ue lo ten);is en in)les sera Layer 5 Layers....

Aprendiendo a Dibujar con Vectores

Manual echo por: Ivan Morales Semino

Al hacerlo se nos abrir; este menC conte%tual a la derecha de la pantalla: este es el menC de capas: en estos momentos no ha5 nin)una por lo 7ue crearemos una d;ndole al bot<n remarcado en la ima)en + 5 le pondremos de nombre FKondoI o un nombre 7ue a nosotros nos a5ude a identi.icarlo como tal.

Ahora con la herramienta de selecci<nAK1B procederemos en hacer clic sobre la ima)en. -uando aparezcan unas .lechas sobre la ima)en si)ni.ica 7ue la tenemos seleccionada: acto se)uido apretamos Ctrl+X la ima)en se borrara: vamos a el menC de capas 5 seleccionamos la capa Kondo: volvemos a la ;rea de trabajo 5 apretamos Ctrl+V ahora tendremos de nuevo la ima)en: la movemos con el rat<n hasta dejarla centrada en el recuadro. Echo eso vamos a el menC de capas otra vez 5 presionamos sobre el candado 7ue ha5 en el nombre de la capa: eso blo7ueara la capa 5 nos a5udara a 7ue lo 7ue ha5 en esa capa no se mueva: al ser el .ondo nos viene 7ue ni pintado. Ahora vamos a 7uitar ese molesto marco 7ue ha5 alrededor de la ima)en. (resionamos Ctrl+Shift+D para 7ue se nos abra la ventana de propiedades del documento. En esta ventana modi.icaremos dos cosas lo primero en la parte de abajo desmarcaremos las casillas marcadas: de esta manera 7uitaremos el marco 7ue ha5 en la .oto. Despu9s de 7uitar el marco subiremos a la parte de arriba de la ventana 5 cambiaremos el color de .ondoAEs completamente opcionalB esto es buena idea para poder trabajar: 5a 7ue a5uda a di.erenciar el .ondo del trabajo o sector en el 7ue trabajamos. Seleccionamos el color con el selector 7ue se nos abre al seleccionar color de .ondo: en mi caso suelo co)er azul pero ho5 usare verde para cambiar un poco: para cambiarlo es ir al menC este 5 cambiar los valores de NO0: no es nada complicado: 3jo 7ue para 7ue se vea el cambio de color el selector del ultimo blo7ue tiene 7ue estar completamente hacia la derecha. -erramos el selector de color 5 la ventana de opciones 5 5a esta listo: 5a tenemos el borde 7uitado 5 el color cambiado. Ahora solo nos 7ueda el paso .inal para tener el entorno de trabajo con.i)urado para empezar con el vectorizado. Va5amos otra vez al menC de capas: hacemos clic con el bot<n derecho sobre la capa .ondo 5 la duplicamos. Seleccionamos la capa duplicada 5 le cambiamos el nombre por al)o como FKondo $I AA nuestro )ustoB. Manteniendo la capa seleccionada le bajaremos la opacidad con el selector 7ue ha5 debajo de este mismo menC de capas: le ponemos un valor cercano al 4 ahora hacemos clic en el ojo de la capa KondoA?a primera creadaB ahora la capa transparentara 5 podremos trabajar en el vectorizado.

Aprendiendo a Dibujar con Vectores

Manual echo por: Ivan Morales Semino

3. Vectorizando
.1 %ases del &ectorizado
El vectorizado no es tan simple como parece a7u= pondr9 un ejemplo de como no ha de ser 5 como debe ser: el ejemplo mas clasico es un mech<n de pelo: por cosas de la vida en los animes los peinados son las cosas mas curiosas 7ue puedes lle)arte a encontrar 5 siempre suelen ser lo mas complicado de dibujar. -omo se puede observar ha5 una clara di.erencia entre los dos uno es mas robusto 5 tiene una .orma mas de.inida por lo contrario el otro tiene un aspecto simple. Esto se debe a el numero de puntos de vector.

-omo vemos en esta otra ima)en la ima)en err<nea se compone de solo de puntos de vector mientras 7ue la correcta los duplica. ?o mas se)uro 7ue est;is pensando 5 eso 7ue narices importa: pues es importante como 5a he dicho el pelo es mu5 traicionero en los animes. Ejemplo de pelo de un vector 7ue hice recientemente. Se ven bien claras las lineas curvas .uertes: por lo contrario si se hubiesen echo con el primer estilo no 7uedar=a bien ni de lejos. Visto esto vamos a empezar con el vectorizado de la ima)en de muestra.

.2 Empezando a &ectorizar
Antes de nada abrimos el menC de capas 5 creamos $ capas la primera se llamara Color 5 la se)unda Lineas: una vez creadas seleccionamos la capa lineas: en esta capa dibujaremos todo lo 7ue son los bordes de el dibujo. (ara ello seleccionaremos el pentool la herramienta de beziere. 0uscamos un punto en donde coincidan dos lineas para empezarAVer ima)en para mas in.ormaci<nB (ara crear el trazado ha5 7ue ir marcando puntos con el pentool si)uiendo la .orma de el pelo o parte del dibujo 7ue se este dibujando: recordad 7ue el recorrido tiene 7ue ser doble para dar el cuerpo a el vector. Ahora toca mover los puntos 5 darle .orma de contorno: por7ue lo 7ue ha5 ahora son lineas rectas: presionamos K$ o lo 7ue viene a ser el editor de tra5ectos o nodos. (ero antes de mover los puntos vamos a el selector de color. Manteniendo el sector seleccionado nos tiene 7ue aparecer al)o como esto: no tiene relleno pero si trazo: por ese motivo esta vaci< por dentro mientras 7ue el borde tiene color ne)ro: hacemos clic derecho sobre donde pone nin)uno

Aprendiendo a Dibujar con Vectores

Manual echo por: Ivan Morales Semino

P nos aparecer; un menC desple)able en el 7ue tendremos 7ue seleccionar la opci<n Negro de esta manera daremos color ne)ro al relleno de el trazado: por otro lado el trazo 5a no nos es necesario es mas estorba por lo 7ue lo eliminamos haciendo clic derecho sobre el color ne)ro 5 seleccionando la opci<n De esta manera 5a tendremos el trazado echo 5 listo para editar con la herramienta de nodos.

3.2.1 Pasos para crear los trazados

-on la herramienta de pentool hacemos esta secuencia de puntos acordes a nuestro dibujo: con la herramienta de nodos movemos los nodosAima)en $B para dar curvatura a la linea: lo adaptamos para 7ue se ajuste bien a las lineas 5 borramos el trazado 5 rellenamos el relleno con ne)ro como se ha dicho en el punto anterior.

+acemos el mismo procedimiento con todas las secciones de el dibujo: es recomendable hacer partes: empezar por el pelo se)uir con contorno de la cara e ir bajando hacia el cuerpo. -omo resultado de hacer todo el contorno de el pelo tenemos esto: -iertamente he esco)ido un mal ejemplo para hacer el manual de vectorizado por eso mostrare una ima)en del anterior 7ue hice. Jna cosa 7ue ha5 7ue tener en cuenta cuando se unen sectores es 7ue 7ueden bien solapados para crear el e.ecto de 7ue es solo un solo trazo: como se puede ver en la ima)en los c=rculos marcan los puntos donde se solapan.

Aprendiendo a Dibujar con Vectores

Manual echo por: Ivan Morales Semino

3.2.2 Creando secciones cerradas

-omo se)uro 7ue podremos observar en nuestro dibujo ha5 al)una parte la cual no podemos dibujar correctamente 5a 7ue no podemos hacer el doble borde con el pentool: por ese motivo e%plicare como crear secciones cerradas de una manera simple. ?a boca de mi dibujo es un buen punto a empezar: como se puede observar es una linea curva 5 para no complicarnos en poner puntos de vector donde no toca ni nada mas complicado vo5 a e%plicar como hacerlo r;pido 5 sencillo -o)emos el pentool 5 trazamos una linea desde un e%tremo de la boca hasta el otro. (ara crear el trazado hacemos clic derecho con el rat<n 5 la linea se convertir; sola en una linea de trazado: ahora echamos mano a la herramienta de nodos 5 ar7ueamos la linea hasta darle una curvatura parecida a la de la boca. Manteniendo la secci<n de trazado seleccionada apretamos el bot<n de convertir trazados a tra5ectos 7ue se encuentra en la barra superior mientras ten)amos la herramienta de nodos seleccionadaAK$B esto nos creara los puntos para 7ue le demos .orma. Ahora ampliamos en uno de los lados 5 como podemos ver ha5 $ nodos pero solo nos interesa 1 por lo 7ue seleccionaremos uno de los $ 5 lo borramos: para seleccionarlo hacemos clic encima con la herramienta de nodos 5 lue)o en la tecla Supr del teclado: 5 lo mismo con el lado contrario. Al haber echo esto nos habr; 7uedado al)o de.orme por lo 7ue lo movemos con los tiradores de los nodos hasta 7ue consi)amos 7ue nos 7uede con una .orma parecida a la boca.

. #oloreando el vector
-olorear mucha )ente 7ue dibuja en este momento pensar=a 7ue va a su.rir para colorear un vector: pues se e7uivocan es lo mas simple de todo el vectorizado 5 ahora veremos el por7ue. Si recordamos al principio dije 7ue se creara una capa la cual llamamos Color pues vamos a ello: nomas empezar comprobamos 7ue la capa color este por debajo de la capa lineas en el menC de capas: en caso contrario la seleccionamos 5 la bajamos o subimos con los controles 7ue ha5. -o)emos una secci<n 7ue 7ueramos pintarA(elo: cara: etc...B 5 con el pen tool hacemos el camino de las lineas pero esta vez si)uiendo el camino de las lineas 5a creadas. Jna vez ten)amos la secci<n creada con los nodos utilizamos el selector de color de abajo para seleccionar el color 7ue 7ueramos para el pelo: tambi9n podemos utilizar el selector de color de la ima)enAK/B 2

Aprendiendo a Dibujar con Vectores

Manual echo por: Ivan Morales Semino

-on esto iremos rellenando las secciones con color: acordaos de eliminar el trazo 7ue no nos es necesario para nada. Jna vez terminado 5a tendremos coloreado el pelo por lo 7ue vamos avanzando hacia cara cuerpo accesorios etc... Qo os preocup9is si el color tiene zonas oscuras eso lo arre)laremos mas tarde con un sombreado.

." 'jos
En los animes en )eneral los ojos jue)an un papel importante: 5a 7ue estos e%presas in.inidad de emociones: por esto en mi opini<n es lo mas complicado de dibujar: aveces he lle)ado a tardar 1h en hacer solo un solo ojo. Necomiendo crear una capa e%tra para los ojos: la vamos a necesitar. Empezaremos dibujando lo 7ue vendr=an a ser las cejas 5 el debajo de los ojos con el pentool como hemos echo 5a con las lineas de bordes.

3.4.1 Intersecciones
Aprovechando el tema de los ojos e%plicare una manera de hacer intersecciones con las secciones de un trazado. Empezamos creando unos tri;n)ulos 5a 7ue la parte in.erior del ojo tiene pesta6as dibujadas: simple 5 .;cil ahora crearemos una linea corva para hacer el reborde del ojo: le ponemos el relleno 5 7uitamos el trazo. Seleccionamos con la herramienta de nodosAK$B todo: tanto los tri;n)ulos como la linea corva reci9n a6adida. (resionamos CtrlL+ 5 con esto conse)uiremos unir los cuatro trazados en uno solo: esto nos sirve si 7ueremos uni.icar zonas o borrar partes de secciones. (odemos encontrar mas de este tipo de opciones en el menC FTrayectoI: podemos unir: hacer una di.erencia entre dos trazados: solapar etc...

3.4.2 Color y forma de los ojos con layers.

?os ojos una parte de su complicaci<n es por la cantidad de elementos en cierto orden 7ue necesita: 7ue si la base el borde del ojo 5 dem;s cosas: por eso e%plicare el uso de los la5ers. ?os la5ers es como en in)les se dice capa: pero no las capas 7ue usamos en el menC de capas si no 7ue dentro de esa capa Ojos podemos colocar en un orden los trazados para 7ue 7ueden como nosotros 7ueramos. -on la herramienta de selecci<nAK1B en la barra superior podemos ver estos iconos: con estos podemos controlar la la5er de la capa seleccionada.

14

Aprendiendo a Dibujar con Vectores

Manual echo por: Ivan Morales Semino

Volviendo al tema de los ojos: los ojos se componen de estas partes: *razo in.erior: 5 superiorAcejas 5 pesta6asB 7ue delimitan el ojo 5 nos sirven para ocultar los problemas del coloreado. Jna base de color: bien puede ser blanca o de un otro color dependiendo de el ojo 7ue estemos dibujando. +a5 7ue ajustarlo para 7ue 7uede bien en los bordes: de esta manera creara el e.ecto de 7ue esta contenido por la zona ne)ra 7ue dibujamos. Despu9s toca dibujar la pupila: la dibujaremos con un trazo cerrado: para dar la .orma es.9rica 7ue tiene. Despu9s a6adimos una se)unda linea 7ue sera el centro del ojo: eso da car;cter 5 .uerza a la mirada. (or terminar una sombra encima del ojo para dar aun mas .uerza al dibujo. 3tro ejemplo de ojo tiene brillitos 5 luces 7ue podemos dibujar con la herramienta de circulo pero no siempre: la ma5or=a de las veces los tendremos 7ue dibujar a base de nodos. +asta a7u= los ojos ahora tocan los sombreados 5 detalles varios.

3.4.3 Degradados
3tra parte importante de un vector es poderle poner de)radados: no es mu5 comCn pero nos puede ser de mucha utilidad para colorear pelo o ojos: 5a 7ue en el ejemplo de un ojo poner un de)radado podemos hacer 7ue el ojo ten)a un e.ecto de vac=o pero 7ue contraste con los detalles 7ue le a6adamos. (ara hacer un de)radado seleccionamos una zona con la herramienta de selecci<nAK$B 5 en menC de color seleccionamos la opci<n de de)radado lineal. Seleccionamos la opci<n editar para cambiar los colores: se nos abrir; una ventana en la 7ue a6adiremos los colores 7ue 7uerramos para el de)radado 5 la posici<n. (odemos a6adir cuantos colores 7ueramos solo hace .alta ir clicGando sobre FA6adir paradaI seleccionar la parada en el menC desple)able 5 ponerle el color 7ue 7ueramos. Echo esto podremos ver como en el dibujo nos aparece una linea: la movemos por los puntos laterales para con.i)urar la direcci<n del de)radado.

11

Aprendiendo a Dibujar con Vectores

Manual echo por: Ivan Morales Semino

.( )ombreando * a+adiendo brillos al &ector .(.1 )ombras

Jna vez lo ten)amos todo coloreando creamos una capa nueva sobre la de color 5 la llamamos Shad o lo 7ue nos ven)a en )ana: 5 hacemos el mismo procedimiento 7ue antes al colorear: pero esta vez solo seleccionando las zonas donde ha5 7ue sombrear. (ara ello mostramos la capa de Fondo o la con transparencia 7ue hab=amos creado: vamos creando secciones 5 las pintamos de negroAAcord;ndonos de borrar el trazoB una vez rellenado el trazado 5 movidos&curvados los nodos para hacer el sombreado podemos ver 7ue 7ueda todo ne)ro: por lo 7ue vamos a el menC de capas 5 bajamos la opacidad de la capa Shads al !" o menos: dependiendo de el dibujo 7uiz;s necesitemos unas sombras mas .uertes. -omo podemos ver no tiene una di.icultad e%cesiva como lo seria dibujando con photoshop u otro pro)rama de dibujo.

3. .2 !rillos
El dibujo ahora impone 5 podr=amos dejarlo as= 7ue 7uedar=a bien pero le a6adiremos los brillos: en al)unos dibujos podemos omitirlosA-omo es el casoB: pero ha5 al)unos 7ue los brillos son mas 7ue necesarios para dar el to7ue .inal al dibujo: por eso son una parte importante al dibujo: al i)ual 7ue lo son las sombras. (ara empezar hacemos una zona 5 la pintamos de blanco para hacer el brillo: lo adaptamos para 7ue 7uede bien 5 le 7uitamos el trazo. Ahora entraremos en el menC de Nelleno 5 borde: en este menC nos moveremos hasta la pesta6a estilo de trazo: en esta pesta6a veremos varias opciones pero la Cnica 7ue realmente nos interesa es la ultima desen.o7ue 5 opacidad: con esto desen.ocamos un poco el trazo 5 le bajamos la opacidad para 7ue parezca un brillo real. (odemos poner los valores 7ue nos ven)an bien en mi caso he puesto ':,R de desen.o7ue 5 ,4R de opacidad: esto lo tendremos 7ue hacer con cada brillo 7ue 7ueramos hacer 5a 7ue hacerlo )eneral no suele ser buena idea dado 7ue en al)Cn lado el brillo es mas .uerte o mas tenue.

1$

Aprendiendo a Dibujar con Vectores

Manual echo por: Ivan Morales Semino

3. .3 Clipping de Desenfo"#e
"uiz;s al desen.ocar un brillo nos damos cuenta de 7ue este se sobrepone sobre objetos los cuales no debe 5 produce 7ue el dibujo no 7uede tan per.ecto como 7ueremos: por eso e%plicare la t9cnica de clippin). -o)emos el pentoolAotra vez si.B 5 creamos una secci<n donde ten)amos el brillo. -on la herramienta de selecci<nAK$B 5 seleccionamos el trazo creado 5 los brillos: una vez los ten)amos seleccionados vamos a O#jeto $ %e&orte $ 'pli&ar esto cortara la zona 7ue sobresal)a de la secci<n 7ue ha5amos creado dej;ndolo solo por la zona 7ue nos interesa. Ejemplos de brillos con desen.o7ue Sirven para hacer ruborizados en las mejillas o en.o7ues de luz: todo es echarle ima)inaci<n *ambi9n podemos utilizar tonos oscuros para crear e.ecto de sudor como en esta ima)enA(echotesB Si os .ij;is bien en la ima)en de mas a la derecha se puede ver 7ue no se ha aplicado el clip en los brillos: lo he echo aposta para 7ue ve;is el e.ecto si no se pone el clip.

Aprendiendo a Dibujar con Vectores

Manual echo por: Ivan Morales Semino

., Exportando el &ector 3.$.1 Preparando para e%portar

El vector 5a esta terminado 5 lo Cnico 7ue toca ahora e% e%portarlo para poder publicarlo en la red o hacer lo 7ue 7ueramos con el: un avatar: .irma etc... Antes de e%portar revisemos 7ue todo esta bien: colores per.ectos lineas en su lu)ar: no pasemos nada por alto. (ara e%portar el vector a .ormato de ima)en antes de nada volveremos a las propiedades del documento Ctrl+Shift+D 5 marcamos las opciones de borde. P ponemos el selector de color Alpha 4: vendr=a a ser la transparencia del dibujo. +aber para 7ue hemos marcado otra vez lo del borde de la ima)en: como dije al principio solo molesta: pero eso mientras estamos haciendo el vector una vez acabado no a5uda a poder limpiar al)Cn desper.ecto en el acabado de las lineas. -omo es de esperar no somos per.ectos 5 de se)uro 7ue en las piernas o lu)ares donde se corta el vector ha5a puntos en los 7ue un trazo sea mas )rande 7ue otro 5 eso no nos interesa para nada: por lo 7ue lo re)ularemos con el tama6o personalizadolo ajustaremos el ancho 5 alto de la pa)ina para poder auto 7uitar lo 7ue no 7ueramos. Va5amos al dibujo: con la herramienta de selecci<n de nodosAK$B seleccionemos todo el dibujo: recordando tener el candado abierto de todas las capas 7ue conten)an parte de el vector. Jna ima)en un poco espeluznante pero es la base de nuestro dibujo: ahora apretaremos Ctrl+( 5 uni.icaremos todas las secciones pudiendo invertirlo con Ctrl+Shift+(: ahora con la herramienta de selecci<nAK1B moveremos la ima)en hasta lle)ar al borde 5 lo traspasaremos lo justo para 7ue elimine lo 7ue nosotros no 7ueremos.

3.$.2 E%portando
0ien ha lle)ado el momento de e%portar: nos diri)imos al documento 5 presionamos Ctrl+Shift+) esto nos abrir; el dialo)o para e%portar. En este dialo)o tenemos 7ue seleccionar la pesta6a pa)ina en caso de 7ue no este seleccionada: se)uido con.i)uraremos un tama6o de e%portaci<n: ponemos un ancho 7ue 7ueramos: ojo con pasarse no pon);is 4.444 pi%eles poned ,.444 o al)o por el estilo. P por ultimo donde ira destinada la e%portaci<n 5 el nombre del .ichero. Echo esto le dais a e%portar 5 5a lo tendr9is listo 5 .inalizado.

1'

Aprendiendo a Dibujar con Vectores

Manual echo por: Ivan Morales Semino

.- #omparaciones
0ien ahora compararemos los dos dibujos el ori)inal 5 el vector 7ue acabamos de hacer. Vector: *ama6o: $11%,118p% M0 en disco: 1:42M0 Kormato: pn) con transparencia sin perdida *ama6o: //%844p% M0 en disco: 114Sb Kormato: jp)

3ri)inal:

-on esta comparaci<n se ve claramente 7ue ima)en resultante del vectorizado )uarda mas resoluci<n 7ue un mapa de bits comCn como es el jp): aparte 7ue hemos aumentado su tama6o lo su.iciente como para hacer un p<ster 5 podemos hacerlo mas )rande si nosotros 7ueremos.

4. Cr&ditos
Este manual ha sido enteramente echo 5 redactado por: Ivan morales T USurob5te VGurob5teU)mail.comM Si ves este manual por la red sin 7ue ten)a los cr9ditos o se los atribu5a otra persona reportarlo: esta es una obra de distribuci<n )ratuita pero no por eso se tiene 7ue 7uitar los cr9ditos del autor ori)inal de dicha obra. ?a ima)en base utilizada encontrada en Ooo)le. (ersonaje de la ima)en: FSamina de *en)en *oppa Ourren ?a)annI Manual dedicado a UIreGo 7ue me incito para 7ue lo hiciese 5 a USross 7ue me animo e hizo unas revisiones. *ambi9n dedicado a todos los 7ue les sirva este manual. Enviad comentarios u KeedbacG a mi direcci<n de correo o por *Ditter

1,

Aprendiendo a Dibujar con Vectores

Manual echo por: Ivan Morales Semino

18