- 1. Taller de imagen y diseo Grficos vectoriales con Inkscape
Centro de Formacin del Profesorado e Innovacin Educativa de Burgos
David H. Martn Alonso CIFP Juan de Colonia (Burgos) - Abril2009
-
2. Contenidos Introduccin Formatos: SVG Inkscape Trazado bsico
Utilizacin de capas Digitalizacin Publicacin 3. Resolucin y
escalado de imgenes
-
- Los dispositivos de captura y representacin estn constituidos
por matrices de puntos.
- Cada dispositivo ofrece o requiere distinta densidad de puntos,
lo que se traduce en distintas calidades de imgenes. 5. Necesitamos
continuamente ampliar/reducir la matriz de puntos que constituye la
imagen.
- Algoritmos matemticos diversos. 6. Cuando la transformacin es
importante se observan los puntos gordos en la imagen. 7. En
dibujos, diagramas, esquemas con trazos y zonas de color uniforme
destacan ms los defectos.
-
- Formatos 8. Inkscape 9. Trazados 10. Capas 11. Digitalizacin
12. Publicacin 13. Crditos
14. Mapas de puntos vs. vector
-
- Los esquemas, diagramas y dibujos se almacenan como formas.
- Generacin de mapas de puntos correcta para cada dispositivo.
15. Necesidad de regenerar continuamente. 16. Sencillez: menos
formas que puntos. 17. La cantidad de informacin almacenada es
pequea. 18. Ficheros pequeos. 19. Posibilidad de editar y
corregir.
- No existe un formato universal.
- Bitmaps: JPEG y PNG (antes GIF) por uso en Web.
-
- Formatos 20. Inkscape 21. Trazados 22. Capas 23. Digitalizacin
24. Publicacin 25. Crditos
26. Ejemplo: Diagrama de red
-
- Formatos 27. Inkscape 28. Trazados 29. Capas 30. Digitalizacin
31. Publicacin 32. Crditos
33. Formatos y herramientas vectoriales
-
- Las herramientas comerciales se basan en formatos propios y la
portabilidad es limitada.
- Corel Draw, Autocad 34. MS Visio, Flowcharter 35. Postscript,
PDF 36. Adobe Flash
- Windows Metafiles
- MS Draw / MS Office. 37. Muy extendido. 38. Formato propietario
no estndar. 39. Conflictividad incluso entre versiones
propias.
- ODF: Estndar ISO para ofimtica
- Compatibilidad entre aplicaciones ofimticas 40. OpenOffice,
KOffice, etc.
- Introduccin
- Inkscape 41. Trazados 42. Capas 43. Digitalizacin 44.
Publicacin 45. Crditos
46. SVG
-
- Solucin diseada para la web por el Web Consortium W3C. 47.
Extensin de XML.
- Representacin en ficheros de texto. 48. Analoga con HTML. 49.
Facilidad para herramientas de transformacin automticas (Ej.:
traduccin, estilos).
- Estndar abierto, libre. 50. Lenta adopcin.
- Reconocido por navegadores Mozilla. 51. Formato adoptado por
Wikipedia para diagramas.
- Inkscape: herramienta libre GNU-GPL.
- Prestaciones avanzadas. 52. Fcil exportacin a PNG.
- Introduccin
- Inkscape 53. Trazados 54. Capas 55. Digitalizacin 56.
Publicacin 57. Crditos
58. Formatos: movilidad
- Introduccin
- Inkscape 59. Trazados 60. Capas 61. Digitalizacin 62.
Publicacin 63. Crditos
64. Inkscape: el entorno
- Introduccin 65. Formatos
- Trazados 66. Capas 67. Digitalizacin 68. Publicacin 69.
Crditos
70. Inkscape: elementos
-
- Trayectos
- Lneas poligonales abiertas o cerradas 71. Curvas de Bezier 72.
Admiten edicin fina, vrtice a vrtice
- Objetos
- Modelos predefinidos: rectngulo, elipse, estrella... 73.
Funcionalidad extra. Ej.: Esquinas redondeadas 74. Transformables
en trayectos
- Texto
- Propiedades habituales: fuente, tamao, etc. 75. Adaptables a
trayectos 76. Transformables en trayectos
- Opcin de unir, dividir, crear grupos...
- Introduccin 77. Formatos
- Trazados 78. Capas 79. Digitalizacin 80. Publicacin 81.
Crditos
82. Inkscape: propiedades
-
- Relleno / trazo
- Color 83. Degradado 84. Patrones 85. Transparencia 86.
Difuminado
- Alineacin y distribucin
- Objetos y trayectos 87. Vrtices 88. Relativo a la seleccin,
documento
- Escalado de elementos
- Extensible a trazos, curvaturas o degradados 89. Bloqueo
opcional de proporciones
- Introduccin 90. Formatos
- Trazados 91. Capas 92. Digitalizacin 93. Publicacin 94.
Crditos
95. Inkscape: opciones avanzadas
-
- Gradientes 96. Filtros 97. Patrones repetidos 98. Edicin
directa de XML 99. Enlaces
- Introduccin 100. Formatos
- Trazados 101. Capas 102. Digitalizacin 103. Publicacin 104.
Crditos
105. Propuesta 1: trazado
-
- Dibujar una lnea a mano alzada 106. Aadir nodos para los
vrtices 107. Arrastrar los segmentos para darles curvatura 108.
Aadir texto y elipses para los ojos 109. Alinear, escalar...
- Introduccin 110. Formatos 111. Inkscape
- Capas 112. Digitalizacin 113. Publicacin 114. Crditos
115. Propuesta 2: color y superposicin
-
- Trazar y acondicionar las figuras 116. Rellenar con colores
adecuados 117. Controlar el orden de superposicin 118. Probar
transparencia y difuminados
- Introduccin 119. Formatos 120. Inkscape
- Capas 121. Digitalizacin 122. Publicacin 123. Crditos
124. Inkscape: capas
-
- Capas grficas
- Imgenes superpuestas 125. Control de orden, transparencia y
visibilidad 126. Facilitan el trabajo con elementos solapados 127.
Permiten agrupar bloques de contenido
- Utilidad
- Etiquetado de la imagen opcional 128. Ocultar partes a
completar por el alumno 129. Ocultar referencias y elementos de
construccin
- Uso conocido ya por herramientas como Gimp
- Introduccin 130. Formatos 131. Inkscape 132. Trazados
- Digitalizacin 133. Publicacin 134. Crditos
135. Propuesta 3: calco
-
- Abrir o importar el plano del metro de Lisboa
- Crear una capa nueva para dibujar 136. Colocar la capa original
en el fondo 137. Ajustar transparencia 138. Dibujar
- Introduccin 139. Formatos 140. Inkscape 141. Trazados
- Digitalizacin 142. Publicacin 143. Crditos
144. Propuesta 4: digitalizar
-
- Importar imagen de puntos 145. Vectorizar mapa de bits
- Probar blanco y negro: umbrales 146. Probar color: superposicin
de capas
- Colorear zonas
- Analizar el efecto del relleno
- Introduccin 147. Formatos 148. Inkscape 149. Trazados 150.
Capas
- Publicacin 151. Crditos
152. 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
- Opcional: procesar en Gimp
- Reducir gama de colores 153. Escalar imagen para cambiar
resolucin
- Importar archivo desde el procesador de textos
- Introduccin 154. Formatos 155. Inkscape 156. Trazados 157.
Capas 158. Digitalizacin
- Crditos
159. 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/
- Introduccin 160. Formatos 161. Inkscape 162. Trazados 163.
Capas 164. Digitalizacin 165. Publicacin
166. Licencia Este material est disponible bajo unaLicencia
Creative Commons
,http://creativecommons.org/licenses/by-nc-sa/3.0/es/
- Introduccin 167. Formatos 168. Inkscape 169. Trazados 170.
Capas 171. Digitalizacin 172. Publicacin
173. Dudas o cuestiones?
- Introduccin 174. Formatos 175. Inkscape 176. Trazados 177.
Capas 178. Digitalizacin 179. Publicacin