Este documento presenta Inkscape, una herramienta de dibujo vectorial libre y de código abierto comparable a Illustrator. Explica las funciones básicas de Inkscape como la selección, edición de nodos, formas, dibujo manual y exportación a formatos como PNG y PDF. También describe las ventajas de Inkscape como su licencia GPL y potencial de desarrollo, así como algunas desventajas como limitaciones en la tipografía y exportación.

1. @ainara2puntu0
Inkscape
Nociones básicas

2. @ainara2puntu0
Presentación
●
Herramienta de dibujo libre (GPL)
●
SVG (Scalabe Vector Graphics)
●
Multiplataforma
●
Comparable con
●
Adobe Illustrator-CorelDRAW-Macromedia
Freehand
●
Muy avanzado
●
Ejemplos e ideas en http://www.openclipart.org/
●
Descargas en http://inkscape.org/
●
Manuales y mas información aquí

3. @ainara2puntu0
Desventajas
●
Formato: exportación solo a PNG, PDF a través
de impresora.
● Tipografía: mala selección y poco control
● Desarrollo lento: solo en verano durante el
google-summer.

4. @ainara2puntu0
Ventajas
●
GPL: libre, gratuito, ampliable, participativo
● potencial enorme: falta de medios, svg
●
www.openclipart.org

5. @ainara2puntu0
Pixel VS. Vector
Gimp (Pixel) Inkscape (Vector)

6. @ainara2puntu0
Barra herramientas I
Seleccionar: Movimiento, rotación, reflejos, etc.
Editar nodos: Deformación mediante el uso de
puntos.
Retocar: Filtros manuales para modificar la
imagen.
Lupa: Aumentar y disminuir el zoom de la
imagen.
Formas: Rectángulos, cajas 3D, círculos, etc.
Dibujo manual: A mano alzada, curvas,
pinceladas, etc.

7. @ainara2puntu0
Barra herramientas II
● Eliminar trayectos
● Relleno áreas delimitadas
● Crear y editar objetos de texto
●
Crear diagramas
●
Difuminar un color o degradar uno en otro.
● Seleccionar colores

8. @ainara2puntu0
Barra de comandos I
●
Crear nuevo
● Abrir
● Guardar
● Imprimir
●
Importar / Exportar
●
Deshacer / Rehacer
● Cortar / Copiar / Pegar
● Ajustar vista a selección / dibujo / página

9. @ainara2puntu0
Barra de comandos II
● Duplicar elemento
● Crear clon conectado
●
Eliminar conexión de clones
● Agrupar / Desagrupar
●
Editar relleno, borde, trazos
● Texto y tipografía
● Capas
● Arbol XML
● Alineación y distribución
●
Preferencias generales
● Propiedades del documento

10. @ainara2puntu0
Barra de controles I
●
Activar ajustes:
●
A esquinas a cajas / A bordes / A esquinas
●
A los medios de los bordes / A los centros
●
Nodos
●
A trayectos
●
A intersecciones
●
A nodos vértice / suaves
●
A y desde puntos medios
●
A y desde centros de objeto
●
A y desde centros de rotación
●
Al borde del papel / A rejilla / A guías

11. @ainara2puntu0
Barra de controles II
●
Seleccionar todos los objetos
● Seleccionar todos los objetos y capas
● Deseleccionar todo
● Rotar izquierda y derecha
●
Reflejar horizontal y verticalmente
●
Bajar selección al fondo
● Bajar un nivel
● Subir un nivel
● Subir a primer plano

12. @ainara2puntu0
●
Coordenada horizontal
● Coordenada vertical
● Anchura
● Bloquear para altura y anchura proporcional
●
Altura
●
Escalar ancho del trazo en proporción
● Escalar radios de ángulos redondeados
● Mover degradados con los objetos
● Mover patrones con los objetos

13. @ainara2puntu0
●
Tipo de fuente
●
Tamaño de fuente
●
Alineación izquierda
●
Alineación centrada
●
Alineación derecha
●
Alineación justificada
●
Negrita
●
Cursiva
●
Texto horizontal
●
Texto vertical

14. @ainara2puntu0
Otras barras...
Existen otras barras de controles para otros
elementos como los nodos, las formas...
Cada uno de los elementos tendrá sus opciones
específicas de posición, tamaño, ajustes...

15. @ainara2puntu0
Atajos de teclado
A parte de los típicos copiar, cortar y pegar...
● Seleccionar todo → CTRL + A
● Duplicar → CTRL + D
● Agrupar → CTRL + G
●
Enviar al fondo → Fin
●
Traer al frente → Inicio
Podemos desplazar o redimensionar elementos
con el CTRL pulsado para que sea proporcional

16. @ainara2puntu0
Duplicar y alinear

17. @ainara2puntu0
Trayecto

18. @ainara2puntu0
Comenzamos?

19. @ainara2puntu0
STOP
El mismo elemento duplicado, texto y con alineación

20. @ainara2puntu0
Come Cocos
Con tres elementos y usando trayecto diferencia

21. @ainara2puntu0
Manos a la obra...
Trayecto diferencia, trayecto unión y degradados

22. @ainara2puntu0
Ejercicio paso a paso
Pulsa sobre la imagen o
sobre este enlace para
ver los pasos a seguir

23. @ainara2puntu0
Pac Man
Sigue en
este otro enlace todos
los pasos para este otro
ejercicio.