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.
  • Sensores 4. Emisores
• 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.

• Introduccin

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.

• Introduccin

Formatos 20. Inkscape 21. Trazados 22. Capas 23. Digitalizacin 24. Publicacin 25. Crditos

26. Ejemplo: Diagrama de red

• Introduccin

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

• Formatos

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

• Formatos

Inkscape 53. Trazados 54. Capas 55. Digitalizacin 56. Publicacin 57. Crditos

58. Formatos: movilidad

Introduccin

• Formatos

Inkscape 59. Trazados 60. Capas 61. Digitalizacin 62. Publicacin 63. Crditos

64. Inkscape: el entorno

Introduccin 65. Formatos

• Inkscape

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

• Inkscape

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

• Inkscape

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

• Inkscape

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

• Trazados

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

• Trazados

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

• Capas

Digitalizacin 133. Publicacin 134. Crditos

135. Propuesta 3: calco

• Abrir o importar el plano del metro de Lisboa
  • Mapa de bits
• 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

• Capas

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

• Digitalizacin

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
  • Controlar tamaos
• 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

• Publicacin

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

• Crditos

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

• Crditos

173. Dudas o cuestiones?

Introduccin 174. Formatos 175. Inkscape 176. Trazados 177. Capas 178. Digitalizacin 179. Publicacin

• Crditos