Vectorizar

Recomiendo que dejes cargar el post ya que son muchas Imágenes, además de unos cuantos vídeos muy cortos pero éstos no los coloqué deje el link a youtube, para no sobresaturar el post. (nota no hace falta poner audio a los vídeos porque no tienen)

Bueno,ésta vez no usaremos Photoshop, se pueden hacer vectores en Photoshop, illustrator, Flash, coreldraw, etc. pero yo prefiero Inkscape, y es más probable encontrar archivos SVG (archivo nativo que trabaja Inkscape) a algún otro, por eso es mejor usar Inkscape. Bueno el programa lo podemos descargar de aquí url=http://inkscape.org/es/download/]Link[/url]

Necesitaremos un Screenshot yo usaré éste:

[spoiler][img]http://i1313.photobucket.com/albums/t547/Wolfy191/Tutorial/Screenshot_zps355b09fe.png[/img][/spoiler] Ustedes pueden usar el mismo si gustan u algún otro, al fin y al cabo los procedimientos son los mismos para todo básicamente, pero de no querer perderte, usa el mismo que yo.

Y ocuparemos esta paleta de colores que nos proporciona nuestro amigo KT. [url=http://i6.minus.com/iurGZ8Q9WHQVp.png]Link[/url]

Esta paleta contiene los colores estándar para la mayoría de los personajes, yo les recomiendo que usen esta tabla y que no recojan el color de los screenshot.

En este tutorial veremos cómo usar las herramientas, ya que hacer un tutorial directo a Vectorizar sería muy complicado si no conocemos las funciones de las herramientas que usaremos.

Una vez descargado, lo abrimos y comenzamos

Bien en Inkscape las herramientas de diseño están del lado izquierdo y tienen una barra superior con opciones para la herramienta elegida

[spoiler][img]http://i1313.photobucket.com/albums/t547/Wolfy191/Tutorial/1_zps64c93174.png[/img][/spoiler]

Ok algunas cosas que harán las cosas más rápidas son:

Presionar Ctrl+rueda del ratón hacia arriba nos dará +zoom, Ctrl+rueda del botón hacia abajo nos da –zoom.

[spoiler][img]http://i1313.photobucket.com/albums/t547/Wolfy191/Tutorial/Zoom_zpsd40ceb6e.gif[/img][/spoiler]

Presionar la rueda del ratón sin soltarla nos mueve a través del lienzo

[spoiler][img]http://i1313.photobucket.com/albums/t547/Wolfy191/Tutorial/Moverse_zps86d08090.gif[/img][/spoiler]

Ctr+Z deshacer, Ctr+Y rehacer. Estos 2 serán muy útiles

Para eliminar objetos usamos la herramienta de Transformación [img]http://i1313.photobucket.com/albums/t547/Wolfy191/Tutorial/EDICION_FORMAS_zpsa6741efb.png[/img] y la tecla suprimir.

Generalmente ocuparemos 3 ventanas

La ventana de muestras es donde se agregan los colores que previamente elegimos con el gotero, pero no se agregan solos, necesitamos otra ventana para trabajar con ella mucho mejor.

En Inkscape cada trayecto, forma, degrado, mancha de color, imagen, es un objeto estos objetos se acomodan en un orden arriba-abajo. Cada vez que hacemos un objeto nuevo, éste se pone por encima de los ya creados anteriormente, véanlo como una pila de capas transparentes que se unen para formar una imagen. Este orden es ya sea en objetos de una capa, o el orden de las capas unas sobre otras. Yo prefiero trabajar 1 personaje completo en una sola capa, si ocupo 2 personajes uso 2 capas (uno en cada capa) y si ocupo un fondo lo coloco en otra capa diferente. Con esto mantenemos independencia uno de otro, y si hay problemas no habrá que buscar el objeto entre los objetos de los demás dibujos.

Re Pág. mueve un objeto hacia arriba dentro de la misma capa que se encuentra

Av Pág. mueve un objeto hacia abajo dentro de la misma capa que se encuentra

[spoiler][img]http://i1313.photobucket.com/albums/t547/Wolfy191/Tutorial/Objetos_zpsc46c0bd7.gif[/img][/spoiler]

Inicio mueve un objeto por encima de todos los objetos en una capa

Fin mueve un objeto por debajo de todos los objetos en una capa

Ctrl+Shift+Re Pág. mueve una capa completa hacia arriba

Ctrl+Shift+Av Pág. mueve una capa completa hacia abajo

[spoiler][img]http://i1313.photobucket.com/albums/t547/Wolfy191/Tutorial/Capas_zps8c67e981.gif[/img][/spoiler]

Ahora comencemos a importar la imagen que vamos a Vectorizar, bien podemos arrastrar nuestra imagen a Inkscape presionar ctrl+I y seleccionamos nuestra imagen o bien nos vamos a archivo -> importar y seleccionamos el archivo.

[spoiler][img]http://i1313.photobucket.com/albums/t547/Wolfy191/Tutorial/2_zpsc1db4c2c.png[/img][/spoiler]

Bueno luego nos aparecerá un letrero indicando la forma de importar, esto realmente no nos importa mucho ya que la imagen no quedará como parte del archivo pueden elegir la que gusten no pasará nada, pero yo selecciono enlazar.

[spoiler][img]http://i1313.photobucket.com/albums/t547/Wolfy191/Tutorial/3_zps5c4cdc7d.png[/img][/spoiler]

Ahora nuestra imagen aparece rodeada de flechas, estas son para editar la forma de la imagen, pero como vamos a hacer una vectorización exacta no las moveremos, si no que bloquearemos la imagen.

[spoiler][img]http://i1313.photobucket.com/albums/t547/Wolfy191/Tutorial/4_zpsd405d8f5.png[/img][/spoiler]

Ahora ocuparemos 3 ventanas

Muestras: Ctrl+Shift+W

Relleno y borde Ctrl+Shift+F

Capas Ctrl+Shift+L

[spoiler][img]http://i1313.photobucket.com/albums/t547/Wolfy191/Tutorial/6_zps780700a8.png[/img][/spoiler]

Al abrirlas tienen como nombre Mayús+Ctrl….Por Mayús Inkcscape se refiere a Shift... También recuerden guardar periódicamente puede pasar cualquier cosa y no querrán perder tiempo en vano esto lo hacemos Archivo > guardar o bien Ctlr+S.

Ahora que ya vimos lo esencial vamos a vectorizar, ya teníamos nuestra imagen, ahora sabemos que la herramienta que usaremos primero para crear trayectos es esta [img]http://i1313.photobucket.com/albums/t547/Wolfy191/Tutorial/Beacutezier_zps90152682.png[/img]

Les dejaré unas imagenes y videos para que vean como funciona un poco está herramienta

[spoiler][img]http://i1313.photobucket.com/albums/t547/Wolfy191/Tutorial/9_zpsa2014125.png[/img][/spoiler]

[spoiler][img]http://i1313.photobucket.com/albums/t547/Wolfy191/Tutorial/9_zpsa2014125.png[/img][/spoiler]

[spoiler][img]http://i1313.photobucket.com/albums/t547/Wolfy191/Tutorial/10_zps857f82d7.png[/img][/spoiler]

[spoiler][img]http://i1313.photobucket.com/albums/t547/Wolfy191/Tutorial/11_zps2da3276a.png[/img][/spoiler]

Usaremos 3 tipos de nodos:

Nodo de esquina [img]http://i1313.photobucket.com/albums/t547/Wolfy191/Tutorial/nodo_esquina_zps43b18c62.png[/img] con éste podemos modificar los 2 tiradores independientemente uno del otro.

Un ejemplo en éste vídeo [url=http://www.youtube.com/watch?v=6ZcO7y5WNWM]Link[/url]

Nodo de curva [img]http://i1313.photobucket.com/albums/t547/Wolfy191/Tutorial/nodocurva_zpsfed0b9ff.png[/img] con éste haremos la mayoría de las curvas, al cambiar el ángulo de un tirador el otro se moverá a la dirección contraria para mantener una curva.

Un ejemplo en éste vídeo [url=http://www.youtube.com/watch?v=ux8mNUKcTcA]Link[/url]

Nodo simétrico [img]http://i1313.photobucket.com/albums/t547/Wolfy191/Tutorial/nodos_simetricos_zpsab90a3d3.png[/img] al modificar el largo de un tirador, el otro tirador se moverá a la misma distancia para mantener una curva, y al igual que el nodo curva si modificas el ángulo de un tirador el otro tirador se moverá también.

Un ejemplo en éste vídeo [url=http://www.youtube.com/watch?v=idvFBBLnM-U][/url]

Entonces comenzamos a vectorizar trazando puntos, no importa que no sean exactos a la imagen, pues solo queremos crearlas, luego con el editor de nodos [img]http://i1313.photobucket.com/albums/t547/Wolfy191/Tutorial/Edicion_nodos_zps7a86594e.png[/img] los moveremos correctamente, recuerda hacer el menor número de nodos posibles para que las curvas salgan limpias. (Yo no haré el collar, ya que solo me interesa Pinkie) Ahora solo hagan las líneas para el cuerpo, cabello y forma de la cabeza, la cara no (ojos, nariz, boca, pestañas y la parte interna de las orejas)

[spoiler][img]http://i1313.photobucket.com/albums/t547/Wolfy191/Tutorial/12_zpse6802fe9.png[/img][/spoiler]

Ya que terminé de colocar mis nodos me ha quedado algo así, esto no necesariamente se debe ver como el de ustedes, pues esto es a criterio propio y de equivocarnos lo podemos arreglar. Ahora elegimos la herramienta de edición de edición de nodos de trayecto (imagen)

Y como vimos anteriormente usamos nodos de esquina si ese nodo es una punta y un nodo de curva si es una curva, para cambiar un nodo hay que seleccionarlo y dar click al icono del nodo que queremos, podemos seleccionar más de un nodo si mantenemos presionada la tecla Shift y dando click al nodo

[spoiler][img]http://i1313.photobucket.com/albums/t547/Wolfy191/Tutorial/13_zps34a61e7f.png[/img][/spoiler]

Ahora se han hecho algunas curvas

[spoiler][img]http://i1313.photobucket.com/albums/t547/Wolfy191/Tutorial/14_zps999c2f83.png[/img][/spoiler]

Ahora acomodemos las líneas, moviendo los tiradores, para que éstas queden al centro de las líneas de Pinkie, no en los bordes, lo más cercano al centro. Cuando hagas esto,si 2 o más líneas se cruzan intenta esconderlas para ello solo mueve el nodo de la punta que quieres esconder, un ejemplo

[spoiler][img]http://i1313.photobucket.com/albums/t547/Wolfy191/Tutorial/15_zps9779cba0.png[/img][/spoiler]

Un pequeño truco para no alterar el ángulo de la línea es agregar un nodo a la línea cuando tenemos esta herramienta seleccionada (imagen) cerca del medio de la que cruza y después eliminamos el nodo que sobresale seleccionándolo y después presionando Suprimir ( suprimir la tecla

...