Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Aprendiendo Dibujar Vectores
Aprendiendo Dibujar Vectores
Vectores
ndice de contenido
1. El arte del Vectorizado......................................................................................................................3
1.1 Que es el vectorizado?.............................................................................................................3
1.2 Que explicare en este manual/tutorial........................................................................................3
2. Empezando a Vectorizar...................................................................................................................4
2.1 El Programa...............................................................................................................................4
2.2 El Entorno de Trabajo................................................................................................................4
2.3 Herramientas..............................................................................................................................5
2.4 Configurando el entorno de trabajo...........................................................................................5
3. Vectorizando.....................................................................................................................................7
3.1 Bases del Vectorizado................................................................................................................7
3.2 Empezando a Vectorizar............................................................................................................7
3.2.1 Pasos para crear los trazados..............................................................................................8
3.2.2 Creando secciones cerradas................................................................................................9
3.3 Coloreando el vector..................................................................................................................9
3.4 Ojos..........................................................................................................................................10
3.4.1 Intersecciones...................................................................................................................10
3.4.2 Color y forma de los ojos con layers................................................................................10
3.4.3 Degradados.......................................................................................................................11
3.5 Sombreando y aadiendo brillos al Vector..............................................................................12
3.5.1 Sombras................................................................................................................................12
3.5.2 Brillos...............................................................................................................................12
3.5.3 Clipping de Desenfoque...................................................................................................13
3.6 Exportando el Vector................................................................................................................14
3.6.1 Preparando para exportar.................................................................................................14
3.6.2 Exportando.......................................................................................................................14
3.7 Comparaciones.........................................................................................................................15
4. Crditos...........................................................................................................................................15
En mi caso use a pen pen de logotipo para un proyecto de programacin [LMD2]. Pero para que se
vea un ejemplo mas claro de que no es calcar pondr la base de todo, las capturas de pantalla de un
anime. En una captura de pantalla de un anime podemos re dibujar el personaje que sale para lo que
nosotros queramos.
Para esto ya no es necesario pulso de dios ni conocimientos de dibujo, solo tiempo y paciencia.
Otro buen uso es si tenis un amigo que dibuje muy bien es cuestin de que el haga los bocetos y
vosotros los digitaliceis con vectores.
2. Empezando a Vectorizar
2.1 El Programa
El programa que utilizaremos es uno de mis favoritos por varias razones, es software libre, es multi
sistema(Linux, Mac, Win), es el mejor programa que he encontrado para vectorizar.
Podis encontrarlo para descargar en http://inkscape.org/download/?lang=es
O en los repositorios de vuestra distro de linux.
La instalacin es realmente simple por lo que no entrare en detalles.
Una vez hayamos instalado el inkscape lo abrimos.
El entorno de trabajo es muy simple herramientas a un lado bien accesibles un espacio de trabajo
amplio podramos compararlo con photoshop que tiene una estructura similar, a excepcin de el
selector de color de la parte de abajo.
2.3 Herramientas
Voy a explicar el uso de las herramientas mas importantes que se utilizaran durante el proceso de
vectorizado.
Herramienta de seleccin y transformacin de objetos (F1)
Editor de trayectos y nodos, dira que sera una de las mas utilizadas (F2)
Lupa, posiblemente se utilice, aunque en mi opinin se trabaja mejor con ctrl+scroll
Circle, es una herramienta que nos puede ayudar en caso que tengamos que dibujar una
redonda, dibujarla con nodos puede ser complejo.
Pincel para dibujar lineas bezier, La herramienta de vectores por excelencia.
Herramienta de texto, por si hay que incluir algo de texto.
Selector de color, selecciona color de una seccin/imagen que haya en el documento
3. Vectorizando
3.1 Bases del Vectorizado
El vectorizado no es tan simple como parece aqu pondr un ejemplo de como no ha de ser y como
debe ser, el ejemplo mas clasico es un mechn de pelo, por cosas de la vida en los animes los
peinados son las cosas mas curiosas que puedes llegarte a encontrar y siempre suelen ser lo mas
complicado de dibujar.
Como se puede observar hay una clara
diferencia entre los dos uno es mas
robusto y tiene una forma mas definida
por lo contrario el otro tiene un aspecto
simple.
Esto se debe a el numero de puntos de
vector.
3.4 Ojos
En los animes en general los ojos juegan un papel importante, ya que estos expresas infinidad de
emociones, por esto en mi opinin es lo mas complicado de dibujar, aveces he llegado a tardar 1h
en hacer solo un solo ojo.
Recomiendo crear una capa extra para los ojos, la vamos a necesitar.
Empezaremos dibujando lo que vendran a ser las cejas y el debajo de los ojos con el pentool como
hemos echo ya con las lineas de bordes.
3.4.1 Intersecciones
Aprovechando el tema de los ojos explicare una manera de hacer intersecciones con las secciones
de un trazado. Empezamos creando unos tringulos ya que la parte inferior del ojo tiene
pestaas dibujadas, simple y fcil ahora crearemos una linea corva para
hacer el reborde del ojo, le ponemos el relleno y quitamos el trazo.
Seleccionamos con la herramienta de nodos(F2) todo, tanto los tringulos
como la linea corva recin aadida.
Presionamos Ctrl++ y con esto
conseguiremos unir los cuatro trazados en
uno solo, esto nos sirve si queremos unificar
zonas o borrar partes de secciones.
Podemos encontrar mas de este tipo de opciones en el men Trayecto,
podemos unir, hacer una diferencia entre dos trazados, solapar etc...
10
3.4.3 Degradados
Otra parte importante de un vector es poderle poner degradados, no es muy comn
pero nos puede ser de mucha utilidad para colorear pelo o ojos, ya que en el
ejemplo de un ojo poner un degradado podemos hacer que el ojo tenga un efecto de
vaco pero que contraste con los detalles que le aadamos.
Para hacer un degradado seleccionamos una zona con la herramienta
de seleccin(F2) y en men de color seleccionamos la opcin de
degradado lineal.
Seleccionamos la opcin editar para cambiar los colores, se nos
abrir una ventana en la que aadiremos los colores que querramos
para el degradado y la posicin.
Podemos aadir cuantos colores queramos solo hace falta ir clickando
sobre Aadir parada seleccionar la parada en
el men desplegable y ponerle el color que
queramos.
Echo esto podremos ver como en el dibujo nos
aparece una linea, la movemos por los puntos
laterales para configurar la direccin del
degradado.
11
3.5.2 Brillos
El dibujo ahora impone y podramos dejarlo as que quedara bien pero le aadiremos los brillos, en
algunos dibujos podemos omitirlos(Como es el caso), pero hay
algunos que los brillos son mas que necesarios para dar el toque
final al dibujo, por eso son una parte importante al dibujo, al igual
que lo son las sombras.
Para empezar hacemos una zona y la pintamos de blanco para
hacer el brillo, lo adaptamos para que quede bien y le quitamos el
trazo.
Ahora entraremos en el men de
Relleno y borde, en este men nos moveremos hasta la pestaa estilo de
trazo, en esta pestaa veremos varias opciones pero la nica que
realmente nos interesa es la ultima
desenfoque y opacidad, con esto
desenfocamos un poco el trazo y le
bajamos la opacidad para que
parezca un brillo real.
Podemos poner los valores que nos vengan bien en
mi caso he puesto 4,5% de desenfoque y 50% de opacidad, esto lo tendremos
que hacer con cada brillo que queramos hacer ya que hacerlo general no suele
ser buena idea dado que en algn lado el brillo es mas fuerte o mas tenue.
12
13
3.6.2 Exportando
Bien ha llegado el momento de exportar, nos dirigimos al
documento y presionamos Ctrl+Shift+E esto nos abrir el
dialogo para exportar. En este dialogo tenemos que seleccionar la
pestaa pagina en caso de que no este seleccionada, seguido
configuraremos un tamao de exportacin, ponemos un ancho que
queramos, ojo con pasarse no pongis 30.000 pixeles poned 5.000 o
algo por el estilo. Y por ultimo donde ira destinada la exportacin y
el nombre del fichero. Echo esto le dais a exportar y ya lo tendris
listo y finalizado.
14
3.7 Comparaciones
Bien ahora compararemos los dos dibujos el original y el vector que acabamos de hacer.
Vector:
Tamao: 3288x5186px
MB en disco: 1,09MB
Original:
Tamao: 377x600px
MB en disco: 180Kb
Formato: jpg
Con esta comparacin se ve claramente que imagen resultante del vectorizado guarda mas
resolucin que un mapa de bits comn como es el jpg, aparte que hemos aumentado su tamao lo
suficiente como para hacer un pster y podemos hacerlo mas grande si nosotros queremos.
4. Crditos
Este manual ha sido enteramente echo y redactado por:
Ivan morales | @Kurobyte <kurobyte@gmail.com>
Si ves este manual por la red sin que tenga los crditos o se los atribuya otra persona reportarlo, esta
es una obra de distribucin gratuita pero no por eso se tiene que quitar los crditos del autor original
de dicha obra.
La imagen base utilizada encontrada en Google.
Personaje de la imagen, Kamina de Tengen Toppa Gurren Lagann
Manual dedicado a @Ireko que me incito para que lo hiciese y a @Kross que me animo e hizo unas
revisiones. Tambin dedicado a todos los que les sirva este manual.
Enviad comentarios u Feedback a mi direccin de correo o por Twitter
15
16