Inkscape

5,033 views

Published on

Published in: Technology, Art & Photos
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
5,033
On SlideShare
0
From Embeds
0
Number of Embeds
157
Actions
Shares
0
Downloads
158
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Inkscape

  1. 1. “ 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 -
  2. 2. Contenidos Introducción Formatos: SVG Inkscape Trazado básico Utilización de capas Digitalización Publicación
  3. 3. Resolución y escalado de imágenes <ul><ul><li>Los dispositivos de captura y representación están constituidos por matrices de puntos. </li><ul><li>Sensores
  4. 4. Emisores </li></ul><li>Cada dispositivo ofrece o requiere distinta densidad de puntos, lo que se traduce en distintas calidades de imágenes.
  5. 5. Necesitamos continuamente ampliar/reducir la matriz de puntos que constituye la imagen. </li><ul><li>Algoritmos matemáticos diversos.
  6. 6. Cuando la transformación es importante se observan los “puntos gordos” en la imagen.
  7. 7. En dibujos, diagramas, esquemas con trazos y zonas de color uniforme destacan más los defectos. </li></ul></ul></ul><ul><ul><li>Introducción </li></ul><li>Formatos
  8. 8. Inkscape
  9. 9. Trazados
  10. 10. Capas
  11. 11. Digitalización
  12. 12. Publicación
  13. 13. Créditos </li></ul>
  14. 14. Mapas de puntos vs. vector <ul><ul><li>Los esquemas, diagramas y dibujos se almacenan como formas. </li><ul><li>Generación de mapas de puntos correcta para cada dispositivo.
  15. 15. Necesidad de regenerar continuamente.
  16. 16. Sencillez: menos formas que puntos.
  17. 17. La cantidad de información almacenada es pequeña.
  18. 18. Ficheros pequeños.
  19. 19. Posibilidad de editar y corregir. </li></ul><li>No existe un formato universal. </li><ul><li>Bitmaps: JPEG y PNG (antes GIF) por uso en Web. </li></ul></ul></ul><ul><ul><li>Introducción </li></ul><li>Formatos
  20. 20. Inkscape
  21. 21. Trazados
  22. 22. Capas
  23. 23. Digitalización
  24. 24. Publicación
  25. 25. Créditos </li></ul>
  26. 26. Ejemplo: Diagrama de red <ul><ul><li>Introducción </li></ul><li>Formatos
  27. 27. Inkscape
  28. 28. Trazados
  29. 29. Capas
  30. 30. Digitalización
  31. 31. Publicación
  32. 32. Créditos </li></ul>
  33. 33. Formatos y herramientas vectoriales <ul><ul><li>Las herramientas comerciales se basan en formatos propios y la portabilidad es limitada. </li><ul><li>Corel Draw, Autocad
  34. 34. MS Visio, Flowcharter
  35. 35. Postscript, PDF
  36. 36. Adobe Flash </li></ul><li>Windows Metafiles </li><ul><li>MS Draw / MS Office.
  37. 37. Muy extendido.
  38. 38. Formato propietario no estándar.
  39. 39. Conflictividad incluso entre versiones propias. </li></ul><li>ODF: Estándar ISO para ofimática </li><ul><li>Compatibilidad entre aplicaciones ofimáticas
  40. 40. OpenOffice, KOffice, etc. </li></ul></ul></ul><ul><li>Introducción </li><ul><li>Formatos </li></ul><li>Inkscape
  41. 41. Trazados
  42. 42. Capas
  43. 43. Digitalización
  44. 44. Publicación
  45. 45. Créditos </li></ul>
  46. 46. SVG <ul><ul><li>Solución diseñada para la web por el Web Consortium W3C.
  47. 47. Extensión de XML. </li><ul><li>Representación en ficheros de texto.
  48. 48. Analogía con HTML.
  49. 49. Facilidad para herramientas de transformación automáticas (Ej.: traducción, estilos). </li></ul><li>Estándar abierto, libre.
  50. 50. Lenta adopción. </li><ul><li>Reconocido por navegadores Mozilla.
  51. 51. Formato adoptado por Wikipedia para diagramas. </li></ul><li>Inkscape: herramienta libre GNU-GPL. </li><ul><li>Prestaciones avanzadas.
  52. 52. Fácil exportación a PNG. </li></ul></ul></ul><ul><li>Introducción </li><ul><li>Formatos </li></ul><li>Inkscape
  53. 53. Trazados
  54. 54. Capas
  55. 55. Digitalización
  56. 56. Publicación
  57. 57. Créditos </li></ul>
  58. 58. Formatos: movilidad <ul><li>Introducción </li><ul><li>Formatos </li></ul><li>Inkscape
  59. 59. Trazados
  60. 60. Capas
  61. 61. Digitalización
  62. 62. Publicación
  63. 63. Créditos </li></ul>
  64. 64. Inkscape: el entorno <ul><li>Introducción
  65. 65. Formatos </li><ul><li>Inkscape </li></ul><li>Trazados
  66. 66. Capas
  67. 67. Digitalización
  68. 68. Publicación
  69. 69. Créditos </li></ul>
  70. 70. Inkscape: elementos <ul><ul><li>Trayectos </li><ul><li>Líneas poligonales abiertas o cerradas
  71. 71. Curvas de Bezier
  72. 72. Admiten edición fina, vértice a vértice </li></ul><li>Objetos </li><ul><li>Modelos predefinidos: rectángulo, elipse, estrella...
  73. 73. Funcionalidad extra. Ej.: Esquinas redondeadas
  74. 74. Transformables en trayectos </li></ul><li>Texto </li><ul><li>Propiedades habituales: fuente, tamaño, etc.
  75. 75. Adaptables a trayectos
  76. 76. Transformables en trayectos </li></ul><li>Opción de unir, dividir, crear grupos... </li></ul></ul><ul><li>Introducción
  77. 77. Formatos </li><ul><li>Inkscape </li></ul><li>Trazados
  78. 78. Capas
  79. 79. Digitalización
  80. 80. Publicación
  81. 81. Créditos </li></ul>
  82. 82. Inkscape: propiedades <ul><ul><li>Relleno / trazo </li><ul><li>Color
  83. 83. Degradado
  84. 84. Patrones
  85. 85. Transparencia
  86. 86. Difuminado </li></ul><li>Alineación y distribución </li><ul><li>Objetos y trayectos
  87. 87. Vértices
  88. 88. Relativo a la selección, documento </li></ul><li>Escalado de elementos </li><ul><li>Extensible a trazos, curvaturas o degradados
  89. 89. Bloqueo opcional de proporciones </li></ul></ul></ul><ul><li>Introducción
  90. 90. Formatos </li><ul><li>Inkscape </li></ul><li>Trazados
  91. 91. Capas
  92. 92. Digitalización
  93. 93. Publicación
  94. 94. Créditos </li></ul>
  95. 95. Inkscape: opciones avanzadas <ul><ul><li>Gradientes
  96. 96. Filtros
  97. 97. Patrones repetidos
  98. 98. Edición directa de XML
  99. 99. Enlaces </li></ul></ul><ul><li>Introducción
  100. 100. Formatos </li><ul><li>Inkscape </li></ul><li>Trazados
  101. 101. Capas
  102. 102. Digitalización
  103. 103. Publicación
  104. 104. Créditos </li></ul>
  105. 105. Propuesta 1: trazado <ul><ul><li>Dibujar una línea a mano alzada
  106. 106. Añadir nodos para los vértices
  107. 107. Arrastrar los segmentos para darles curvatura
  108. 108. Añadir texto y elipses para los ojos
  109. 109. Alinear, escalar... </li></ul></ul><ul><li>Introducción
  110. 110. Formatos
  111. 111. Inkscape </li><ul><li>Trazados </li></ul><li>Capas
  112. 112. Digitalización
  113. 113. Publicación
  114. 114. Créditos </li></ul>
  115. 115. Propuesta 2: color y superposición <ul><ul><li>Trazar y acondicionar las figuras
  116. 116. Rellenar con colores adecuados
  117. 117. Controlar el orden de superposición
  118. 118. Probar transparencia y difuminados </li></ul></ul><ul><li>Introducción
  119. 119. Formatos
  120. 120. Inkscape </li><ul><li>Trazados </li></ul><li>Capas
  121. 121. Digitalización
  122. 122. Publicación
  123. 123. Créditos </li></ul>
  124. 124. Inkscape: capas <ul><ul><li>Capas gráficas </li><ul><li>Imágenes superpuestas
  125. 125. Control de orden, transparencia y visibilidad
  126. 126. Facilitan el trabajo con elementos solapados
  127. 127. Permiten agrupar bloques de contenido </li></ul><li>Utilidad </li><ul><li>Etiquetado de la imagen opcional
  128. 128. Ocultar partes a completar por el alumno
  129. 129. Ocultar referencias y elementos de construcción </li></ul><li>Uso conocido ya por herramientas como Gimp </li></ul></ul><ul><li>Introducción
  130. 130. Formatos
  131. 131. Inkscape
  132. 132. Trazados </li><ul><li>Capas </li></ul><li>Digitalización
  133. 133. Publicación
  134. 134. Créditos </li></ul>
  135. 135. Propuesta 3: calco <ul><ul><li>Abrir o importar el plano del metro de Lisboa </li><ul><li>Mapa de bits </li></ul><li>Crear una capa nueva para dibujar
  136. 136. Colocar la capa original en el fondo
  137. 137. Ajustar transparencia
  138. 138. Dibujar </li></ul></ul><ul><li>Introducción
  139. 139. Formatos
  140. 140. Inkscape
  141. 141. Trazados </li><ul><li>Capas </li></ul><li>Digitalización
  142. 142. Publicación
  143. 143. Créditos </li></ul>
  144. 144. Propuesta 4: digitalizar <ul><ul><li>Importar imagen de puntos
  145. 145. Vectorizar mapa de bits </li><ul><li>Probar blanco y negro: umbrales
  146. 146. Probar color: superposición de capas </li></ul><li>Colorear zonas </li><ul><li>Analizar el efecto del relleno </li></ul></ul></ul><ul><li>Introducción
  147. 147. Formatos
  148. 148. Inkscape
  149. 149. Trazados
  150. 150. Capas </li><ul><li>Digitalización </li></ul><li>Publicación
  151. 151. Créditos </li></ul>
  152. 152. Propuesta 5: crear logos <ul><ul><li>Ocultar capas no deseadas </li><ul><li>Elegir entre el texto o el trazado si no se dispone de las fuentes truetype indicadas. </li></ul><li>Exportar a mapa de bits </li><ul><li>Controlar tamaños </li></ul><li>Opcional: procesar en Gimp </li><ul><li>Reducir gama de colores
  153. 153. Escalar imagen para cambiar resolución </li></ul><li>Importar archivo desde el procesador de textos </li></ul></ul><ul><li>Introducción
  154. 154. Formatos
  155. 155. Inkscape
  156. 156. Trazados
  157. 157. Capas
  158. 158. Digitalización </li><ul><li>Publicación </li></ul><li>Créditos </li></ul>
  159. 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/ <ul><li>Introducción
  160. 160. Formatos
  161. 161. Inkscape
  162. 162. Trazados
  163. 163. Capas
  164. 164. Digitalización
  165. 165. Publicación </li><ul><li>Créditos </li></ul></ul>
  166. 166. Licencia Este material está disponible bajo una Licencia Creative Commons , http://creativecommons.org/licenses/by-nc-sa/3.0/es/ <ul><li>Introducción
  167. 167. Formatos
  168. 168. Inkscape
  169. 169. Trazados
  170. 170. Capas
  171. 171. Digitalización
  172. 172. Publicación </li><ul><li>Créditos </li></ul></ul>
  173. 173. ¿Dudas o cuestiones? <ul><li>Introducción
  174. 174. Formatos
  175. 175. Inkscape
  176. 176. Trazados
  177. 177. Capas
  178. 178. Digitalización
  179. 179. Publicación </li><ul><li>Créditos </li></ul></ul>

×