1. Imagen digitalImagen vectorial Formas y rellenos Diseo artstico yarquitecturaImagen de Mapa de bits Pxeles FotografaPara presentar la realidad al detalle 2. Imgenes de mapa de bitsPropiedades de un archivo de imagenDimensiones (o tamao)1600 x 1200 = 1.920.000 pxeles = 1,92 megapxeles (1 megapxel = 1.000.000 pxeles)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 KBResolucin (indica la calidad de la imagen)- Se expresa en pxelestiene 200 pxeles de ancho, y en cada pulgada 300 ppp La imagen por pulgada (ppp). Por ejemplo, una resolucin deindica que la impresora ha (2,54 cm) hay 300 pxeles de tanto:en cada pulgada de pintar 100 pxeles. Por la imagen.- La resolucin afecta a la imagen impresa, no a la imagen en formato digital Ancho de la imagen = 200 pxeles /100 ppp = 2 pulgadasComo cada pulgada tiene 2,54 centmetros:Ejemplo: tenemos una imagen de 200 x 300 pxeles con una resolucin de 100 ppp. Ancho de la imagen = 2 x 2,54 = 5,08 cmCul ser su tamao en centmetros al imprimirla? 3. Imgenes de mapa de bitsCaractersticas de las imgenesExposicin Cantidad de luz que ha sido capturada en una imagen. Sobreexposicin y subexposicinBrillo. 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.Saturacin Indica la pureza de un color. Un color est muy saturado cuando es puro, sin mezcla. Cuando una imagen va perdiendo saturacin, va acercndose al color gris. 4. Imgenes de mapa de bits Caractersticas de las imgenesLuminosidadConcepto similar al brillo. Cuando aplicamos luminosidad a una imagen o color, se caaproximando al blanco. Y al contrario: si le quitamos luminosidad, se aproxima al negro.ColorLa mayora de aparatos digitales (mvil, televisor, etc.) trabajan con tres coloresprimarios: el rojo, el verde y el azul. Este sistema de color se llama RGB. Existen otrosmodelos de color como por ejemplo el CMYK (cyan, magenta, yellow y black) queutilizan las imprentas para su proceso de impresinProfundidad de colorCantidad de colores que aparecen , o que pueden aparecer,en una imagen.Se suele expresar en bits. Por ejemplo, una profundidad de colorde 16 bits indica que la imagen puede contener un totalde 65. 536 colores distintos( 216 = 65 536) 5. Imgenes de mapa de bits Formato 6. GIMP 7. ndiceDescripcinCaja de herramientasHerramientas de seleccinHerramientas de dibujoHerramientas de colorEfectos 8. DescripcinGIMP = GNU/GPL Image Manipulation Program(Programa de Manipulacin de Imgenes GNU/GPL)GNU/GPL = GNU is Not Unix / General Public License(No es Unix / Licencia de uso Pblico General) Programa para retocar imgenes Estilo y prestaciones de Photoshop 9. Caja de herramientasContiene las herramientas ms comunesGrupos: Herramientas de seleccin Herramientas de modificacin Herramientas de dibujo Herramientas de colorPropiedades de la herramienta seleccionada 10. Prctica 1: Formatos de imagenAbre el archivo ojo.jpgAmpla la imagen hasta distinguir los pxelesAbre el archivo arbol.jpgGuarda la imagen en formato GIF, TIF, BMP y PNGCompara el tamao del archivo en cada formato 11. Herramientas de dibujoActan sobre la zona seleccionada Rellenar de color Dibuja lneas Pinta BorraTipo de brocha, transparencia,... 12. Herramientas de colorSelecciona el color con que se va a dibujar Recoge color de un pxelColores seleccionados Color para dibujar Color para borrar 13. Prctica 2: Herramientas de dibujoSelecciona la herramienta lpiz y dibuja tres trazos dedistinto color y grosorSelecciona la herramienta pincel y dibuja cinco trazos dedistinto grosor y puntero Uno de los trazos debe ser difuminado Uno de los trazos debe tenerun 50% de opacidadSelecciona la herramientaaergrafo y dibuja un trazoaplicando ms o menospintura 14. Prctica 2b: Herramientas de dibujoAbre el archivo foto.jpgTransforma la imagen a blanco y negro: Imagen > Modo > Escala de grisesSelecciona la herramienta clonadorElige una zona a restaurarCopia un rea prximaReproduce ese rea 15. Herramientas de seleccinSeleccionar zonas para modificarlas Zonas cuadradas Zonas redondas Zonas definidas por puntos Zonas continuas El mismo colorOpciones de seleccin 16. Prctica 3: Herramientas de seleccin Abre el archivo ojo_rojo.jpg Ampla la zona de los ojos y selecciona la zona roja Pinta esa zona con colores adecuados 17. Prctica 3b: Herramientas de seleccinAbre el archivo chaval.jpgMarca bien las lneas aumentando el contraste:Herramientas > Herramientas de color > Brillo y contrasteSelecciona las distintas reas con la varita mgicaRellena con colores y con degradados 18. Prctica 4: Herramientas de seleccin 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 seleccin acaba pulsando dentro de la zona Cambia su colorHerramientas > Herramientas de color >> Balance de color 19. Herramientas de transformacinModifican la zona seleccionada Girar Escala Reflejo 20. TextoIntroduce un textoTipo de letra, tamao, color,... 21. Prctica 5.1: TextoCrea un archivo nuevo de 600 x 200 pxelesSelecciona la herramienta textoElige el tipo de letra Arial Black, con un tamao de 40pxeles y color rijoIntroduce vuestro nombrePulsando sobre las letras, centra el texto en la ventanaFunde todas las imgenesImagen > Aplanar imagen 22. Prctica 5.2: Texto artsticoCrea un documento nuevo de 600x200, y con la herramientatexto escribe guerrero (tamao 50 pxeles y color negro)En la ventana de Filtros, pulsa en Alfa a logotipos ya continuacin en Metal froEn la ventana que se despliega, selecciona Metal fro yfija el tamao de letra en 50Si no estaba abierta, abre la ventana de capasArchivo > Dilogos empotrables > CapasComprueba las capas que se han creado y pulsa en el ojo dela capa Background y Fondo para hacerlas invisiblesSelecciona Imagen>Combinar las capasvisibles>Recortada segn la imagenGuarda la imagen como texto.xcf y no cierres el archivo 23. Prctica 5.2: Texto y CapasAbre el archivo guerrero.jpgEn el archivo de texto anterior, selecciona la capaReflection, y pulsa Editar>CopiarEn el archivo guerrero pulsaEditar>PegarCombina las capas del texto, reflejo,sombras, ...Capa > Anclar Capa 24. CapasSon como papeles transparentesSlo se modifica la capa que se encuentre activaPara abrir la ventana de capas:Archivo > Dilogos > CapasOperaciones con capas 25. Prctica 6: CapasCrea un archivo nuevo de 350 px de ancho y 250 px de altoAbre la ventana de capasArchivo > Dilogos > CapasCrea una capa nueva de 200 x 200 px y relleno transparentePntala de azul con el bote de pinturaHaz un duplicado de la capa azul y pntalade rojoHaz otra copia en color verde Duplicar capa Capa nuevaAplica el 60% de opacidad alas capas y colocalas como enel dibujo 26. Prctica 7: CapasCrea un archivo nuevo de 300 px de ancho y 400 px de altoRellenalo con un patrn oscuroAbre el archivo mujer.jpgRecorta la cara y pgala sobre elarchivo creado antesAjusta para obtener un resultadocomo el de la imagen 27. FiltrosAfectan a una zona seleccionadaDesenfocan la figuraDistorsionanModifican colores, textura, ...Desenfocan, Aplican brillos, ... 28. Prctica 8: FiltrosAbre el archivo globos.jpgAplica un repujadoFiltros > Distorsiones > RepujadoVuelve a abrir el mismoarchivoAplica un envejecimiento ymanchas de cafeFiltros > Decorativos> Foto antigua 29. Prctica 8b: FiltrosAbre el archivo charlot.jpgSelecciona la zona de la bocaDeforma esa zonaFiltros > Distorsiones > Doblar segn curvaAplica otros filtros en otras zonasAplica el filtro de hoja doblada 30. Prctica 8c: FiltrosAbre el archivo lluvia.jpgSelecciona las figuras principalesInvierte la seleccinSeleccionar > InvertirPon el fondo en blanco y negro (u otra coloracin ) Herramientas > Herramientas de color >Colorear 31. AnimacionesSon sucesiones de imagenesEn cada capa se coloca un fotogramaSe debe guardar en formato gif (y como animacin) 32. Prctica 9: AnimacionesCrea un archivo nuevo de 300 x 300 pxSelecciona un cuadrado y pntalo de rojoEn su interior, pinta un crculo blancoDuplica la capaCon centro en un vrtice del cuadrado, giralo 45Repite el proceso hasta completar 360Guarda en formato gif y como animacin 33. FINJos Ramn Lpez 2010