Inkscape

“ Taller de imagen y diseño” Gráficos vectoriales con Inkscape Centro de Formación del Profesorado e Innovación Educativa de Burgos David H. Martín Alonso CIFP Juan de Colonia (Burgos) - Abril 2009 -

Contenidos Introducción Formatos: SVG Inkscape Trazado básico Utilización de capas Digitalización Publicación

Resolución y escalado de imágenes
Los dispositivos de captura y representación están constituidos por matrices de puntos.
Sensores
Emisores
Cada dispositivo ofrece o requiere distinta densidad de puntos, lo que se traduce en distintas calidades de imágenes.
Necesitamos continuamente ampliar/reducir la matriz de puntos que constituye la imagen.
Algoritmos matemáticos diversos.
Cuando la transformación es importante se observan los “puntos gordos” en la imagen.
En dibujos, diagramas, esquemas con trazos y zonas de color uniforme destacan más los defectos.
Introducción
Formatos
Inkscape
Trazados
Capas
Digitalización
Publicación
Créditos

Mapas de puntos vs. vector
Los esquemas, diagramas y dibujos se almacenan como formas.
Generación de mapas de puntos correcta para cada dispositivo.
Necesidad de regenerar continuamente.
Sencillez: menos formas que puntos.
La cantidad de información almacenada es pequeña.
Ficheros pequeños.
Posibilidad de editar y corregir.
No existe un formato universal.
Bitmaps: JPEG y PNG (antes GIF) por uso en Web.
Introducción
Formatos
Inkscape
Trazados
Capas
Digitalización
Publicación
Créditos

Ejemplo: Diagrama de red
Introducción
Formatos
Inkscape
Trazados
Capas
Digitalización
Publicación
Créditos

Formatos y herramientas vectoriales
Las herramientas comerciales se basan en formatos propios y la portabilidad es limitada.
Corel Draw, Autocad
MS Visio, Flowcharter
Postscript, PDF
Adobe Flash
Windows Metafiles
MS Draw / MS Office.
Muy extendido.
Formato propietario no estándar.
Conflictividad incluso entre versiones propias.
ODF: Estándar ISO para ofimática
Compatibilidad entre aplicaciones ofimáticas
OpenOffice, KOffice, etc.
Introducción
Formatos
Inkscape
Trazados
Capas
Digitalización
Publicación
Créditos

SVG
Solución diseñada para la web por el Web Consortium W3C.
Extensión de XML.
Representación en ficheros de texto.
Analogía con HTML.
Facilidad para herramientas de transformación automáticas (Ej.: traducción, estilos).
Estándar abierto, libre.
Lenta adopción.
Reconocido por navegadores Mozilla.
Formato adoptado por Wikipedia para diagramas.
Inkscape: herramienta libre GNU-GPL.
Prestaciones avanzadas.
Fácil exportación a PNG.
Introducción
Formatos
Inkscape
Trazados
Capas
Digitalización
Publicación
Créditos

Formatos: movilidad
Introducción
Formatos
Inkscape
Trazados
Capas
Digitalización
Publicación
Créditos

Inkscape: el entorno
Introducción
Formatos
Inkscape
Trazados
Capas
Digitalización
Publicación
Créditos

Inkscape: elementos
Trayectos
Líneas poligonales abiertas o cerradas
Curvas de Bezier
Admiten edición fina, vértice a vértice
Objetos
Modelos predefinidos: rectángulo, elipse, estrella...
Funcionalidad extra. Ej.: Esquinas redondeadas
Transformables en trayectos
Texto
Propiedades habituales: fuente, tamaño, etc.
Adaptables a trayectos
Transformables en trayectos
Opción de unir, dividir, crear grupos...
Introducción
Formatos
Inkscape
Trazados
Capas
Digitalización
Publicación
Créditos

Inkscape: propiedades
Relleno / trazo
Color
Degradado
Patrones
Transparencia
Difuminado
Alineación y distribución
Objetos y trayectos
Vértices
Relativo a la selección, documento
Escalado de elementos
Extensible a trazos, curvaturas o degradados
Bloqueo opcional de proporciones
Introducción
Formatos
Inkscape
Trazados
Capas
Digitalización
Publicación
Créditos

Inkscape: opciones avanzadas
Gradientes
Filtros
Patrones repetidos
Edición directa de XML
Enlaces
Introducción
Formatos
Inkscape
Trazados
Capas
Digitalización
Publicación
Créditos

Propuesta 1: trazado
Dibujar una línea a mano alzada
Añadir nodos para los vértices
Arrastrar los segmentos para darles curvatura
Añadir texto y elipses para los ojos
Alinear, escalar...
Introducción
Formatos
Inkscape
Trazados
Capas
Digitalización
Publicación
Créditos

Propuesta 2: color y superposición
Trazar y acondicionar las figuras
Rellenar con colores adecuados
Controlar el orden de superposición
Probar transparencia y difuminados
Introducción
Formatos
Inkscape
Trazados
Capas
Digitalización
Publicación
Créditos

Inkscape: capas
Capas gráficas
Imágenes superpuestas
Control de orden, transparencia y visibilidad
Facilitan el trabajo con elementos solapados
Permiten agrupar bloques de contenido
Utilidad
Etiquetado de la imagen opcional
Ocultar partes a completar por el alumno
Ocultar referencias y elementos de construcción
Uso conocido ya por herramientas como Gimp
Introducción
Formatos
Inkscape
Trazados
Capas
Digitalización
Publicación
Créditos

Propuesta 3: calco
Abrir o importar el plano del metro de Lisboa
Mapa de bits
Crear una capa nueva para dibujar
Colocar la capa original en el fondo
Ajustar transparencia
Dibujar
Introducción
Formatos
Inkscape
Trazados
Capas
Digitalización
Publicación
Créditos

Propuesta 4: digitalizar
Importar imagen de puntos
Vectorizar mapa de bits
Probar blanco y negro: umbrales
Probar color: superposición de capas
Colorear zonas
Analizar el efecto del relleno
Introducción
Formatos
Inkscape
Trazados
Capas
Digitalización
Publicación
Créditos

Propuesta 5: crear logos
Ocultar capas no deseadas
Elegir entre el texto o el trazado si no se dispone de las fuentes truetype indicadas.
Exportar a mapa de bits
Controlar tamaños
Opcional: procesar en Gimp
Reducir gama de colores
Escalar imagen para cambiar resolución
Importar archivo desde el procesador de textos
Introducción
Formatos
Inkscape
Trazados
Capas
Digitalización
Publicación
Créditos

Referencias Inkscape: Guide to a Vector Drawing Program http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html Curso de Inkscape: Logo a Logo http://joaclintistgud.wordpress.com/2008/05/06/curso-de-inkscape-logo-a-logo/
Introducción
Formatos
Inkscape
Trazados
Capas
Digitalización
Publicación
Créditos

Licencia Este material está disponible bajo una Licencia Creative Commons , http://creativecommons.org/licenses/by-nc-sa/3.0/es/
Introducción
Formatos
Inkscape
Trazados
Capas
Digitalización
Publicación
Créditos

¿Dudas o cuestiones?
Introducción
Formatos
Inkscape
Trazados
Capas
Digitalización
Publicación
Créditos

http://fromcommunication.blogspot.com	92
http://fromcommunication.blogspot.com.es	21
http://www.slideshare.net	17
http://www.fromcommunication.blogspot.com	2
http://fromcommunication.blogspot.com.ar	1

Inkscape

by David Martin on May 31, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

5 Embeds 133

Statistics

Inkscape — Presentation Transcript