Mapas Vectoriales en Inkscape
0. ¡Hola, Inkscape!
En este tutorial vamos a utilizar una herramienta gratuita de dibujo
vectorial, el Inkscape 0.46, que puedes descargar en inkscape.org.
Para tener las herramientas que vamos a usar disponibles:
- Ver -> Mostrar/Ocultar -> Comprobar que todas
las casillas estén activadas
- Capa -> Capas
- Objeto -> Relleno y Borde
Puedes ocultar los paneles de la derecha haciendo clic en el icono de
la flecha junto al título, o cerrarlo con la pequeña equis que hay allí
también.
Junto a los cuadraditos de colores hay una flecha. Por ahí se pueden
acceder a varias listas de colores. Actualmente, tengo un montón
instaladas, pero no me acuerdo de dónde las bajé, así que habrá que
buscar en google paletas
de color para inkscape o algo así xD.
1. Preparando nuestro mapa
Para empezar, vamos a necesitar un dibujo. Por supuesto, se podría
dibujar directamente sin necesidad de tener un dibujo debajo, pero eso
ya lo podrás hacer cuando hayas cogido confianza con la aplicación.
En nuestro caso, hemos elegido un mapa realizado por Kano, el Goblin,
que podéis ver en todo su tamaño a la izquierda.
Con un programa cualquiera de edición de imágenes, como el Gimp o el
Photoshop, podemos hacer la imagen original más clara y tintarla de
algún otro color, para que luego no nos confundamos al dibujar. En mi
caso, cuando me puse con este mapa, lo dejé así.
Una vez que tengas el mapa, en Inkscape hay que ir a Archivo ->
Importar y en ese diálogo se elige la imagen. Probablemente no se
ajuste al área definida en forma de folio... eso no importa mucho en
realidad, pero para hacer las cosas más sencillas, deberíamos ajustar
nuestra imagen hasta que estuviera encuadrada en el área que nos marca
inkscape.
Truco: Para cambiar el
tamaño de algo, si pulsas Ctrl mientras arrastras de una esquina,
mantienes las proporciones.
Ahora que ya tenemos nuestro mapa situado, guardamos (iconito del
diskette de toda la vida). Coge la costumbre de guardar regularmente,
porque es una putada perder media hora de tu vida si el programa petara
cuando no debe (y por Murphy que pasará en el peor momento posible)
Nuestro siguiente paso es Bloquear la capa donde tenemos el fondo, para
que podamos hacer cosas sobre ella sin que se nos fastidie lo demás.
Esto lo haremos haciendo click
en el icono del candado, marcado en rojo. El icono marcado
en azul sirve para mostrar/ocultar
la capa, muy útil en fases posteriores.
Otros controles que aparecen en esta imagen:
- '+' :
añade una capa encima de la que está activa (seleccionada) actualmente
- Flecha hacia
arriba con raya: mueve la capa activa arriba del todo.
- Flecha hacia
arriba: mueve la capa activa una posicion hacia arriba.
- Flecha hacia
abajo: mueve la capa activa una posición hacia abajo.
- Flecha hacia
abajo con raya: mueve la capa activa abajo del todo.
- '-' : elimina
la capa activa.
Con el resto de cosas puedes juguetear e ir probando, que actualmente
no son tema para este tutorial ;)
2. Nuestra amigas las curvas Bézier y las líneas rectas
Primero, crea una nueva capa arriba del todo (botón + de la imagen de
arriba) y haz clic sobre ella. Dale un nombre, por ejemplo
"contorno". Como muestra vamos a realizar el contorno de la tierra del mapa.
Busca la herramienta de curvas Bézier y líneas rectas:
haz clic al
inicio de una de las líneas que quieres dibujar. Una vez que has
soltado, verás que un cuadradito se ha "enganchado" en ese punto.
Ehm... imagina que hay un ratón en el extremo de la linea roja donde no
hay cuadradito. Ahora haz clic en el punto más alejado posible al que
la línea se ajuste más o menos. Repite hasta cubrir todo el trozo que
te interesa. Cuando hayas acabado pulsa intro y la línea se cortará.
Quedará algo más o menos así:
Como veis, es feo, demasiado delgado y anguloso. Vamos a hacer un poco
de magia.
Teniendo seleccionada la línea, ve a "Relleno y Borde" (uno de los
paneles que hemos sacado al principio) Busca por sus pestañas el grosor
de línea y súbelo hasta que te convenza.
Busca la herramienta
o pulsa F2, que es lo mismo. Aparecerán cuadraditos en los sitios que
has hecho clic, como se ven arriba. Ahora, haz un cuadrado con esta
herramienta alrededor de todos los puntos (excepto los que quieres que
se mantengan angulosos).
Una vez hecho esto, mira en la barra horizontal que tienes justo
arriba, y haz clic en cualquiera de estos dos botones
Tacháaan! Pulsa
escape 2 veces (para deseleccionar todo) y observa el resultado:
Puedes ocultar la capa primera para ver como va quedando conforme
progreses. Es recomendable separar las distintas fases del dibujo por
capas, para encontrar lo que buscas mejor, e ir bloqueándolas conforme
las vayas completando.
Con
,
puedes retocar después los nodos para ajustar la forma como más te
convenga. ¡Prueba a tocar los tiradores que salen de los nodos y ver
que pasa, o a arrastrar las formas! Esto de los nodos es todo un
mundo...
Importante: Si quieres
seguir una línea de éstas donde la dejaste, selecciónala, vuelve a
coger
y continúa haciendo clic en el
extremo de la curva que quieras seguir. Puedes cerrar una forma uniendo
el extremo inicial con el final.
Cerrar formas es importante si quieres dar color a la forma interior.
3. Coloreando
Bueno, ésto va a ser corto.
Primero, dibuja una forma cerrada siguiendo el método que he propuesto, por ejemplo...
Selecciónala haciendo clic sobre ella. Elige un color de la lista de
abajo y púlsalo. Ahora has puesto relleno a la forma:
Elige otro color y haz sobre él MAYUS+CLICK:
¡Ya sabes colorear! ¡Y sin salirse ni un poquillo!
4. Conclusión
Puede parecerte mentira, pero ya sabes todo lo que necesitas para
hacer, por ejemplo, ésto:
No te olvides de desactivar la capa del dibujo original antes de
exportar. Para exportar: Archivo -> Exportar mapa de bits. Elige
"página" para que el programa recorte lo que ha quedado fuera de la
zona del folio, o sólo lo que tienes seleccionado, o... lo que más te
convenga.
FIN.
Espero que te haya sido útil.
Tutorial realizado por: Marta Moros Batlle a.k.a. Norda, la Kéndera Hechícera.
Contacto: 
Web: El Orbe de la Kéndera, parte de ROLBIES