Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

DIAPOSITIVAS DE COMENZAR CON GIMP

3,465 views

Published on

Las diapositivas originales son de Ana Saiz García realizadas en su presentación I Jornadas de Diseño Gráfico y Software Libre, Facultad de Informática de A Coruña, Octubre 2004.
Han sido modificadas por JoRCA para adpatarlas a las versiones 2.2 y posteriores.

Published in: Education
  • Be the first to comment

DIAPOSITIVAS DE COMENZAR CON GIMP

  1. 1. Edición digital de imágenes con Gimp: Herramientas básicas <ul><ul><li>Ana Saiz García </li></ul></ul><ul><ul><li>< [email_address] > </li></ul></ul><ul><ul><li>I Jornadas de Diseño Gráfico y Software Libre </li></ul></ul><ul><ul><li>Facultad de Informática de A Coruña </li></ul></ul><ul><ul><li>Octubre 2004 </li></ul></ul>Modificadas por JoRCA para su adaptación al Gimp 2.4 Octubre 2008
  2. 2. Introducción <ul><li>GNU Image Manipulation Program </li></ul><ul><li>U. Berkeley, California, 1995: Peter Mattis, Spencer Kimball </li></ul><ul><li>Escrito bajo X11 en plataformas UNIX </li></ul><ul><li>Disponible para MS Windows y Mac OS X </li></ul><ul><li>Diseño modular: Plug-ins -> continuo desarrollo </li></ul><ul><li>GTK: Gimp ToolKit -> usado en otras aplicaciones </li></ul><ul><li>Versión actual 2.0 -> muy mejorado </li></ul>
  3. 3. Ventajas sobre otros editores <ul><li>Otros editores: PhotoShop, Corel Photo-Paint... </li></ul><ul><li>Software Free : </li></ul><ul><ul><li>Gratis (PhotoShop CS 1.228,44 € ) </li></ul></ul><ul><ul><li>Libre: modificar o añadir código -> Plug-ins </li></ul></ul><ul><li>Script-Fu: automatizar tareas </li></ul><ul><li>Aún no tan desarrollado como Photoshop </li></ul>
  4. 4. El interfaz <ul><li>Menús principales </li></ul><ul><ul><li>Archivo </li></ul></ul><ul><ul><li>Extensiones </li></ul></ul><ul><li>Herramientas principales </li></ul><ul><li>Color frente/fondo </li></ul><ul><li>Opciones herramientas </li></ul><ul><li>Enlace a </li></ul><ul><ul><li>Brochas </li></ul></ul><ul><ul><li>Patrones </li></ul></ul><ul><ul><li>Degradados </li></ul></ul>
  5. 5. Para empezar... (I) <ul><li>Archivo -> Nuevo... </li></ul><ul><li>Tamaño </li></ul><ul><li>Tipo de imagen </li></ul><ul><ul><li>RGB </li></ul></ul><ul><ul><li>Escala de grises </li></ul></ul><ul><li>Tipo de relleno: Color de fondo </li></ul><ul><li>Comentario </li></ul><ul><li>Crear una imagen nueva </li></ul>
  6. 6. Para empezar... (y II) <ul><li>Abrir imagen existente </li></ul><ul><ul><li>Archivo -> Abrir... </li></ul></ul><ul><ul><ul><li>Abrir: Desde un directorio local </li></ul></ul></ul><ul><ul><ul><li>Abrir Lugar: desde una URL (http://...) </li></ul></ul></ul><ul><ul><ul><li>Abrir reciente : últimos ficheros tratados </li></ul></ul></ul>
  7. 7. Para empezar... (y II) <ul><li>Capturar pantalla </li></ul><ul><ul><li>Archivo -> Adquirir -> Captura de pantalla... </li></ul></ul><ul><ul><ul><li>Capturar una sola ventana </li></ul></ul></ul><ul><ul><ul><li>Capturar la pantalla entera </li></ul></ul></ul><ul><ul><ul><li>Capturar una región </li></ul></ul></ul>
  8. 8. Formatos de imagen <ul><li>Prácticamente cualquiera: JPEG, BMP, PNG... </li></ul><ul><li>Algunos de gráficos vectoriales (PostScript o SVG) </li></ul><ul><li>XCF: Propio de Gimp -> Información de capas </li></ul><ul><li>Unix: extensión ≠ formato </li></ul><ul><ul><li>GIF imagen.jpg </li></ul></ul><ul><ul><li>Abrir... Tipo de archivo </li></ul></ul><ul><ul><ul><li>Automático -> reconoce GIF </li></ul></ul></ul><ul><ul><ul><li>Si no -> elegir GIF </li></ul></ul></ul><ul><li>Abre y guarda PSD (Photoshop) con información de capas </li></ul>
  9. 9. Herramientas básicas <ul><li>Herramientas de Selección </li></ul><ul><li>Herramientas de Transformación </li></ul><ul><li>Herramientas de Pintura </li></ul><ul><li>Otras herramientas: </li></ul><ul><ul><li>Herramientas de trazar-crear caminos </li></ul></ul><ul><ul><li>Cálculos sobre la imagen </li></ul></ul><ul><ul><li>Texto </li></ul></ul><ul><ul><li>Dibujo, Retoque y manipulación de píxeles </li></ul></ul>
  10. 10. Herramientas de Selección (I) <ul><li>Selección rectangular </li></ul><ul><li>Selección elíptica </li></ul><ul><li>Selección libre </li></ul><ul><li>Selección difusa </li></ul><ul><li>Selección por color </li></ul><ul><li>Tijeras inteligentes </li></ul><ul><li>Selección primer plano </li></ul><ul><li>Rutas </li></ul>Selección : área de la imagen que puede ser manipulada sin afectar a otras
  11. 11. Herramientas de selección (II) Opciones comunes (I) <ul><li>Modo </li></ul><ul><li>Reemplazar </li></ul><ul><li>Añadir </li></ul><ul><li>Shift+click </li></ul><ul><li>Extraer </li></ul><ul><li>Ctrl+click </li></ul><ul><li>Intersectar </li></ul><ul><li>Ctrl+Shift+click </li></ul>
  12. 12. Herramientas de selección (III) Opciones comunes (II) <ul><li>Alisado: Antialiasing -> suavizar bordes </li></ul><ul><li>Difuminar bordes </li></ul>
  13. 13. Herramientas de selección (IV) Selecciones rectangular y elíptica <ul><li>Encoger selección automáticamente -> ajusta a bordes de la imagen </li></ul><ul><li>Selección libre </li></ul><ul><li>Tamaño fijo </li></ul><ul><li>Relación de aspecto fija </li></ul><ul><li>Click + Shift (sin soltar) -> cuadrados/círculos perfectos </li></ul>
  14. 14. Herramientas de selección (V) Selección borrosa y selección por color <ul><li>Borrosa -> píxels adyacentes del mismo color </li></ul><ul><li>Por color -> todos los píxels del mismo color </li></ul>
  15. 15. Herramientas de selección (VI) Tijeras inteligentes <ul><li>Seleccionar áreas con colores diferenciados </li></ul><ul><li>Borde alrededor de los píxels de distinto color </li></ul>
  16. 16. Herramientas de selección (VII) Rutas <ul><li>S elección Bézier </li></ul><ul><li>Selecciones libres -> seleccionar áreas difíciles </li></ul><ul><ul><li>marcar puntos </li></ul></ul><ul><ul><li>manipular líneas entre los puntos </li></ul></ul><ul><li>Como herramienta de dibujo -> trazar ruta </li></ul><ul><li>Opciones: diseño, editar, mover. Poligonal. </li></ul>
  17. 17. Herramientas de selección (VIII) Máscara rápida <ul><li>Selecciones con herramientas de dibujo </li></ul><ul><ul><li>Blanco: selecciona </li></ul></ul><ul><ul><li>Negro: elimina selección </li></ul></ul>
  18. 18. Herramientas de selección (IX) Modificar una selección <ul><li>Encoger </li></ul><ul><li>Borde </li></ul><ul><li>Crecer </li></ul><ul><li>Difuminar </li></ul>Barra de herramientas -> Selección
  19. 19. Herramientas de selección (X) Otras cosas útiles (I) <ul><li>Trazar selección </li></ul><ul><ul><li>Selecciones como herramientas de dibujo </li></ul></ul><ul><ul><li>Editar... Trazar Selección </li></ul></ul>
  20. 20. Herramientas de selección (y XI) Otras cosas útiles (y II) <ul><li>Ctrl+A -> Seleccionar todo </li></ul><ul><li>Ctrl+Shift+A -> Eliminar todas las selecciones </li></ul><ul><li>Ctrl+I -> Invertir selección </li></ul><ul><li>Arrastrar área seleccionada -> la recorta del fondo </li></ul>
  21. 21. Herramientas de transformación (I) <ul><li>Mover </li></ul><ul><li>Recortar y redimensionar </li></ul><ul><li>Rotar </li></ul><ul><li>Escalar </li></ul><ul><li>Inclinar </li></ul><ul><li>Perspectiva </li></ul><ul><li>Invertir simétricamente </li></ul>
  22. 22. Herramientas de transformación (II) Opciones comunes <ul><li>(Excepto recortar) </li></ul><ul><li>Mover una capa </li></ul><ul><li>Mover una selección </li></ul>
  23. 23. Herramientas de transformación (III) Recortar y redimensionar (I) <ul><li>Como una guillotina </li></ul>
  24. 24. Herramientas de transformación (IV) Recortar y redimensionar (y II) <ul><li>Recortar desde una selección </li></ul><ul><li>Autoencoger </li></ul><ul><li>Sólo la capa actual </li></ul><ul><li>Permitir agrandar </li></ul>
  25. 25. Herramientas de transformación (V) Rotar <ul><li>Ángulo y centro de rotación </li></ul><ul><li>Restricción: De 15 en 15º ( Ctrl) </li></ul>
  26. 26. Herramientas de transformación (VI) Escalar <ul><li>Mantener altura ( Ctrl ) o anchura ( Alt ) </li></ul>
  27. 27. Herramientas de transformación (VII) Inclinar
  28. 28. Herramientas de transformación (VIII) Perspectiva <ul><li>Transformación libre </li></ul>
  29. 29. Herramientas de transformación (y IX) Invertir simétricamente Horizontal Horizontal Vertical Vertical
  30. 30. Herramientas de pintura (I) <ul><li>Bote de pintura </li></ul><ul><li>Degradado </li></ul><ul><li>Lápiz </li></ul><ul><li>Pincel </li></ul><ul><li>Goma </li></ul><ul><li>Aerógrafo </li></ul><ul><li>Tinta </li></ul><ul><li>Clonar </li></ul><ul><li>Convolución </li></ul><ul><li>Emborronar </li></ul><ul><li>Blanquear/ennegrecer </li></ul>
  31. 31. Herramientas de pintura (II) Opciones comunes <ul><li>Opacidad: manejar nivel de transparencia </li></ul><ul><li>Modo: cómo se mezcla el color con lo que hay debajo </li></ul>
  32. 32. Herramientas de pintura (III) Bote de pintura <ul><li>Relleno de imagen o selección </li></ul><ul><ul><li>con color de frente </li></ul></ul><ul><ul><li>con color de fondo </li></ul></ul><ul><ul><li>con patrón -> diseños repetitivos, personalizables </li></ul></ul><ul><li>¿Qué se rellena? </li></ul>- Toda la imagen - Píxels de colores similares -> umbral de similitud
  33. 33. Herramientas de pintura (IV) Degradado (I) <ul><li>Rellenar con gradiente -> transición entre colores </li></ul><ul><ul><li>Primer color: color de frente </li></ul></ul><ul><ul><li>Color final: color de fondo, transparente </li></ul></ul><ul><ul><li>Otras combinaciones </li></ul></ul><ul><li>Deslizar -> densidad de la transición </li></ul>0 100 50
  34. 34. Herramientas de pintura (V) Degradado (y II) <ul><li>Formas: lineal, radial, cuadrado, espiral... </li></ul><ul><li>Repetir: diente de sierra o triangular </li></ul>
  35. 35. Herramientas de pintura (VI) Lápiz, pincel, goma, aerógrafo <ul><li>Pincel -> bordes del trazo más difuminados que lápiz </li></ul><ul><li>Goma -> trazo con color del fondo </li></ul><ul><li>Aerógrafo -> como un spray de pintura </li></ul><ul><li>Brochas de distintos tamaños y formas, personalizables </li></ul><ul><li>Degradados y desvanecimientos </li></ul><ul><li>Click- Shift -> líneas rectas </li></ul>
  36. 36. Herramientas de pintura (VII) Tinta <ul><li>Trazos como una pluma </li></ul><ul><li>Punta circular, cuadrada, romboide </li></ul><ul><li>Regulable sensibilidad y tamaño </li></ul>
  37. 37. Herramientas de pintura (VIII) Clonar <ul><li>Trazos copiando parte de la imagen o con patrón </li></ul><ul><li>Ctrl -Click -> fija punto de partida </li></ul>
  38. 38. Herramientas de pintura (y IX) Convolución, emborronar, blanquear/ennegrecer <ul><li>Convolución -> desenfoque </li></ul><ul><li>Emborronar -> tiznados </li></ul><ul><li>Blanquear/ennegrecer -> pues eso :o) </li></ul>
  39. 39. Otras herramientas (I) <ul><li>Recoge-color </li></ul><ul><li>Lupa </li></ul><ul><li>Medir </li></ul><ul><li>Texto </li></ul>
  40. 40. Otras herramientas (II) Recoge-color, lupa, medir <ul><li>Recoge-color -> selecciona color del pixel marcado </li></ul><ul><li>Lupa -> aumenta ( + ) o disminuye ( - ) la imagen </li></ul><ul><ul><li>Vistas: misma imagen con varios zoom, lo que cambia en una cambia en las otras ( Ver... Nueva vista) </li></ul></ul><ul><li>Medir </li></ul><ul><ul><li>distancias </li></ul></ul><ul><ul><li>ángulos </li></ul></ul>
  41. 41. Otras herramientas (y III) Texto <ul><li>Distintas tipografías </li></ul><ul><li>Tamaño, color, justificación </li></ul><ul><li>Antialiasing (alisado) </li></ul><ul><li>Nueva capa -> aplicarle otras herramientas </li></ul>
  42. 42. El color (I) Modelos de color (I) <ul><li>RGB (Red-Green-Blue) </li></ul><ul><ul><li>Combinación de rojo, verde y azul (Red, Green, Blue) </li></ul></ul><ul><ul><li>Definidos por luminosidad </li></ul></ul><ul><ul><li>Pantallas, monitores y televisores </li></ul></ul><ul><li>HSV (Hue-Saturation-Value) </li></ul><ul><ul><li>Tono: el color en sí mismo </li></ul></ul><ul><ul><li>Saturación: intensidad de color -> 0% escala de grises </li></ul></ul><ul><ul><li>Valor: intensidad de luz -> 0% negro, 100% blanco </li></ul></ul>
  43. 43. El color (II) Modelos de color (II) <ul><li>Indexado </li></ul><ul><ul><li>Número de colores reducido (2-256) </li></ul></ul><ul><ul><li>Menor tamaño de imagen <-> Menor calidad </li></ul></ul><ul><li>Escala de grises </li></ul><ul><li>CMYK (Cyan-Magenta-Yellow-blacK) </li></ul><ul><ul><li>RGB trabaja con luminosidad -> colores aditivos (blanco) </li></ul></ul><ul><ul><li>Impresión: trabajo con tintas -> colores substractivos (negro) </li></ul></ul><ul><ul><li>CMYK -> colores de las tintas de impresión </li></ul></ul><ul><ul><li>Aún no del todo soportado por Gimp -> paleta de colores </li></ul></ul>
  44. 44. El color (III) Modelos de color (y III) <ul><li>Cambiar modelo: Imagen... Modo </li></ul>RGB Escala de grises Indexado (8 colores) Indexado (32 colores)
  45. 45. El color (IV) Canales <ul><li>Cada canal un color que combinados forman la imagen </li></ul><ul><li>Diálogo de canales RGB: </li></ul>
  46. 46. El color (V) Herramientas de color <ul><li>Balance de color </li></ul><ul><li>Tono/saturación </li></ul><ul><li>Brillo/contraste </li></ul><ul><li>Umbral </li></ul><ul><li>Niveles </li></ul><ul><li>Curvas </li></ul><ul><li>Posterizar </li></ul><ul><li>Desaturar </li></ul><ul><li>Invertir </li></ul><ul><li>Realce de color </li></ul>
  47. 47. El color (VI) Balance de color <ul><li>Modifica niveles de color de los píxels </li></ul><ul><li>Conservar luminosidad </li></ul>
  48. 48. El color (VII) Tono/saturación <ul><li>Ajustar color relativo </li></ul><ul><ul><li>imagen entera </li></ul></ul><ul><ul><li>píxels de un cierto rango de color </li></ul></ul>
  49. 49. El color (VIII) Brillo/contraste <ul><li>Ajuste de brillo y contraste (como en un monitor) </li></ul>
  50. 50. El color (IX) Umbral <ul><li>Cada línea un nivel de brillo </li></ul><ul><li>Mayor nivel -> mayor número de píxels con ese brillo </li></ul><ul><li>Selección de rango </li></ul><ul><ul><li>píxels dentro -> blancos </li></ul></ul><ul><ul><li>píxels fuera -> negros </li></ul></ul>
  51. 51. El color (X) Niveles <ul><li>Alterar cantidad de brillo y saturación de los valores RGB </li></ul>
  52. 52. El color (XI) Curvas <ul><li>Representa luminosidad RGB </li></ul><ul><li>Mover curva -> alterar luminosidad </li></ul><ul><li>Útil para aclarar imágenes muy oscuras </li></ul>
  53. 53. El color (XII) Posterizar <ul><li>Modificar profundidad de color </li></ul><ul><li>Nivel de posterizado -> Menor nivel, menor número de colores </li></ul>
  54. 54. El color (y XIII) Desaturar, invertir, realce <ul><li>Desaturar -> convierte a escala de grises sin perder profundidad </li></ul><ul><li>Invertir -> invierte los colores </li></ul><ul><li>Realce -> intensifica colores </li></ul>
  55. 55. Recursos <ul><li>Página del proyecto Gimp http://www.gimp.org </li></ul><ul><li>Página del proyecto Gimp en español http://gimp.hispalinux.es </li></ul><ul><li>Sams Teach Yourself GIMP in 24 Hours </li></ul><ul><ul><li>http://freebooks.by.ru/view/GimpIn24h/index.htm </li></ul></ul><ul><li>Yet Another Unofficial GIMP FAQ </li></ul><ul><ul><li>http://home.planet.nl/~dark-echo/gimp-faq/index.html </li></ul></ul><ul><li>Esta charla está en http://ana.cosasdedos.net </li></ul>

×