Más contenido relacionado
Gimp
- 1. Imagen digital Imagen vectorial − Formas y rellenos − Diseño artístico y arquitectura ● Imagen de Mapa de bits − Píxeles − Fotografía Para presentar la realidad al detalle
- 2. Imágenes de mapade bits Propiedades de un archivo de imagen Dimensiones (o tamaño) 1600 x 1200 = 1.920.000 píxeles = 1,92 megapíxeles (1 megapíxel = 1.000.000 píxeles) Peso (lo que ocupa la imagen en el disco del ordenador) Se mide en Kilobytes, mega bytes o gigabytes 1 MB = 1.024 KB, 1 GB = 1.024 MB = 1.048.576 KB Resolución (indica la calidad de la imagen) - Se expresa en píxelestiene 200 píxeles de ancho, y en cada pulgada 300 ppp La imagen por pulgada (ppp). Por ejemplo, una resolución de indica que la impresora ha (2,54 cm) hay 300 píxeles de tanto: en cada pulgada de pintar 100 píxeles. Por la imagen. - La resolución afecta a la imagen impresa, no a la imagen en formato digital Ancho de la imagen = 200 píxeles /100 ppp = 2 pulgadas Como cada pulgada tiene 2,54 centímetros: Ejemplo: tenemos una imagen de 200 x 300 píxeles con una resolución de 100 ppp. Ancho de la imagen = 2 x 2,54 = 5,08 cm ¿Cuál será su tamaño en centímetros al imprimirla?
- 3. Imágenes de mapade bits Características de las imágenes Exposición Cantidad de luz que ha sido capturada en una imagen. Sobreexposición y subexposición Brillo. Luminosidad de una imagen, la claridad que tiene. Esta propiedad nos dice si una imagen es clara u oscura. Contraste Es la diferencia relativa de intensidad entre un punto cualquiera de la imagen y los de su alrededor. Saturación Indica la pureza de un color. Un color está muy saturado cuando es puro, sin mezcla. Cuando una imagen va perdiendo saturación, va acercándose al color gris.
- 4. Imágenes de mapade bits Características de las imágenes Luminosidad Concepto similar al brillo. Cuando aplicamos luminosidad a una imagen o color, se ca aproximando al blanco. Y al contrario: si le quitamos luminosidad, se aproxima al negro. Color La mayoría de aparatos digitales (móvil, televisor, etc.) trabajan con tres colores primarios: el rojo, el verde y el azul. Este sistema de color se llama RGB. Existen otros modelos de color como por ejemplo el CMYK (cyan, magenta, yellow y black) que utilizan las imprentas para su proceso de impresión Profundidad de color Cantidad de colores que aparecen , o que pueden aparecer, en una imagen. Se suele expresar en bits. Por ejemplo, una profundidad de color de 16 bits indica que la imagen puede contener un total de 65. 536 colores distintos ( 216 = 65 536)
- 5. Imágenes de mapade bits Formato Formato Descripción Color Compresión BMP Es un formato creado por Microsoft. Tiene una Formato comprimido Es el formato de imagen estándar en profundidad de sin pérdidad de calidad Windws color de 24 bits (unos 16 millones de colores) JPG Es el formato más usado en la Tiene una Formato comprimido. actualidad para las fotografías. La profundidad de El usuario puede facilidad con la que se distribuye a color de 24 bits ajustar el nivel de través de Internet ha hecho que sea compresión y pérdida muy popular. de calidad GIF Al igual que el formato JPG, es muy Tiene una Formato comprimido utilizado en Internet. Además, puede profundidad de sin pérdida de calidad contener pequeñas animaciones. color de 8 bits Permite definir un color como ( es decir, tan transparente. sólo admite 256 colores)
- 6. Imágenes de mapade bits Formato Formato Descripción Color Compresión TIF o TIFF Se utiliza para imágenes de gran Tiene una Formato comprimido calidad. Como consecuencia de ello, profundidad de sin pérdidad de calidad las imágenes con este formato pesan color de hasta (por eso las imágenes mucho (ocupan un gran espacio en 64 bits (más de en este formato ocupan disco) 18 trillones de tanto espacio en disco) colores) PNG Nació para sustituir al formato GIF, Tiene una Formato comprimido pero con mejor calidad. Permite profundidad de sin pérdida de calidad definir hasta 256 grados de color de 32 bits transparencia. (más de 4.000 billones de colores) XCF Es el formato de imagen propio del Tiene una Formato comprimido programa GIMP. Permite guardar profundidad de sin pérdida de calidad capas, canales y distintos efectos. color de 32 bits
- 7.
- 8. Índice Descripción Caja de herramientas Herramientas de selección Herramientas de dibujo Herramientas de color Efectos
- 9. Descripción GIMP = GNU/GPL Image Manipulation Program (Programa de Manipulación de Imágenes GNU/GPL) GNU/GPL = GNU is Not Unix / General Public License (No es Unix / Licencia de uso Público General) Programa para retocar imágenes Estilo y prestaciones de Photoshop
- 10. Caja de herramientas Contiene las herramientas más comunes Grupos: − Herramientas de selección − Herramientas de modificación − Herramientas de dibujo − Herramientas de color Propiedades de la herramienta seleccionada
- 11. Práctica 1: Formatosde imagen Abre el archivo ojo.jpg Amplía la imagen hasta distinguir los píxeles Abre el archivo arbol.jpg Guarda la imagen en formato GIF, TIF, BMP y PNG Compara el tamaño del archivo en cada formato
- 12. Herramientas de dibujo Actúan sobre la zona seleccionada − Rellenar de color − Dibuja líneas − Pinta − Borra Tipo de brocha, transparencia,...
- 13. Herramientas de color Selecciona el color con que se va a dibujar − Recoge color de un píxel Colores seleccionados − Color para dibujar − Color para borrar
- 14. Práctica 2: Herramientasde dibujo Selecciona la herramienta lápiz y dibuja tres trazos de distinto color y grosor Selecciona la herramienta pincel y dibuja cinco trazos de distinto grosor y puntero − Uno de los trazos debe ser difuminado - Uno de los trazos debe tener un 50% de opacidad Selecciona la herramienta aerógrafo y dibuja un trazo aplicando más o menos pintura
- 15. Práctica 2b: Herramientasde dibujo Abre el archivo foto.jpg Transforma la imagen a blanco y negro: Imagen > Modo > Escala de grises Selecciona la herramienta clonador Elige una zona a restaurar Copia un área próxima Reproduce ese área
- 16. Herramientas de selección Seleccionar zonas para modificarlas − Zonas cuadradas − Zonas redondas − Zonas definidas por puntos − Zonas continuas − El mismo color Opciones de selección
- 17. Práctica 3: Herramientasde selección Abre el archivo ojo_rojo.jpg Amplía la zona de los ojos y selecciona la zona roja Pinta esa zona con colores adecuados
- 18. Práctica 3b: Herramientasde selección Abre el archivo chaval.jpg Marca bien las líneas aumentando el contraste: Herramientas > Herramientas de color > Brillo y contraste Selecciona las distintas áreas con la varita mágica Rellena con colores y con degradados
- 19. Práctica 4: Herramientasde selección Abre el archivo uvas.jpg Marca el contorno de una de las uvas mediante la herramienta tijera − El último punto debe coincidir con el primero − La selección acaba pulsando dentro de la zona Cambia su color Herramientas > Herramientas de color > > Balance de color
- 20. Herramientas de transformación Modifican la zona seleccionada − Girar − Escala − Reflejo
- 21. Texto Introduce un texto Tipo de letra, tamaño, color,...
- 22. Práctica 5.1: Texto Crea un archivo nuevo de 600 x 200 píxeles Selecciona la herramienta texto Elige el tipo de letra Arial Black, con un tamaño de 40 píxeles y color rijo Introduce vuestro nombre Pulsando sobre las letras, centra el texto en la ventana Funde todas las imágenes Imagen > Aplanar imagen
- 23. Práctica 5.2: Textoartístico Crea un documento nuevo de 600x200, y con la herramienta texto escribe guerrero (tamaño 50 píxeles y color negro) En la ventana de Filtros, pulsa en Alfa a logotipos y a continuación en Metal frío En la ventana que se despliega, selecciona Metal frío y fija el tamaño de letra en 50 Si no estaba abierta, abre la ventana de capas Archivo > Diálogos empotrables > Capas Comprueba las capas que se han creado y pulsa en el ojo de la capa Background y Fondo para hacerlas invisibles Selecciona Imagen>Combinar las capas visibles>Recortada según la imagen Guarda la imagen como texto.xcf y no cierres el archivo
- 24. Práctica 5.2: Textoy Capas Abre el archivo guerrero.jpg En el archivo de texto anterior, selecciona la capa Reflection, y pulsa Editar>Copiar En el archivo guerrero pulsa Editar>Pegar Combina las capas del texto, reflejo, sombras, ... Capa > Anclar Capa
- 25. Capas Son como papeles transparentes Sólo se modifica la capa que se encuentre activa Para abrir la ventana de capas: Archivo > Diálogos > Capas Operaciones con capas
- 26. Práctica 6: Capas Crea un archivo nuevo de 350 px de ancho y 250 px de alto Abre la ventana de capas Archivo > Diálogos > Capas Crea una capa nueva de 200 x 200 px y relleno transparente Píntala de azul con el bote de pintura Haz un duplicado de la capa azul y píntala de rojo Haz otra copia en color verde Duplicar capa Capa nueva Aplica el 60% de opacidad a las capas y colocalas como en el dibujo
- 27. Práctica 7: Capas Crea un archivo nuevo de 300 px de ancho y 400 px de alto Rellenalo con un patrón oscuro Abre el archivo mujer.jpg Recorta la cara y pégala sobre el archivo creado antes Ajusta para obtener un resultado como el de la imagen
- 28. Filtros Afectan a una zona seleccionada Desenfocan la figura Distorsionan Modifican colores, textura, ... Desenfocan, Aplican brillos, ...
- 29. Práctica 8: Filtros Abre el archivo globos.jpg Aplica un repujado Filtros > Distorsiones > Repujado Vuelve a abrir el mismo archivo Aplica un envejecimiento y manchas de cafe Filtros > Decorativos > Foto antigua
- 30. Práctica 8b: Filtros Abre el archivo charlot.jpg Selecciona la zona de la boca Deforma esa zona Filtros > Distorsiones > Doblar según curva Aplica otros filtros en otras zonas Aplica el filtro de hoja doblada
- 31. Práctica 8c: Filtros Abre el archivo lluvia.jpg Selecciona las figuras principales Invierte la selección Seleccionar > Invertir Pon el fondo en blanco y negro (u otra coloración ) Herramientas > Herramientas de color > Colorear
- 32. Animaciones Son sucesiones de imagenes En cada capa se coloca un fotograma Se debe guardar en formato gif (y como animación)
- 33. Práctica 9: Animaciones Crea un archivo nuevo de 300 x 300 px Selecciona un cuadrado y píntalo de rojo En su interior, pinta un círculo blanco Duplica la capa Con centro en un vértice del cuadrado, giralo 45º Repite el proceso hasta completar 360º Guarda en formato gif y como animación
- 34. FIN José Ramón López 2010