MANUAL FOTODISEÑO

INSTRUCTIVOS DE PRÁCTICAS UGM Rectoría Norte

Licenciatura en Diseño y Comunicación Visual FOTODISEÑO DIGITAL

1

UNIVERSIDAD DEL GOLFO DE MEXICO. S. C.

SEV

INSTRUCTIVOS DE PRÁCTICAS

DISEÑO Y COMUNICACIÓN VISUAL

FOTODISEÑO DIGITAL Semestre V



2

UNIVERSIDAD DEL GOLFO DE MEXICO. S. C.

SEV

NOMBRE DEL ALUMNO

SEMESTRE

GRUPO



3

Lic. Elena Meneses González Rector

Lic. María de la Luz Cecilia Osorio Osorno Vicerrector Académico

Lic. Isabel López Islas Directora Académica Nivel Superior

Ing. Jaime Rodrigo Sandoval Guzmán Subdirector de Docencía



4

INTRODUCCIÓN

La fotografía digital y el empleo de nuevos formatos para imágenes se han vuelto parte de la vida cotidiana. Obtener imágenes desde diversas cámaras y portátiles es cada día más sencillo y común. Emplear herramientas computacionales para complementar la presentación de una imagen es labor de un diseñador. Este manual tiene las bases teórico-prácticas que el diseñador actual necesita para lograr imágenes atractivas y de impacto, con soporte en herramientas computacionales y aditamentos empleados en diseños profesionales. Está elaborado con la intención de llevar paso a paso al diseñador en distintos aspectos en la edición de gráficos, proporcionándole algunas técnicas en el manejo de software, así como los elementos textuales para conocer más sobre las aplicaciones prácticas del diseño. Lo invito a que aproveche este manual, sea partícipe de algunos elementos del fotodiseño digital y conozca más sobre las herramientas de edición profesional actuales para que sea capaz de implementarlas en sus actividades creativas como diseñador.

ING. EMILIO MARTÍN MEZA ROSAS



5

INDICE

Practica No. Nombre Página1 De lo analógico a lo digital 62 Introducción a las herramientas de diseño (el Gimp) 143 La manipulación tonal 284 Operaciones de selección y manejo de máscaras 415 Retoque de imágenes en escala de grises 566 Fotomontaje digital 627 Imágenes de campo con cámara digital 688 Preparación de imágenes para la web 78



6

PPRRAACCTTIICCAA 11

DE LO ANALÓGICO A LO DIGITAL OBJETIVO: Al término de la práctica, el alumno afirmará sus conocimientos de la fotografía convencional y determinará los elementos que difieren a las imágenes en el modo analógico y digital.

MARCO TEÓRICO: La fotografía. Arte y ciencia de obtener imágenes visibles de un objeto y fijarlos sobre una capa material sensible a la luz. También la podemos definir, como la reproducción por medio de reacciones químicas, en superficies convenientemente preparadas de las imágenes recogidas en el fondo de una cámara oscura.

Esta era la definición de “fotografía” hasta que llegó la era digital. Ese concepto pasó a formar parte como el método convencional o analógico de fotografía. Historia de la cámara Leonardo Da Vinci creó el antecedente rudimentario de la cámara fotográfica, el cual consistía en una caja con un orificio circular en uno de sus lados y un vidrio en el lado opuesto, en el que se reflejaban los objetos exteriores de manera invertida.

Sin embargo, después de la invención hecha por Ibn al-Haitham con respecto a la cámara oscura, se descubrió más adelante la manera de lograr una imagen más clara al colocar una lente de una distancia focal apropiada en el agujero porque a raíz de esto, comenzaron a usarse cámaras que consistían en tiendas de campaña como instrumentos de dibujo para reproducir edificios, campos, entre muchas cosas. Esto sucedió entre los siglos XVII y XVIII.

Niépce también estuvo involucrado en la historia de la cámara fotográfica porque en 1826 usó una hecha de madera fabricada por Charles y Vincent Chavalier en París, Francia.



7

La primera cámara portable fue construida por Johann Zahn en 1865. Las primeras cámaras fotográficas eran similares al modelo de Zahn, aunque generalmente con una mejora en el enfoque. Antes de cada exposición una placa sensibilizada era insertada en frente de la pantalla de observación para poder grabar la imagen. El famoso daguerrotipo de Daguerre utilizaba placas cobre en el proceso, mientras que el proceso calotipo inventado por William Fox Talbot grababa las imágenes en papel.

La invención del proceso de placa mojada con colodión de Archer redujo drásticamente el tiempo de exposición, pero requería que el aficionado preparara y diseñara sus propios lentes, por lo general en un cuarto oscuro móvil. El complejo uso de las técnicas de ambrotipia y tintipia estuvo en auge a finales del siglo XIX. La técnica de la "placa mojada" fue un poco diferente de los diseños anteriores, aunque algunos modelos como el sofisticado Dubroni fueron incorporando las placas dentro de la cámara misma, dejando a un lado el cuarto oscuro. Otras cámaras incluso tenían múltiples lentes para hacer cartes de visite. Es importante mencionar también que en esta etapa estaba de moda el uso de los "bellows" para enfocar.

Iniciando el siglo XX, los expertos pudieron comprar las cámaras del tipo de caja y de fuelle. Después, la industria fotográfica inventó las cámaras del tipo de película de 35 mm y la cámara reflex. En esta época las fotografías en color se tomaban con cámaras de tres exposiciones.

En 1925 apareció en Alemania la cámara de 35 mm, la cual estaba creada originalmente para hacer cine. Como era pequeña y económica, se hizo popular entre los fotógrafos profesionales y los aficionados. Durante esta etapa, los primeros utilizaban polvos finos de magnesio como fuente de luz artificial. Pulverizados sobre un soporte que se prendía con un detonador, producían un destello de luz brillante y una nube de humo cáustico. A partir de 1930, la lámpara de flash sustituyó al polvo de magnesio como fuente de luz.

En plena II Guerra Mundial, surgieron muchas nuevas lentes que incluían las de tipo intercambiable para las cámaras de aquella época. En 1947, el estadounidense Edwin Herbert Land creó la cámara Polaroid Land, la cual adquirió fama porque se



8

podían adquirir fotos totalmente reveladas pocos minutos después de haberlas tomado.

En la década de los 50’s se inventó la nueva forma de aumentar la velocidad y la sensibilidad a la luz de las películas en color y en blanco y negro. La velocidad de estas últimas se elevó de 100 ISO a de 5.000 ISO, mientras que en las de color se multiplicó por diez. También entraron al mercado los dispositivos electrónicos (llamados amplificadores de luz), cuya función era incrementar la luz débil y registrar la tenue luz procedente de estrellas muy lejanas. Dichos avances en los dispositivos mecánicos consiguieron elevar sistemáticamente el nivel técnico de la fotografía para aficionados y profesionales.

En la siguiente década, salió la película Itek RS, que permitía utilizar el zinc, el sulfuro de cadmio, el óxido de titanio y otros productos químicos más económicos, sustituyendo a los costosos compuestos de plata. La fotopolimerización hizo posible la producción de copias por contacto sobre papel normal no sensibilizado.

A finales del siglo XX, nacieron las cámaras digitales. Éstas resultaron ser más sencillas porque las imágenes son capturadas por un sensor electrónico que tiene a su disposición múltiples unidades fotosensibles y desde allí se archivan en otro elemento electrónico que constituye la memoria. Así, se pueden tomar miles de fotografías -dependiendo de la capacidad de la cámara-, en vez de comprar un rollo de 12, 24 ó 36 fotos y limitarnos a cierta cantidad de fotografías. Sumándole al revelado, los costos son elevados.

¿Qué es la fotografía Digital? La Fotografía Digital existe desde hace varias décadas. De hecho durante los primeros vuelos de naves rusas y norteamericanas a la luna en los años sesenta, la transmisión de imágenes se hacía utilizando esta tecnología. No obstante la auténtica aparición de la Fotografía Digital en el sentido moderno surge ya iniciada la



9

década de los noventa. Su aceptación por parte de un amplio grupo de fotógrafos profesionales está siendo tan vertiginosa que podemos afirmar que, antes de que dentro de algunos años, esta será la única tecnología utilizada en la práctica total de aplicaciones fotográficas. La tendencia de casi todos los fabricantes de cámaras digitales consiste en reutilizar los componentes clásicos de una cámara, en una multiformato, de forma que simplemente se sustituye el chasis destinado a contener la película por otro chasis computarizado que debe conectarse a un ordenador, permitiendo que las imágenes se almacenen directamente en formato digital sobre un fichero procesable por sotware.

La tecnología utilizada por las cámaras digitales, sea cual sea su tipo, se basa en la sustitución de la película por un chip sensible a la luz. Más adelante describiremos las características de este chip, al que se denomina CCD y que constituye el elemento más importante de una cámara digital. La captura digital de imágenes se realiza sobre la superficie de un elemento electrónico o chip denominado CCD (Charge Couper Device). En él se activan millones de puntos los cuales graban de forma electrónica la luz que es capturada durante la exposición. El CCD funciona como una matriz de células sensibles a la luz. Los pixeles que integran dicho elemento son el equivalente al tradicional al grano de las emulsiones fotográficas, el CCD ocupa el espacio de un film tradicional dentro de una cámara de fotos. En vez de efectuarse la toma en forma analógica sobre una emulsión común de halogenuros de plata y sustancias cromógenas, aquí un CCD captura la imagen



10

digitalmente. Esta adquisición digital con base en pixeles o dppi tiene la característica de que los pixeles que forman la imagen pueden ser controlados y manipulados dentro de la PC por intermedio de un manejador de datos, photoshop o the GIMP entre otros. Los millones de bits de información binaria que se generan en el momento que la luz cae sobre la superficie del CCD organizan la imagen pixel por pixel.

SOFTWARE Y EQUIPO EMPLEADO: 1 Computadora Personal Microsoft Windows Microsoft Word Microsoft Powerpoint DESARROLLO DE LA PRÁCTICA: 1.- Forme equipos de trabajo de por lo menos 3 integrantes. 2.- Realice por equipo una investigación documentada en libros, artículos o páginas de Internet sobre los orígenes de la fotografía, genere un archivo de texto e imprímalo, esta impresión formará parte de una carpeta en la cual documentará la materia. 3.- Diseñe por equipo una presentación con duración de 5 minutos, que contenga por lo menos texto e imágenes con animaciones y transiciones con la información del punto anterior. 4.- Realice una exposición plenaria basándose en la presentación previamente diseñada. 5.- Llene la siguiente tabla en la cual justifique las ventajas e inconvenientes de la fotografía digital contra la digital.

VENTAJAS INCOVENIENTES

6.- Digitalice 3 imágenes convencionales en una resolución de 300 pp y compare las originales con las imágenes digitales obtenidas. Registre las observaciones y colóquelas dentro de las notas.



11

CONCLUSIONES: Realice sus observaciones y conclusiones de las exposiciones mostradas. Regístrelas en su cuaderno y posteriormente documéntelas en la carpeta de la materia.



12

ESQUEMAS:

OBSERVACIONES ____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________ CUESTIONARIO: 1.- _________________________________________________________________ 2.- _________________________________________________________________ 3.- _________________________________________________________________ 4.- _________________________________________________________________ 5.- _________________________________________________________________



13

CONCLUSIONES: ____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________ CRITERIO DE EVALUACIÓN:

BIBLIOGRAFÍA: MÉNDEZ, Sánchez, Eduardo. “LA FOTOGRAFÍA DIGITAL”. Primera Edición. Editorial Dussat, España. 2006. AMG, Tom. “MANUAL DE FOTOGRAFÍA DIGITAL”. Primera Edición. Editorial Omega, México 2005. STRIZINEC. "FOTOGRAFÍA DIGITAL", Primera Edición. Editorial Ra-Ma. México 2007. CARSON, David. “FOTODISEÑO”. Primera Edición. Editorial Meggs Argentina 2007.



14

PPRRÁÁCCTTIICCAA 22

INTRODUCCIÓN A LAS HERRAMIENTAS DE DISEÑO (EL GIMP) OBJETIVO: Al término de la práctica, el alumno conocerá las herramientas básicas de una herramienta de diseño de fotografía digital. MARCO TEÓRICO: En la pantalla aparecen la ventana principal de GIMP: la Caja de herramientas.Encontramos en esta caja los siguientes elementos (de arriba a abajo): • Una barra de menú.

• Las herramientas de selección, dibujo y transformación.

• Los colores de frente y de fondo.



15

Puede contener otros elementos interesantes. Para ello despliegue el menú Archivo,elija Preferencias y en la opción Caja de herramientas marque las casillas Mostrar pinceles, patrones y degradados activos y Mostrar imagen activa.

A continuación se describen las herramientas básicas del GIMP: Herramientas de Selección: Permiten como su nombre lo indica realizar la selección de una porción de imagen, colocando una máscara (se verá mas adelante el concepto) para dar protección a dicho segmento y hacerlo manipulable. El GIMP cuenta con diversas herramientas de selección, tales como Rectangular, Elíptica, Libre, de Color, por Recorte y pos Selección de Primer Plano.

Herramientas de manipulación de la Selección: Estas modifican la selección de posición, de tamaño, de forma, etc. Se denominan Mover, Alineación, Recorte, Rotación, Escalado, Inclinación, Perspectiva, Voltear.

Herramientas de Retoque: Se encargan de proporcionar arreglos y mejoras a diversos elementos de una imagen, tales como Relleno, Mezcla, Lápiz, Pincel, Borrador, Aerógrafo, Tinta, Clonar, Saneado, Clonación en Perspectiva, Enfoque, Emborronado y Marcado.



16

Herramienta Lápiz: Para ello hacemos clic sobre su símbolo en la caja de herramientas. Sabemos que una herramienta está seleccionada porque aparece enmarcada por una línea de puntos. Como podrá comprobar, cada vez que elige una herramienta cambian las opciones de la herramienta seleccionada. En el caso del lápiz sus opciones son las de las siguientes figuras.

Para hacer una línea recta con el lápiz se hace clic en el lugar donde se quiere comenzar la línea, luego se pulsa la tecla Mayús (la que está encima de la tecla Ctrl;en algunos teclados únicamente está la flecha, en otros están las letras Mayús, en algunos teclados Shift); aparece una línea recta que une el último punto dibujado con la posición donde está el puntero del ratón. Al hacer clic de nuevo se dibuja la línea recta uniendo ambos puntos. Si se mantienen presionadas simultáneamente las teclas Mayús y Ctrl, se pueden dibujar trazos rectos en ángulos con incremento de 15 grados, es decir, a 15, 30, 45, 60 grados, etc.



17

Si queremos seguir pintando con otro color, podemos cambiar el color de dibujo haciendo doble clic sobre el color de primer plano en la caja de herramientas.

El funcionamiento del pincel es idéntico al del lápiz. Elijamos color y pintemos con él. La diferencia con el lápiz es que los bordes del lápiz son muy definidos y los del pincel suavizados. A simple vista casi no se aprecia.

Herramienta Goma: Utilice la goma si quiere borrar algo de la imagen. Use pinceles diferentes para borrar zonas más grandes o pequeñas; también el zoom cuando sea necesario borrar zonas con precisión. Como color de borrado utiliza el color de fondo actual; por lo tanto, si su imagen tiene por ejemplo un fondo de color azul, deberá utilizar ese mismo color como fondo antes de iniciar el borrado. Si necesitamos limpiar la ventana (borrarlo todo) podemos desplegar el menú Editar y escoger Limpiar (o la tecla Supr). También podemos rellenar toda la imagen con los colores de fondo o de primer plano desplegando el menú Editar y eligiendo Rellenar con el color de frente (Ctrl+,) o Rellenar con el color de fondo (Ctrl+.).



18

Herramienta Aerógrafo: Utilice el aerógrafo de forma similar al lápiz o pincel. Escoja color, pincel y pinte con esta herramienta. Como se ha comentado, cada herramienta tiene sus opciones de herramienta cuando se selecciona. Algunas son comunes a más de una herramienta, otras son específicas. La opción Opacidad controla la transparencia de los trazos. A un valor menor, el color de los trazos se vuelve más transparente; con un valor de 100 la transparencia desaparece. Pruebe a marcar la casilla Desvanecimiento y comprobará que es como si el aerógrafo se quedase sin pintura sobre la imagen. Aumente el número de píxeles en Largo para que el trazo sea mayor. La barra de desplazamiento en Presión controla la cantidad de color que aplica el aerógrafo. Un valor alto da como resultado pinceladas oscuras. Al contrario, un color bajo provoca que casi no pinte.

Herramienta Tinta: Use esta herramienta para trazar líneas similares a las de una pluma; la anchura de la línea depende de la velocidad que imprima al ratón dibujando.



19

Cubo De Pintura:

Utilice esta herramienta para rellenar con un color o patrón “zonas cerradas”. Escoja un color y haga clic en una zona de la imagen. Esa zona se rellenará con el color elegido hasta que encuentre otro color diferente. En las Opciones de la herramienta podemos elegir varios tipos de relleno.

Si marcamos Relleno con patrón las zonas se rellenan con un patrón en lugar de con un color sólido. Si se marca esta opción se activa la casilla de los degradados para poder elegir otro. Hágalo y pruebe.



20

Emborronar: Use esta herramienta para tiznar los colores. Su equivalente en una mesa de dibujo real sería usar un difumino sobre lápices de colores. Para ajustar la fuerza del efecto del tiznado, en Opciones de herramienta, se especifica un valor alto en Tasa para lograr un tiznado más fuerte; un valor bajo equivale a un tiznado suave.

Desenfocar o Enfocar: Utilice esta herramienta para disminuir o aumentar el enfoque de una imagen o parte de la misma. El modo Desenfoque mancha la imagen mezclando los colores unos con otros, dando como resultado una transición suave entre ellos. El modo Enfoque ocasiona que los píxeles adyacentes con color similar se agrupen. Si se usa de forma moderada puede enfocar un poco las áreas borrosas, pero si se aplica repetidamente, los resultados son como los mostrados en la foto siguiente.

En realidad, el término enfocar no se puede aplicar “literalmente” como se aprecia en la imagen anterior (se pasó el cursor por la zona verde), ya que esta opción lo que hace es "pixelar" las áreas en donde se aplica. La barra de desplazamiento Tasa establece la fuerza del efecto de desenfoque. A un valor bajo, es necesario pasar la herramienta más veces sobre el área a desenfocar y viceversa.



21

Blanquear o Ennegrecer: Utilice esta herramienta para blanquear o ennegrecer zonas de una imagen (o la imagen completa).

Pintar Usando Patrones o Regiones De La Imagen: Utilice esta herramienta para pintar una zona de la imagen tomando como muestra una parte de la imagen o uno de los patrones incluido en GIMP. La opción por defecto, es pintar usando regiones de la imagen y puede servir para corregir pequeños “inconvenientes” de una imagen. Por ejemplo, en las imágenes siguientes queremos eliminar a la persona que aparece por la derecha del molino o el alambre de espino delante de los caballos.

El procedimiento para hacerlo es el siguiente: Presione la tecla Ctrl y haga clic en la región de la imagen que desea usar para comenzar a pintar. Luego desplace el cursor a la zona que quiere pintar y hágalo.



22

Recortar Una Imagen: Con esta herramienta se tiene la capacidad de seleccionar con detalle el área de una imagen y realizar un recorte de la misma. Para ello hacemos clic en una esquina de la zona a recortar y, manteniendo pulsado el botón izquierdo del ratón, lo arrastramos en diagonal para formar un marco de selección.

Rotar: Con esta herramienta podemos rotar una imagen o selección sobre un eje. En el caso de la imagen, la estamos rotando completa. Se ha elegido la herramienta y se ha hecho clic sobre la imagen. Para comenzar a rotarla mantenemos pulsado el botón del ratón sobre la imagen y la arrastramos. Aparece el cuadro de diálogo Rotar, que especifica el ángulo de rotación (una cifra positiva indica un giro de la imagen en el sentido de las agujas del reloj; una cifra negativa un giro de la imagen en sentido antihorario de las agujas del reloj) y el punto sobre el que gira la imagen. Se puede modificar el centro de giro arrastrando el círculo con una cruz que aparece al centro de la imagen o por medio del cuadro de diálogo (centro X y centro Y). También se puede ajustar la rotación modificando el ángulo en el cuadro de diálogo.



23

Escalar: Con esta herramienta podemos modificar el tamaño de la imagen, de una selección o ruta. Para ello hacemos clic sobre la imagen, con lo que aparece cuadro de diálogo Redimensionar mostrando las medidas de la imagen en píxeles. • Para escalar la imagen de forma proporcional se mantiene presionada la tecla Ctrl mientras se arrastra alguno de los cuadraditos que enmarcan la imagen en las esquinas de la misma. Cuando se tiene la imagen como se desea, se pincha en el botón Escala. Una vez escalada la imagen, queda un espacio libre representado por cuadrados grises a modo de tablero de ajedrez.

Otra forma de redimensionar una imagen consiste en desplegar el menú Imagen yelegir Escalar la imagen... En el cuadro de diálogo Escalar la imagen, introduzca nuevas medidas. Comprobará que, cuando introduce una cifra para variar la medida de Anchura o Altura la otra cambia para mantener la proporcionalidad de la imagen. Si se desea introducir medidas NO proporcionales debe hacer clic en el icono con forma de cadenas que se encuentra a la derecha de Anchura y Altura. Aparecerán entonces los eslabones separados y podrá introducir las cifras de forma independiente. La diferencia mediante esta forma de escala es que con esta última se cambia también el tamaño del lienzo mientras que con la anterior se escala el contenido de la imagen (no cambia el tamaño del lienzo). Escalado a la baja y al alza El escalado de las imágenes siempre (si se puede) debe hacerse a la baja o no al alza. Digamos que una imagen “va bien de grande a pequeña y mal de pequeña a grande”.



24

Inclinar: Con esta herramienta podemos inclinar una imagen o una selección de la misma.

Perspectiva: Esta herramienta nos permite cambiar la perspectiva de una imagen o una selección de la misma.

Invertir: Con esta herramienta podemos invertir la imagen o parte de ella.



25

SOFTWARE Y EQUIPO EMPLEADO: 1 Computadora Personal. 1 Cámara digital o escáner. 1 Trípode o soporte para cámara. Microsoft Windows. Microsoft Word. Microsoft Powerpoint. GIMP + GTK (Gimp Tool Kit) Open Source GPL DESARROLLO DE LA PRÁCTICA: 1.- Forme equipos de trabajo de por lo menos 3 integrantes. 2.- Diseñe dos logotipos empleando las herramientas básicas del GIMP (trazos y formas): 3.- Digitalice u obtenga desde un dispositivo dos imágenes y aplique efectos de desenfoque. Haga una copia de las imágenes originales con los efectos indicados. 4.- Digitalice u obtenga desde un dispositivo dos imágenes y aplique efectos de blanquear y ennegrecer. Haga una copia de las imágenes originales con los efectos indicados. 5.- Digitalice u obtenga desde un dispositivo dos imágenes y aplique modificaciones con patrones de la misma imagen. Haga una copia de las imágenes originales con los efectos indicados. 6.- Digitalice u obtenga desde un dispositivo dos imágenes y aplique efectos de recorte, inclinación y perspectiva. Haga una copia de las imágenes originales con los efectos indicados. 7.- Genere un documento con diapositivas con las imágenes originales y editadas. 8.- Realice una sesión plenaria ante el grupo y comente sus impresiones generadas por la muestra de las diapositivas. Registre los comentarios importantes y agréguelos en un documento a su carpeta. CONCLUSIONES: Realice sus observaciones y conclusiones de las exposiciones mostradas. Regístrelas en su cuaderno y posteriormente documéntelas en la carpeta de la materia.



26

ESQUEMAS:




27


BIBLIOGRAFÍA: “Manual de GIMP” SÁNCHEZ RODRÍGUEZ, José (Universidad de Málaga) [email protected]

RUIZ PALMERO, Julio (Universidad de Málaga) [email protected]

En Internet encontrará una cantidad creciente de páginas Web interesantes sobre GIMP. Reseñamos algunas (fecha de consulta: agosto- diciembre de 2008). ●Manual de El GIMP: http://docs.gimp.org/es/ ●Curso de GIMP editado por el CNICE: http://formacion.cnice.mec.es/ofrecemos/gimp.php ● Videotutoriales de GIMP: http://www.hachemuda.com/video-tutoriales-gimp/ ● Tratamiento de imagen con GIMP: http://guias-ubuntu.ourproject.org/index.php?title=Gu %C3%ADa_Base/Mil_y_un_programas_libres_y_gratuitos/Tratamiento_de_imagen_con_G IMP ●GIMP para Windows en hazlo-asi.net: http://www.hazlo-asi.net/content/view/19/44/



28


LA MANIPULACIÓN TONAL OBJETIVO: Al término de la práctica, el alumno será capaz de ajustar imágenes mal digitalizadas, así como tratar imágenes con diversos tonos de color.

MARCO TEÓRICO: Básicamente un diseñador trabaja con dos tipos de imágenes: mapas de bit y vectoriales. Mapas de bit: Este tipo de imágenes están formadas por una matriz de píxeles (una forma cuadrangular con un número de píxeles en horizontal y en vertical). GIMP trabaja con imágenes de este tipo y, cuando las modifica, lo que hace es cambiar los píxeles (el número de ellos, los colores, etc.). Vectorial: Una imagen de este tipo está formada por trazos controlados por coordenadas. La ventaja de estas imágenes es que se pueden reducir y ampliar sin perder calidad puesto que los trazos se redibujan al cambiar de tamaño. Como muestra de esto hemos realizado una imagen en formato vectorial con un programa que lo permite y se ha salvado la imagen en formato de mapa de bit y en formato vectorial.

Formatos más usuales con GIMP: Todos ellos son de mapas de bit, ya que el programa no trabaja con formatos vectoriales. • XCF. Es el formato propio del programa. Lo que hagamos, sobre todo si tiene capas (ya se comentará más adelante), es conveniente que se guarde en este formato y, posteriormente, en otro más conveniente para nuestros fines. Siempre podremos recuperar el archivo xcf, modificarlo y exportar nuestro trabajo a archivos en otro formato.



29

• TIFF. Se utiliza para imágenes de alta calidad que van a ser impresas. El tamaño de archivo es considerable, por lo que su uso para Internet está desaconsejado. Comentamos a continuación algunas características de los tres formatos más usuales.

Cambiamos Formato a una Imagen: Como ya comentamos, puede que en algún momento tengamos que utilizar GIMP para guardar una imagen en otro formato. Para ello, una vez que tenemos abierta la imagen que queremos guardar en otro formato, hacemos lo siguiente: • Desplegamos el menú Archivo en la ventana de la imagen. • Elegimos Guardar como... • En el cuadro de diálogo podemos hacer dos cosas para guardar esa imagen con otro formato: ➢ Borrarle la extensión y poner la extensión que deseemos (por ejemplo png). ➢ Pinchar en el signo + que hay delante de Seleccione el tipo de archivo (Por extensión) y elegir el formato deseado. • Pinchamos en el botón Guardar.



30

Capturas De Pantalla: GIMP nos va a permitir la captura de la pantalla del ordenador completa o una de sus ventanas (para utilizar esas imágenes, por ejemplo, en la confección de un manual como éste). La captura de pantalla puede hacer de dos formas: • Poniendo una imagen en memoria (en el portapapeles) y luego recuperarla desde GIMP. • Abriendo GIMP y capturar desde el programa lo que se quiera. 1. Portapapeles. La pantalla completa se pone en el portapapeles pulsando la tecla Impr Pant que se encuentra entre la parte alfanumérica y numérica del teclado. Si queremos capturar la ventana activa en lugar de toda la pantalla pulsamos la combinación de teclas Alt+Impr Pant. Una vez que tenemos la imagen en el portapapeles desplegamos el menú Archivo de la caja de herramientas, elegimos Adquirir >> Pegar como nuevo.

2. Partiendo de GIMP. Desplegamos el menú Archivo de la caja de herramientas, elegimos Adquirir >> Captura de pantalla... Aparece un cuadro de diálogo en el que especificamos si queremos capturar una sola ventana o la pantalla entera. Si especificamos un número de segundos antes de capturar la pantalla deben pasar los segundos especificados (esto puede ser interesante si queremos tener una estructura de ventanas concreta, desplegándose menús por ejemplo) para que la captura surta efecto.

Si elegimos capturar una sola ventana nos aparece otra ventana con una cruz que tenemos que arrastrar y dejar caer sobre la ventana que queremos capturar.



31

Realizar Imágenes Para Imprimirlas: Pero... ¿no es igual? ¿Qué diferencia hay entre hacer imágenes destinadas a imprimir o hacer imágenes no destinadas a la impresión? ¿Es que acaso estas segundas no se pueden imprimir? Vamos por partes. Aunque todas las imágenes se pueden imprimir (para ello se abre en GIMP el menú Archivo de una imagen y se elige las opción Imprimir) no es lo mismo hacer imágenes que sabemos van a a ser destinadas a una página Web y ser vistas en la pantalla de un ordenador que imágenes que vamos a utilizar para imprimir (por ejemplo para una revista, para la carátula de un CD, para un cartel, etc.). El motivo: que la pantalla del ordenador permite poner 72 puntos (en el caso de las pantallas píxeles) por pulgada (ppp), mientras que las impresoras “normales” permiten 150 ppp y las profesionales mayor cantidad de puntos. Para que una imagen tenga, por ejemplo, calidad fotográfica debe tener 300 ppp.

Imágenes Para Imprimir: Si queremos hacer una imagen para imprimir hacemos clic en el signo + que hay delante de Opciones avanzadas. Con esto el cuadro de diálogo nos muestra más opciones.

En este caso tenemos que hacer dos cosas: • Cambiar la resolución a 300 ppp. • Cambiar la unidad de medida de píxeles a milímetros y elegir en Anchura y Altura el número de milímetros que tendrá nuestra imagen.



32

Modos De Color: Modos de color se denomina al sistema que nos sirve para describir los colores. En GIMP se puede trabajar en los modos RGB (rojo, verde y azul), escala de grises (256 niveles de grises) e indexado (podemos especificar los colores con los que vamos a trabajar con un máximo de 256 colores). Un píxel solamente puede ser de un color; cuando decimos que una imagen es de 256 colores, esto indica que un píxel puede tener uno de esos 256 colores. Para que una imagen tenga más de 256 colores tiene que trabajar en modo RGB en el que un píxel puede ser la combinación de uno de los 256 niveles de rojo, 256 niveles de azul y 256 niveles de verde (256 x 256 x 256 = 16.777.216 colores; por esto se dice que una imagen RGB puede tener millones de colores). Obviamente, cuantos más colores tenga una imagen más ocupará el archivo que la contiene.

En las anteriores imágenes se pueden apreciar las muestras con los diversos modos de colores en modo indexado.



33

Herramientas De Color: Las herramientas de color sirven para modificar los colores de una imagen. Se accede a ellas a través del menú Herramientas >> Herramientas de color. Son las siguientes: • Balance de color. • Tono y saturación • Colorear. • Brillo y contraste • Umbral • Niveles • Curvas • Posterizar

Balance De Color Cuando elegimos esta opción aparece el cuadro de diálogo de la derecha, en el que podemos modificar los colores “luz” (rojo, verde y azul) y los colores “tinta” (cian, magenta y amarillo). Estas modificaciones de color pueden afectar a las Sombras, alos Tonos medios o a los Puntos de luz (escogiendo el botón radial correspondiente). Podemos conservar el brillo de la imagen manteniendo marcada la casilla Conservar la luminosidad.



34

Tono y Saturación: Con esta herramienta se puede ajustar el tono, la saturación y la luminosidad. La parte superior del cuadro de diálogo nos permite elegir el color “tinta” o el color “luz” sobre el que queremos trabajar. Por defecto aparece seleccionado el botón Principal para que los cambios afecten a todos los canales de color. Si seleccionamos un color podemos modificar los valores de tono, luminosidad y saturación sobre ese color.



35

Colorear: Esta herramienta colorea la imagen con 256 niveles del color seleccionado.

Brillo y Contraste: Podemos modificar el brillo y el contraste de una imagen utilizando esta opción. Afecta a toda la gama de tonos.

Umbral: Sirve para reducir los colores de la imagen a dos: blanco y negro, pero se controla, a través de un rango, los colores que se van a convertir en blanco y los que se van a convertir en negro.



36

Niveles: Con esta herramienta podemos aumentar o disminuir las sombras, medios tonos y luces arrastrando un cursor.

Curvas: Permite el ajuste de la curva tonal de una imagen.



37

Posterizar: Es una herramienta que nos permite reducir el número de colores de una imagen.

Desde el menú Colores accedemos a otras herramientas de color. Desaturar: Transforma una imagen en escala de grises, pero conservando la información de los canales.

Invertir: Conseguimos el “negativo de una imagen”



38

SOFTWARE Y EQUIPO EMPLEADO: 1 Computadora Personal. 1 Cámara digital o escáner. 1 Trípode o soporte para cámara. Microsoft Windows. Microsoft Word. Microsoft Powerpoint. GIMP + GTK (Gimp Tool Kit) Open Source GPL DESARROLLO DE LA PRÁCTICA: 1.- Forme equipos de trabajo de por lo menos 3 integrantes. 2.- Realice un documento de texto en el cual registre todos los tipos y características de los diversos formatos soportados por el GIMP. 3.- Seleccione una imagen. Realice una impresión con el GIMP en modalidad de imagen de pantalla y una en modo gran formato. 4.- Digitalice u obtenga desde un dispositivo dos imágenes y modifique sus colores indexándolos. Haga una copia de las imágenes originales con los efectos indicados. 5.- Digitalice u obtenga desde un dispositivo dos imágenes y aplique ajustes de balance de color, de saturación, color, brillo y contraste. Haga una copia de las imágenes originales con los efectos indicados. 6.- Digitalice u obtenga desde un dispositivo dos imágenes y aplique efectos de umbral, niveles, curvas y posterizar. Haga una copia de las imágenes originales con los efectos indicados. 7.- Genere un documento con diapositivas con las imágenes originales y editadas. 8.- Realice una sesión plenaria ante el grupo y comente sus impresiones generadas por la muestra de las diapositivas. Registre los comentarios importantes y agréguelos en un documento a su carpeta. CONCLUSIONES: Realice sus observaciones y conclusiones de las exposiciones mostradas. Regístrelas en su cuaderno y posteriormente documéntelas en la carpeta de la materia.



39

ESQUEMAS:




40


BIBLIOGRAFÍA: “Manual de GIMP” SÁNCHEZ RODRÍGUEZ, José (Universidad de Málaga) [email protected] RUIZ PALMERO, Julio (Universidad de Málaga) [email protected]




41


OPERACIONES DE SELECCIÓN Y MANEJO DE MÁSCARAS OBJETIVO: Al término de la práctica, el alumno será capaz de trabajar con diversos elementos tales como capa, máscara y paleta.

MARCO TEÓRICO: Una selección es un contorno cerrado con el que podemos realizar operaciones (moverla, copiarla, etc.). Se puede seleccionar una capa entera o parte de ella con diversas formas (rectangulares, ovaladas, libres, etc.). Cuando se selecciona algo aparecen la selección “enmarcada” con una línea que se mueve (a este efecto se le conoce como “hormigas en marcha”).



42

Seleccionar Regiones Contiguas: A veces es más fácil seleccionar zonas por tener un color parecido que hacerlo con la herramienta de mano alzada. En la imagen sobre la que estamos trabajando tenemos una amplia zona de tonalidades grises (el cielo). Se recomienda un Umbral de 15 y se mantiene pulsada la tecla Mayús para que se vayan sumando las zonas.

Es importante “ajustar” el umbral. Una cifra demasiado alta provocaría la selección de zonas no deseadas y una cifra baja hará que se seleccione poco de dicha zona. Salvo que queramos obtener un corte “seco” es conveniente poner algún valor (aunque sea pequeño) en Difuminar los bordes. La casilla de verificación Seleccionar las áreas transparentes incluye las zonas transparentes de la imagen en la selección.

Seleccionar Regiones Por Colores: Esta herramienta es interesante cuando se desea seleccionar zonas por colores. Como disponemos de un umbral en opciones de herramienta, ajustándolo adecuadamente puede ahorrar tiempo, ya que selecciona zonas del mismo color (aunque no estén contiguas en la imagen). Haciendo clic sobre el cielo con un valor en el Umbral de 45 hemos obtenido la misma selección que con la herramienta anterior, aunque con ésta de un solo clic.



43

Seleccionar Formas De La Imagen (Tijeras Inteligentes): Es una herramienta de selección que se basa en las diferencias de colores que existen entre una silueta y su entorno. Hacemos clic en el punto de inicio de la silueta, con lo que se crea un punto de control simbolizado con un pequeño círculo negro. Volvemos a hacer clic tantas veces como sea necesario a lo largo de la silueta, separando los puntos si hay pocos cambios de colores (acercándolos en caso contrario). Para cerrar la silueta se vuelve a hacer clic sobre el primer punto de control. Cuando hemos concluido hacemos clic dentro del contorno.

Seleccionar Objetos De Primer Plano: ● Se trata de enmarcar el objeto que se quiere seleccionar (extraer para copiar) intentando seleccionar lo menos posible del fondo. ●Cuando se suelta el botón del ratón, la parte no seleccionada de la imagen se cubre con una máscara azul oscuro. ● El puntero del ratón se vuelve ahora un icono de brocha para el siguiente paso: consiste en pintar una línea continua en el frente seleccionado (objeto) sobre los colores que quiera seleccionar (no pinte sobre los píxeles del fondo).



44

Editor de Selección: Aunque las “hormigas” que enmarcan las selecciones realizadas nos indican qué zona se encuentra dentro de dicha selección, puede resultar útil disponer de una ventana (cuando estemos haciendo uso de herramientas de selección) que nos informe de forma clara sobre el proceso. Para ello se despliega el menú Diálogos yse elige Editor de selección.



45

Selección Mediante La Herramienta “Crear y Editar Rutas”: Aunque el programa no pone esta herramienta directamente dentro de las de selección, sí se puede utilizar para crear selecciones partiendo de una ruta. ¿Qué hace? Crear “rutas” (selecciones) a partir de líneas rectas y curvas que podemos modificar hasta que se adapten a nuestras necesidades. Luego las rutas las convertimos en selecciones. ¿Cuándo se usa? Obviamente cuando no nos sirven las demás. Imaginemos que queremos hacer una selección “no regular” de una imagen. La única herramienta de selección que nos serviría es la de mano alzada; no obstante, el control de esta herramienta depende del pulso de la persona que maneja el programa y puede que no sea el adecuado o que cuando se haya seleccionado una zona no se ajuste a lo que pretendíamos.

Máscara Rápida: Recordamos que, en la esquina inferior izquierda de la ventana imagen, había un pequeño botón para acceder a la Máscara rápida. Otra forma de acceder a ella es desplegando el menú Seleccionar y eligiendo Activar máscara rápida (también podemos pulsar Mayús+Q). ¿Qué ocurre cuando ponemos la máscara rápida? Aparentemente todo se “llena” de un color rojizo, que no quiere decir que hayamos pintado nada, sino que hemos puesto una máscara de la que poder borrar zonas para que se conviertan luego en la zona seleccionada. Para ello utilicemos la herramienta goma de borrar y borramos la zona de la máscara que queremos que sea la selección. Cuando terminemos volvemos a hacer clic sobre el icono de máscara rápida (que ha cambiado).



46

Cuando hacemos clic sobre el icono Máscara rápida, lo que hemos borrado se convierte en zona seleccionada.

Herramienta Rellenar con un Degradado de Colores: Vamos a comentar esta herramienta antes de seguir con la Máscara rápida. Esta herramienta sirve para rellenar una capa o una selección con un degradado de dos colores. En opciones de herramienta podemos escoger, entre otras opciones, diversos tipos de degradado (frente a fondo, frente a transparente, etc.) y la forma que tendrá el degradado (lineal, radial, etc.).

Máscara Rápida y Degradados: Vamos a hacer una selección con un degradado y luego la utilizaremos para cubrir parte de una imagen de forma gradual. Para ello: • Quitamos las selecciones que podemos tener en la imagen desplegando el menú Seleccionar y eligiendo Nada (Mayús+Ctrl+A). • Activamos la máscara rápida.



47

• Elegimos la herramienta de rellenar con un degradado de colores.• Como color de frente elegimos el negro y como color de fondo el blanco. • Pinchamos cerca del borde izquierdo de la imagen y arrastramos el ratón hasta cerca del borde derecho de la misma (observamos que se ha borrado parte de la zona rojiza ya que lo blanco significaba borrar máscara rápida). • Pulsamos de nuevo el botón Máscara rápida. La mitad de la imagen aparece seleccionada (aquella donde está la parte borrada). • Ahora vamos a borrar esa zona seleccionada seleccionando el menú Editar yeligiendo Limpiar (Ctrl+K). • Por último quitamos la selección.

Un Marco Para Fotos: En ocasiones trabajar sobre las máscaras puede resultar conveniente (para conseguir determinados efectos) que trabajar directamente sobre las imágenes. En este ejemplo vamos a poner un marco de nuestra imagen. Para ello: • Realice una selección rectangular del mismo tamaño que tendría el marco de la fotografía.

• Podrá comprobar por las “hormigas” que la zona seleccionada es la del monumento en lugar del marco. • Por tanto, despliegue el menú Seleccionar y elija Invertir. • Presione el botón de Máscara rápida. Lo que está seleccionado (por la ausencia de color rojizo) es el marco. • Despliegue el menú Filtros >> Distorsiones >> Ondas... En amplitud y longitud de la onda especifique un valor de 5 y acepte.



48

• Como la selección es “dura” (tiene un borde muy definido), vamos a desenfocarlos desplegando el menú Filtros >> Desenfoque >> Desenfoque gaussiano... Dejamos los valores a 5 y aceptamos. • Presionamos de nuevo el botón Máscara rápida. • Para rellenar el marzo arrastramos uno de los patrones (el que más nos guste) encima de la imagen. • Por último, desplegamos el menú Seleccionar >> Nada para ver nuestra imagen con marco.

Las Capas: Las capas son como acetatos puestos unos encima de otros. La parte que no está rellena en una capa deja ver el contenido de la capa de debajo. La ventaja que tiene trabajar con capas es que lo que se haga en una no influye al contenido de las otras. Una capa puede ser borrada, duplicada, combinada con otras. A una capa se le puede cambiar el tamaño de forma independiente, se pueden mover, se les puede cambiar el orden de apilación, etc. También permiten distintos grados de transparencia. En la figura de la derecha tenemos una serie de capas que, combinadas, forman una imagen que puede ser utilizada como portada en una página Web, como componente de una primera página en una publicación impresa, etc.



49

Botones de la Ventana Capa: Los botones sirven, de izquierda a derecha, para lo siguiente: • Crear una capa nueva.• Subir la capa seleccionada. • Bajar la capa seleccionada. • Duplicar la capa activa. • Anclar la capa (este botón se activa en algunas operaciones, como por ejemplo cuando se pega una capa y está esperando la selección a “ser fijada”). • Borrar la capa activa. También se puede borrar una capa arrastrándola a la papelera.

Acceso al menú de capas/solapas. Este botón nos permite acceder al menú de capas (aparte de poder gestionar las solapas (añadir, cerrar, desprender, etc.). Otra forma de acceder al menú de capas es hacer clic con el botón derecho en la ventana capas. Nos aparece el menú de capas como menú contextual emergente. Bloqueo de transparencia. Sirve para poder rellenar una capa (con un color sólido o un patrón) o una parte de ella sin que afecte a las zonas transparentes de la misma. Modo de combinación. La forma de combinación de la capa en la imagen lo elegimos aquí.Control de la opacidad. Se puede establecer la transparencia de la capa desplazando el botón deslizante o introduciendo directamente el porcentaje de opacidad deseado en el cuadro de texto. Nombre de la capa. Sirve para identificar la capa (es útil cuando una imagen está compuesta por muchas capas). Puede modificarse haciendo doble clic sobre el nombre de cada capa. Capa seleccionada. Se encuentra coloreada e indica que lo que hagamos en la ventana imagen surtirá efecto en ella.



50

Visibilidad de la capa. Si el ojo está visible vemos la capa en la ventana imagen. Si hacemos clic sobre el ojo, éste desaparece y la capa deja de estar visible en la ventana imagen. Capa enlazada. Este icono (que se activa y desactiva haciendo clic sobre él) permite la transformación agrupada de todas las capas que están enlazadas. Acceso al menú de capas / solapas Bloqueo de la transparencia Modo de combinación Control de la opacidad Visibilidad de la capa Capa seleccionada Nombre de la capa Icono de capa enlazada

Crear Una Capa Nueva: Cuando se crea una capa nueva hay que elegir: • El nombre que le vamos a dar a la capa. Es conveniente poner un nombre acorde con el contenido que vaya a tener para luego localizarla con más facilidad en la lista de capas. • La anchura y la altura. Nos propone siempre el programa por defecto el tamaño de la imagen como tamaño de la capa, pero esta cifra puede ser cambiada a nuestro antojo. • El relleno de la capa: color de frente, de fondo, blanco o transparencia.

Arrastre de Capas Entre Archivos: Si suponemos (como hemos visto en el epígrafe anterior, en la animación texto3) que tenemos dos ventanas de imágenes distintas y queremos copiar una capa de una ventana a otra, un procedimiento cómodo es arrastrar la capa que queremos copiar de una ventana a otra. Otro procedimiento (normal en todas las aplicaciones)



51

consiste en, una vez seleccionada la capa que se quiere copiar en el archivo de origen, desplegar el menú Editar y elegir la opción Copiar (o la combinación de teclas Ctrl+C). Posteriormente seleccionamos la imagen destino (sobre la que queremos copiar la capa) y elegimos Editar >> Pegar (Ctrl+V). Si utilizamos este procedimiento verá en la ventana de capas una capa que se llama “Selección flotante (Capa pegada)”. Para fijar (anclar) la capa, tenemos que pulsar el icono ancla que hay en la parte inferior de la ventana, aunque lo mejor es que hagamos clic sobre esa capa con el botón derecho y, en el menú emergente, elija la opción Capa nueva... (con esto se pega la selección flotante en una nueva capa).

Combinación De Capas: Hasta ahora hemos visto que las capas son como acetatos superpuestos y los superiores dejan ver lo que hay en las capas de abajo si tienen zonas transparentes. GIMP no se queda exclusivamente en esta posibilidad, pues nos ofrece distintos modos de combinar las capas con las que están debajo de ellas. Para ver algunas combinaciones hemos partido de la siguiente disposición de capas: – Un fondo con dos colores. – Una capa con un círculo amarillo. – Una capa con las palabras “El GIMP” a la que se ha descartado la información del texto.



52

SOFTWARE Y EQUIPO EMPLEADO: 1 Computadora Personal. 1 Cámara digital o escáner. 1 Trípode o soporte para cámara. Microsoft Windows. Microsoft Word. Microsoft Powerpoint. GIMP + GTK (Gimp Tool Kit) Open Source GPL DESARROLLO DE LA PRÁCTICA: 1.- Forme equipos de trabajo de por lo menos 3 integrantes. 2.- Seleccione una imagen. Realice una impresión con el GIMP en modalidad de imagen de pantalla y una en modo gran formato. 3.- Digitalice u obtenga desde un dispositivo dos imágenes y modifique sus colores indexándolos. Haga una copia de las imágenes originales con los efectos indicados. 4.- Digitalice u obtenga desde un dispositivo dos imágenes y aplique ajustes de balance de color, de saturación, color, brillo y contraste. Haga una copia de las imágenes originales con los efectos indicados. 5.- Digitalice u obtenga desde un dispositivo dos imágenes y aplique efectos de umbral, niveles, curvas y posterizar. Haga una copia de las imágenes originales con los efectos indicados. 6.- Genere un documento con diapositivas con las imágenes originales y editadas. 7.- Realice una sesión plenaria ante el grupo y comente sus impresiones generadas por la muestra de las diapositivas. Registre los comentarios importantes y agréguelos en un documento a su carpeta.



53

CONCLUSIONES: Realice sus conclusiones en base a su experiencia de diseño Web. Regístrelas en su cuaderno y posteriormente documéntelas en la carpeta de la materia.



54

ESQUEMAS:




55






56


RETOQUE DE IMÁGENES EN ESCALA DE GRISES OBJETIVO: Al término de la práctica, el alumno será capaz de retocar y restaurar imágenes digitales en escala de grises.

MARCO TEÓRICO:

Abra con el GIMP una imagen previamente convertida en escala de grises. Puede ser una imagen antigua escaneada si así lo desea o una imagen desaturada desde origen (B/N).

Empleando herramientas de selección y depurando la misma en modo de máscara rápida, seleccione una porción de la imagen que desee colorear.



57

A continuación haga clic en el menú Colores y seleccione la opción Colorear.

Aparecerá la ventana para colorear, en la cual se muestran 3 controles deslizables, Tono, Saturación y Luminosidad. La imagen se torna color azuloso, esto indica que los tonos se deberán modificar.



58

A continuación quite la selección haciendo clic en el menú Seleccionar en la opción Nada para descartar la selección.

Ahora seleccione el fondo de la imagen. Esto se debe hacer para mejorar la presentación de la imagen.

Al remover la selección y aceptar las modificaciones, la imagen se muestra de la siguiente manera:



59

MATERIAL Y EQUIPO: 1 Computadora Personal. 1 Cámara digital o escáner. 1 Trípode o soporte para cámara. Microsoft Windows. Microsoft Word. Microsoft Powerpoint. GIMP + GTK (Gimp Tool Kit) Open Source GPL. DESARROLLO DE LA PRÁCTICA: 1.- Forme equipos de trabajo de por lo menos 3 integrantes. 2.- Obtenga en su ordenador 3 imágenes digitales en escala de grises o desaturadas previamente. 3.- En caso de que las imágenes estén dañadas (se recomienda hacer este ejercicio con imágenes antiguas) restaure con la herramienta de Saneado las partes que lo requieran. 4.- A continuación proceda con las diversas selecciones de las distintas imágenes y emplee la herramienta Colorear con personas, ropa y objetos de las fotografías. 5.- Genere un documento de texto en el cual registre las el proceso empleado para la edición de llas imágenes. Agregue el documento de texto a la carpeta del material del curso. 6.- Realice una presentación con diapositivas agregando las fotografías originales y editadas. Muéstrelas en una sesión plenaria y comente los trabajos realizados con el grupo.




60

ESQUEMAS:




61






62


FOTOMONTAJE DIGITAL OBJETIVO: Al término de la práctica, el alumno será capaz de diseñar imágenes compuestas o fotomontajes.

MARCO TEÓRICO: Para realizar un montaje en el GIMP, se emplea el método tradicional: emplear dos imágenes. De ambas, una se comporta como fondo y la otra aporta la segunda capa o elemento a sobreponer en la composición.

Paso 1: Escoja la foto con elemento a sobreponer y copie la selección:

• Abra el Gimp, espere a que cargue. • Ejecute: Archivo, abrir, y busque la foto, (quizás de una persona) para copiarla

y pegarla en otra foto (fondo). • Después que abrió la ventana de la foto, las herramientas necesarias estarán

en la otra ventana de Gimp. • Escoja la herramienta tijeras inteligentes (o cualquier otra de selección). • Haga clic en una parte del cuerpo de la persona, y agregue otros cuatro

puntos a manera que rodee a la persona aunque queden dentro del cuerpo, lo importante es rodear el cuerpo, luego intente corregir los puntos.

• Ajuste estos cinco puntos para que queden mejor colocados en el cuerpo. • Ahora en las líneas agregue más puntos donde crea que requiera y muévalos

para que se adapten mejor al cuerpo de la imagen (con unos 5 o 10 es suficiente). Puede ayudarse con la herramienta máscara rápida.

• Ahora haga clic en el centro del círculo para que se efectúe la selección. • Vaya al menú Editar, haga clic en copiar (Control C), para copiar en el

portapapeles la selección.



63

Paso 2: Abra la segunda foto (el fondo) y pegue el elemento (a la persona):

• En la ventana GIMP: Archivo, abrir, seleccione la foto (del fondo), haga clic en abrir.

• Aparecerá otra ventana de foto (manipulación de imagen). • En la misma ventana, haga clic en el menú Edición, y seleccione Pegar (o Ctrl

V). Aparecerá el elemento (la persona) recortada dentro de la foto. • Con la herramienta mover, cambie de posición la persona si lo prefiere. • Salve el Archivo, en el menú del mismo nombre haga clic en Guardar como,

proporcione el nombre y el formato.

Extra: Si lo desea, en el paso dos, primero genere una nueva capa transparente, para poder borrar algunas partes de la nueva foto pegada y que se aprecie el fondo.



64

SOFTWARE Y EQUIPO EMPLEADO: 1 Computadora Personal. 1 Cámara digital o escáner. 1 Trípode o soporte para cámara. Microsoft Windows. Microsoft Word. Microsoft Powerpoint. GIMP + GTK (Gimp Tool Kit) Open Source GPL DESARROLLO DE LA PRÁCTICA: 1.- Forme equipos de trabajo de por lo menos 3 integrantes. 2.- Seleccione 3 imágenes como fondos para crear fotomontajes:

• 1 imagen con un grupo de personas. • 1 imagen con un paisaje. • 1 imagen de un cuarto o una pared.

3.- Seleccione 3 imágenes como elementos para crear fotomontajes:

• 1 imagen con una persona. • 1 imagen con aves. • 1 imagen con diversos objetos (cuadros, relojes, etc.).

4.- Realice los fotomontajes relacionando el orden de las imágenes de los anteriores puntos. 5.- Realice una presentación con diapositivas en la que se muestren las imágenes originales así como los fotomontajes. 6.- En una sesión plenaria realice la muestra de los proyectos ante el grupo y genere un documento de texto con los comentarios y sugerencias correspondientes.



65




66

ESQUEMAS:




67






68


IMÁGENES DE CAMPO CON CÁMARA DIGITAL OBJETIVO: Al término de la práctica, el alumno será capaz de aplicar diversas técnicas para lograr imágenes digitales con calidad en diversos entornos.

MARCO TEÓRICO: Encuadre y tema: Encuadrar es la acción de seleccionar, a través del visor, aquello que el fotógrafo desea captar en una fotografía. Encuadrar significa, por tanto, establecer los límites de la fotografía y decidir qué elementos aparecerán en la imagen. Esta decisión tiene una gran importancia, ya que el tema de la fotografía está en función de los elementos que se incluyan en el encuadre. Una de las muchas características de las cámaras digitales consiste en su capacidad de aplicar el método de "apuntar y disparar", sin que sea imprescindible un control manual sobre los parámetros de exposición. Sin embargo, si no se presta atención a los elementos que aparecen en el visor, que son los que conforman la fotografía, se corre el riesgo de malograr la toma. Una máxima a recordar consiste en que en la fotografía sólo deben aparecer los elementos que facilitan la comprensión del tema y, en su caso, aquellos que pueden ayudar a potenciar la intención del fotógrafo. El fotógrafo debe dedicar tiempo a analizar todo aquello que ve a través del visor y ser capaz de seleccionar sólo lo estrictamente imprescindible. Por lo general, una fotografía será más fácil de comprender para el espectador cuantos menos elementos contenga. En este sentido, la imagen debe incluir sólo lo que sintetice la intención expresiva o comunicativa del fotógrafo. En las próximas cuatro fotografías puede apreciarse la importancia del encuadre. Un mismo escenario puede contener diversas fotografías posibles. En el plano general se aprecia la totalidad de la escena; en la segunda se otorga protagonismo al edificio; en la tercera, la fragmentación potencia el grafismo y las figuras; por último, la cuarta toma permite establecer una clara comparación entre la grandiosidad del edificio y las minúsculas figuras de la parte inferior izquierda.



69

Cómo encuadrar mejor: La mejor fórmula para aprender a encuadrar lo estrictamente necesario es muy simple pero, al principio, requiere un poco de paciencia. Resulta imprescindible dedicar un cierto tiempo a analizar todo lo que aparece en el visor. Una vez que el fotógrafo ha decidido la posición, el ángulo de toma y la distancia de trabajo, debe comprobar si todo lo que aparece en el visor resulta necesario en la fotografía. Si algo no favorece a la imagen, se debe cambiar la posición, intentar modificarlo o, en último caso, esperar a que las condiciones puedan ser más favorables para la toma. El entorno del motivo principal, el fondo, los colores, la posición del sol y la importancia de las sombras, son los aspectos fundamentales que se deben controlar. Un entorno confuso cerca del motivo, fondos demasiado claros o gráficamente muy potentes, colores llamativos en el entorno o el sol situado detrás del protagonista, pueden hacer que la toma no cumpla con los requisitos mínimos para ser considerada una buena fotografía.



70

Cuanto más cerca mejor: Uno de los aspectos que suele tener muy en cuenta el fotógrafo experimentado es la distancia a la que se toma la fotografía. El mejor consejo consiste en tomar la fotografía a la menor distancia posible. Por el contrario, el fotógrafo principiante suele tener una cierta tendencia a pensar que cuanto más lejana sea la toma más espontánea será la fotografía. Las tomas cercanas transmiten sensación de proximidad y calidez, especialmente en temas humanos. Las fotografías tomadas a corta distancia, al excluir entornos poco adecuados, son mucho más espectaculares y potencian el protagonismo del motivo. Acercarse con la cámara siempre que sea posible, resulta más recomendable ubicarse cerca con la cámara que con el zoom en posición de teleobjetivo. El acercamiento óptico, mediante el zoom incorporado a la cámara, provoca una compresión de la perspectiva y la imagen transmite una cierta sensación de distanciamiento. Por el contrario, una toma cercana y realizada con el zoom en posición de angular, transmite una mayor implicación en el tema y el espectador lo percibe como algo más próximo.

La primera toma se ha realizado demasiado lejos y desde un punto de vista excesivamente elevado. Por el contrario, en la segunda se ha reducido la distancia de toma, se ha bajado el punto de vista y se ha mejorado la iluminación. Una excelente forma de reforzar el protagonismo del motivo consiste en enmarcarlo o realzarlo mediante el entorno. Por ejemplo, una persona asomada en una ventana, situada en una zona iluminada por un rayo de sol, o en un claro entre la vegetación, son algunas de las diversas fórmulas para destacar el motivo aprovechando el entorno que lo rodea.



71

¿Vertical u horizontal? En la fotografía digital, y especialmente según el tipo de cámara que se utilice, se tiende a tomar las fotografías en sentido horizontal. Ello comporta una mayor comodidad en el visionado, ya sea a través de la pantalla LCD o del monitor del ordenador. Sin embargo, esta comodidad no significa que, como en la fotografía química, no deba tenerse en cuenta la orientación del formato. Naturalmente, la decisión última la tiene el fotógrafo, pero resulta fácil encontrar situaciones en las que el formato vertical puede resultar más interesante que el vertical y viceversa. Pasar de un formato horizontal al vertical, o al revés, no sólo es un cambio estético, al modificar el encuadre y la composición se pueden producir cambios en el contenido de la fotografía. El fotógrafo debe controlar si el cambio resulta positivo tanto en la composición como en la fuerza estética y expresiva de la fotografía.

La toma vertical ofrece una visión limitada de la escena, mientras que la horizontal mejora notablemente el interés de la fotografía. La inclusión de la columna en el tercio de la izquierda contribuye a reforzar la sensación de perspectiva y profundidad. La regla de los tercios: La regla de los tercios es una excelente fórmula para crear la composición y ayuda a situar los elementos dentro del encuadre. Ésta consiste en dividir, de forma imaginaria, el visor en tres partes horizontales y tres verticales. Las líneas horizontales sirven de guía para situar los horizontes en las fotografías de paisaje, mientras que las verticales son la referencia para situar los elementos verticales de la composición. En una fotografía de paisaje resulta recomendable, por razones estéticas, no situar el horizonte en el centro del encuadre. De esta forma se evita la sensación de que la imagen está dividida en dos partes iguales. Es decir, se evita la simetría en la composición que, desde un punto de vista estético, puede resultar poco estimulante. Cuando se dispone de un cielo interesante, con nubes blancas que destacan sobre el fondo azul, nubarrones que amenazan tormenta, etc., se puede situar el horizonte en



72

el tercio inferior y dar así protagonismo al cielo. Por el contrario, si el cielo carece de interés resulta más útil situar el horizonte en el tercio superior. En este caso se debe centrar el protagonismo en los dos tercios inferiores buscando el interés en el paisaje y los elementos que lo componen.

Al desplazar el horizonte del centro de la imagen se obtiene una composición asimétrica. Sitúa el horizonte en el tercio inferior cuando quieras otorgar el protagonismo al cielo, y en el tercio inferior cuando el protagonismo esté en el suelo. Evita colocar el horizonte en el centro del encuadre. La simetría: La simetría se produce cuando existe un elemento central, que divide la imagen en dos partes, y elementos que se repiten a uno y otro lado. Las fotografías simétricas suelen producir sensaciones agradables en los espectadores de las imágenes. La simetría puede encontrarse en fachadas de casas, que con su estructura de puertas y ventanas puede semejar un rostro humano; en paisajes en los que los campos o los árboles de un bosque faciliten encuadres simétricos; en los reflejos en lagos o ríos, en los que las aguas muestran una réplica exacta del paisaje del entorno, y un largo etcétera. Las fotografías simétricas, inicialmente agradables, hacen que muchos aficionados caigan en la repetición y sus imágenes, por repetitivas, sean monótonas y poco sorprendentes. Sin embargo, desde el punto de vista de la composición, se considera que, en general, las fotografías asimétricas tienen más fuerza expresiva. La composición simétrica transmite sensaciones ligadas a la estabilidad y a la serenidad. En este caso, la toma en contrapicado aporta dinamismo a la imagen.



73

La composición asimétrica no tiene que ser, necesariamente, una imagen desequilibrada. En este caso, el mayor espacio de la parte derecha ayuda a equilibrar la composición.

La luz artificial: Por luz artificial se entiende toda aquella fuente producida por el ser humano. En la sociedad actual el ser humano pasa una gran cantidad de horas iluminado por la luz artificial. Muy pocos lugares de trabajo en interiores disponen de luz natural. Las bombillas y, especialmente, los fluorescentes son habituales en el entorno de trabajo de millones de seres humano. La fotografía digital ha resuelto el eterno problema de las dominantes de color, producidas por las fuentes de luz artificial, que se dan en la fotografía química cuando no se utiliza flash. Mediante un ajuste electrónico se pueden corregir las dominantes y obtener imágenes con un equilibrio de color parecido al que proporciona la luz solar. A simple vista se puede apreciar que la luz tiene una coloración distinta a lo largo del día. Las primeras y últimas horas del día ofrecen una luz más cálida, es decir, produce fotografías con una dominante de color que tiende hacia el anaranjado, especialmente a la puesta del sol. Estas dominantes se deben a la posición del sol con respecto a la tierra, y a la capa atmosférica que deben atravesar sus rayos. El término técnico que describe el color de la luz se denomina temperatura de color. La temperatura de color se mide en grados Kelvin (ºK) y, casi siempre, es la responsable de la alteración del color en las fotografías.



74

Las anteriores fotografías han sido realizadas a primera hora de la mañana, a mediodía y a última hora de la tarde. En ellas se puede apreciar el efecto de la temperatura de color a lo largo del día. Una misma escena, según la hora, puede aparecer con distintas dominantes de color. SOFTWARE Y EQUIPO EMPLEADO: 1 Computadora Personal. 1 Cámara digital o escáner. 1 Trípode o soporte para cámara. Microsoft Windows. Microsoft Word. Microsoft Powerpoint. GIMP + GTK (Gimp Tool Kit) Open Source GPL. DESARROLLO DE LA PRÁCTICA: 1.- Forme equipos de trabajo de por lo menos 3 integrantes. 2.- Realice con ayuda de un trípode las siguientes imágenes fotográficas:

• Encuadre total. • Perspectiva general. • Grafismos. • Comparativa.

3.- Realice con ayuda de un trípode las siguientes imágenes fotográficas:

• Acercamiento presencial. • Acercamiento con zoom.


• Plano Horizontal. • Plano Vertical.


• Regla de los tercios. • Simétrica. • Asimétrica.

6.- Realice con ayuda de un trípode las siguientes imágenes fotográficas del mismo lugar a la misma distancia en el siguiente horario:

• 8 a.m. • 10 a.m. • 12 p.m. • 2 p.m. • 4 p.m.



75

• 6 p.m. 7.- Registre las variaciones en la temperatura del color, luz y sombras naturales. 8.- Realice una presentación con diapositivas con las imágenes obtenidas. Realice la muestra de las mismas en una sesión plenaria. 9.- Registre un documento de texto con los comentarios y sugerencias generadas en la plenaria. CONCLUSIONES: Realice sus observaciones de los diseños de imagen digital corregidos, así como sus conclusiones de las exposiciones mostradas. Regístrelas en su cuaderno y posteriormente documéntelas en la carpeta de la materia.



76

ESQUEMAS:




77






78


PREPARACIÓN DE IMÁGENES PARA LA WEB OBJETIVO: Al término de la práctica, el alumno será capaz de preparar imágenes en diversos formatos para la web.

MARCO TEÓRICO: Bajar Imágenes de Internet: Antes de comentar el procedimiento de bajada de imágenes a nuestro equipo hay que indicar que las imágenes de Internet pueden tener también copyright. Por tanto, bajar y utilizar imágenes sin autorización en un documento propio puede ser ilegal. Por consiguiente tenemos que: • Solicitar permiso al autor de la imagen. • Bajar imágenes de sitios Web que nos permitan hacerlo. Esta última opción es la más conveniente, ya que la autorización de una persona para usar una imagen suya en una obra propia puede demorarse o no recibirse nunca (aparte que no tenemos la seguridad que una autorización recibida por correo electrónico sea suficiente desde un punto de vista legal). • Banco de imágenes del CNICE: http://bancoimagenes.cnice.mec.es/ Cuando descargamos una imagen de él (nos proporciona un botón para ello en cada imagen) se nos informa que el banco de imágenes Este Banco de imágenes y sonidos “tiene como objetivo primordial crear un conjunto de recursos audiovisuales que faciliten y estimulen el desarrollo de contenidos educativos” • Flickr: http://www.flickr.com/ En noviembre de 2007 llegó a alcanzar la cifra de 2000 millones de fotografías; de ellas disponemos de más de 25 millones que se pueden utilizar con la condición de citar al autor en la parte de créditos (http://www.flickr.com/creativecommons/). • Wikipedia: http://es.wikipedia.org/ Las imágenes que están incluidas en los artículos de esta enciclopedia generalmente pueden ser utilizados (en cada imagen se nos informa de su licencia). • Open Clip Art Gallery: http://www.openclipart.org/ • Openphoto: http://www.openphoto.net/ • Free Digital Photos: http://www.freedigitalphotos.net/ Pues bien, para descargar una imagen abrimos un navegador, ponemos la dirección de la Web desde la que nos queremos descargar imágenes, buscamos la que necesitemos y, una vez la tengamos en pantalla (si no se nos proporciona un enlace o botón para descargarla en alta resolución), la forma más fácil de “bajarla” es pulsar



79

sobre ella con el botón derecho. En el menú contextual emergente que aparece elegimos la opción Guardar imagen como...

Script-Fu para la Web: Sirven para crear una serie de imágenes útiles para páginas Web o para aplicaciones multimedia.



80

Hay un Script-Fu para crear una esfera. En el menú Misc. Podemos elegir el radio, color de fondo, de la esfera.

La opción patrones que luego utilizaremos como relleno. El proceso es el mismo para todos los Script-Fu de este grupo: 1. Se genera la imagen con los parámetros que deseemos. 2. Cuando guardamos la imagen tenemos que elegir el siguiente directorio para guardar el patrón: C:\Archivos de programa\GIMP-2.0\share\gimp\2.0\patterns. 3. Se pone el nombre que se desee al archivo, pero con la extensión PAT. Cuando reiniciemos GIMP tendremos el/los patrones creados para su uso.



81

Crear un texto logotipo:

Para ello desplegamos en la caja de herramientas el menú Exts, bajamos a la opción Logotipos; una vez hecho esto, se nos muestra la lista de logotipos que trae el programa.

Puede modificar distintas opciones, como el texto, el color, los efectos basado en una herramienta básica con el editor Sript-Fu.



82

El ejemplo anterior, tiene un diseño de texto alienígena, realice a continuación el almacenamiento del diseño, con la opción Guardar.

Revise las opciones Buscar otras Carpetas y Seleccionar el tipo de Archivo, así como asignar el nombre del archivo.



83

Estas son las opciones Buscar Otras Carpetas y Seleccionar el Tipo.

El GIMP tiene soporte para casi todos los formatos empleados. En esta opción también aparece un botón con referencia a la ayuda.



84

SOFTWARE Y EQUIPO EMPLEADO: 1 Computadora Personal. 1 Cámara digital o escáner. 1 Trípode o soporte para cámara. Microsoft Windows. Microsoft Word. Microsoft Powerpoint. GIMP + GTK (Gimp Tool Kit) Open Source GPL. DESARROLLO DE LA PRÁCTICA: 1.- Forme equipos de trabajo de por lo menos 3 integrantes. 2.- Diseñe los siguientes proyectos con imágenes para la web:

• Logotipo. • Firma digital de imagen.

3.- Diseñe los siguientes proyectos de editorial:

• Portada de revista. • Propuesta de índice editorial.

Los diseños deberán estar desarrollados en GIMP e impresos en hojas tamaño carta a color, agréguelos a la carpeta del material del curso. 4.- Realice una presentación en Powerpoint en las que se observen los diseños. Muéstrelos ante los integrantes del grupo. Realice comentarios sobre los puntos tratados. 5.- Genere un documento de texto en el cual registre las observaciones y consideraciones expuestas. Agregue el documento de texto a la carpeta del material del curso. CONCLUSIONES: Realice sus observaciones y conclusiones de las exposiciones mostradas. Regístrelas en su cuaderno y posteriormente documéntelas en la carpeta de la materia.



85

ESQUEMAS:




86




Documents

MANUAL FOTODISEÑO