01_Introduccion_a_GIMP.

_Primeros_pasos

http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_...

Tema 1 CEFIRE
Introducción a GIMP. Primeros pasos

1 of 53

21/09/2010 12:04

01_Introduccion_a_GIMP._Primeros_pasos

http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_...

Conocimientos previos

Pre-conocimiento
En este primer tema empezaremos a usar la herrmienta GIMP desde cero, Recomendamos como conocimientos previos saber manejar un sistema operativo (por ejemplo LLiurex), es decir: abrir carpetas, instalar aplicaciones, ejecutarlas, etc.. En esta sesión conoceremos la herramienta GIMP y sus diferentes partes, así como un uso básico de la misma.

2 of 53

21/09/2010 12:04

01_Introduccion_a_GIMP._Primeros_pasos

http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_...

Objetivos

Objetivos
El objetivo principal de este tema es ser punto de partida para que el alumnado sepa instalarse GIMP en su ordenador y comenzar a utilizarlo de forma básica. Más concretamente los objetivos son: 1. Saber descargar e instalar GIMP 2. Conocer las diferentes partes de la herramienta. 3. Saber diferenciar entre imágenes vectoriales y de mapas de bits. 4. Entender que son los formatos de imagen, y conocer losmás ampliamente usados. Estos últimos se aprenderá a manejarlos con GIMP. 5. Saber manipular las dimensiones de una imagen 6. Aprender a crear textos con GIMP

3 of 53

21/09/2010 12:04

01_Introduccion_a_GIMP._Primeros_pasos

http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_...

Contenidos

Contenidos
Que nos permitirán alcanzar los objetivos anteriormente descritos, se dividen en 1. Introducción y descarga de GIMP 2. Partes de la herramienta GIMP 3. Mapa de bits vs Imagen vectorial 4. Formatos de imagen 5. Redimensionar una imagen 6. Manejo básico GIMP: Textos

4 of 53

21/09/2010 12:04

01_Introduccion_a_GIMP._Primeros_pasos

http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_...

Criterios de evaluación

Criterios de Evaluación
Para aprobar esta sesión será necesario entregar correctamente (con APTO) las actividades propuestas a lo largo de las secciones. Esta sesión al ser la incial solo tiene actividades en la cuarta, quinta y sexta sección. Con el objetivo de poder diferenciar las entregas de los alumnos cada entrega se hará siguiendo el siguiente patrón: 1- se comprimirán los resultados de cada sección en un fichero comprimido tipo .ZIP 2- se renombrará con el nombre del alumno, primer apellido y sección del siguiente modo: nombre1_apellido1_tema1_seccionX.zip (Ej: vicente_rubio_tema1_seccion1.zip) 3- Cada sección se entregará por separado El examen de autoevaluación no será entregado al profesor. Servirá al alumnado para comprobar sus conocimientos adquiridos a lo largo de la sesión.

5 of 53

21/09/2010 12:04

6 of 53 21/09/2010 12:04 .0.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_._Primeros_pasos http://127..0.01_Introduccion_a_GIMP.. Sección 1 Introducción y descarga de GIMP Temporización: 20 min.

La primera versión se desarrolló para sistemas Unix y fue pensada especialmente para GNU/Linux. con lo cual lo único que tendrás que hacer es actualizarla en caso de que no sea una versión 2.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_.. el cambio de tamaño y recorte de fotografías. Se publica bajo la licencia GNU General Public License.0.01_Introduccion_a_GIMP.0. En el caso de LLiurex se lanza mediante Aplicaciones / Graficos / Gimp Siga los siguientes enlaces para descargar GIMP para la plataforma que prefieras: 7 of 53 21/09/2010 12:04 . sin embargo actualmente existen versiones totalmente funcionales para Windows y para Mac OS X. Es la alternativa más firme del software libre al popular programa de retoque fotográfico Photoshop. la combinación de imágenes usando un paradigma de capas.. GIMP sirve para procesar gráficos y fotografías digitales. También se puede utilizar el GIMP para crear imágenes animadas sencillas. Teoría Introducción y descarga de GIMP GIMP (GNU Image Manipulation Program) es un programa de manipulación de imágenes del proyecto GNU. Los usos típicos incluyen la creación de gráficos y logos._Primeros_pasos http://127. Lo más probable si trabajas en una distribución Linux es que tengas ya instalada una versión de GIMP.6 o superior (en las últimas versiones de LLiurex viene esta versión por defecto ya instalada). la eliminación de elementos no deseados de las imágenes y la conversión entre distintos formatos de imágenes. el cambio de colores.

.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_.01_Introduccion_a_GIMP. GIMP para Windows Gimp para Mac OS X Distribuciónes de Linux GIMP versión portátil 8 of 53 21/09/2010 12:04 ..0._Primeros_pasos http://127.0.

Autores 1. 2006. Primeros pasos con Wilber 1. Lanzamiento del GIMP 1. Ejecutando el GIMP 1. La ventana de la imagen 2.0.2 or any later version published by the Free Software Foundation. Argumentos de la línea de comandos 2. Version 1.gimp. . Introducción 1. 2003. El sistema de ayuda del GIMP 1. .1. A copy of the license is included in the section enphrased GNU Free Documentation License.0.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_. Comenzando con el GIMP 1. no Front-Cover Texts.. with no Invariant Sections.org/2. The Toolbox 2..1.2.1.2. Ampliar conocimientos http://docs. Conceptos básicos del GIMP 2. Autores y contribuyentes al manual de usuario del GIMP I. Diálogos empotrables 9 of 53 21/09/2010 12:04 .6/es/ Programa de Manipulación de Imágenes de GNU Programa de Manipulación de Imágenes de GNU Manual de usuario Copyright © 2002._Primeros_pasos http://127. ¿Qué hay nuevo en el GIMP 2.1. 2008. Bienvenido al GIMP 1.3.3. 2004. Lenguaje 1. 2005. 3.01_Introduccion_a_GIMP.2. 2009. 2007. Finally . 2010 Equipo de Documentación de GIMP Copyright © 2009 Luis Diego Alpizar Nota legal Permission is granted to copy.3. Tabla de contenidos Prefacio 1.6? 2. distribute and/or modify this document under the terms of the GNU Free Documentation License. Starting GIMP the first time 2. Plataformas conocidas 1. Ventanas principales del GIMP 2. and no Back-Cover Texts. Propiedades y capacidades 2.

. 10 of 53 21/09/2010 12:04 . Seccion 2 Partes de la herramienta GIMP Temporización: 20 min..01_Introduccion_a_GIMP._Primeros_pasos http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_.

. si quieres. La siguiente ventana que vamos a ver es La Caja de Herramientas. si quieres. Teoría Partes de la herramienta GIMP Cuando arrancas Gimp por primera vez te aparece una pantalla con varias ventanas (configuración predeterminada). y distribuyendo las ventanas. Será parecida a la de la imagen. cuando arranques Gimp. en otra ocasión.".. en cualquier momento. aparecerá de nuevo esta ventana con un nuevo consejo. y empotrándolos. a los existentes.0.. 1. la puedes cerrar. Se puede configurar de la forma que más interese: abriendo más diálogos._Primeros_pasos http://127. Veamos las ventanas individualmente.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_. después.01_Introduccion_a_GIMP. La Caja de Herramientas: 11 of 53 21/09/2010 12:04 . 2. En ella se encuentran la mayoría de herramientas de Gimp (las cinco primeras filas de iconos ). se puede abrir esta ventana desde Ayuda/Consejo del día. También. los consejos anteriores o siguientes... Puedes ver. Consejo del día de Gimp: puedes marcar la casilla "Mostrar un consejo. Es el corazón de Gimp y la ventana más importante..0.

_Primeros_pasos http://127.0.. Veamosla en dos partes Icono Función Seleccionar regiones rectangulares Seleccionar regiones elípticas Seleccionar regiones dibujadas a mano Seleccionar regiones contiguas Seleccionar regiones por colores Seleccionar formas de la imagen Seleccionar zonas con objetos en el frente Crear o editar rutas Recoger colores de la imagen Aumento o disminución Medida de distancias y ángulos Mover capas y selecciones Alinear capas y objetos Recortar o redimensionar una imagen Rotar la capa o la selección Escalar la imagen o selección Inclinar la imagen o selección Cambiar la perspectiva de la capa o la selección Invertir la imagen o selección simétricamente Añadir texto a la imagen Rellenar con un color o patrón Rellenar con un degradado de colores Pintar píxeles de bordes duros Pintar trazos borrosos de brocha Borrar el color de fondo o la transparencia 12 of 53 21/09/2010 12:04 .01_Introduccion_a_GIMP.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_..0.

.0. En la parte inferior se ve un dialogo que va variando en función de la herramienta seleccionada Si sitúas el ratón sobre los distintos iconos aparecerá información sobre ellos y. Aerógrafo de presión variable Dibujar con tinta Pintar usando patrones o regiones de la imagen Sanear irregularidades de la imagen Clonar en perspectiva Desenfocar o enfocar Borronear la imagen Blanquear o ennegrecer trozos y por otro lado Bajo las herramientas . Deshacer. pinchando sobre ellos. muestran el color de fondo y frente seleccionado. Desde Ventana/Diálogos empotrables se puede acceder a los distintos diálogos disponibles. también muestra un atajo de teclado. se abre el diálogo correspondiente. Un diálogo empotrable con cuatro solapas ( solo podrá estar activa una solapa) : La capa. lo mismo con el otro. y será visible si se ve un icono de un ojo ruta no será visible. en el caso de las herramientas. canal o ruta activa se muestra resaltada en azul. patrones y degradados seleccionados.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_.0. pinchando sobre este icono desaparece.. y la capa. los cuadrados negro y blanco. Capas. 3. A la derecha de estos. Rutas. brochas._Primeros_pasos http://127. Canales. se accede al diálogo para seleccionar un nuevo color. .01_Introduccion_a_GIMP. y viceversa. pinchando dos veces sobre cualquiera de ellos. canal o 13 of 53 21/09/2010 12:04 .

como son editar.01_Introduccion_a_GIMP.0. Desde los tres primeros diálogos puedes manipular diversos aspectos. Se puede entender. Opacidad.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_. Determina como se combina la capa con las que están por debajo. Por ejemplo para una imagen como la siguiente las capas que se usarían son 14 of 53 21/09/2010 12:04 . y que interactuan unas con otras dependiendo de: Modo. que son como transparencias que componen la imagen.0. Si el ojo es visible._Primeros_pasos http://127.. modificar y manejar: Capas: la capa o capas que componen la imagen.. Visibilidad. El deslizador permite determinar el grado de transpariencia. si la imagen tiene más de una capa. la capa es visible.

. tambien. Se usa para crear selecciones y.0. para dibujar figuras. El diálogo Deshacer te permite volver a un estado anterior o posterior de la manipulación que haces sobre una imagen. Si pinchas con el botón derecho del ratón sobre un canal aparece el menu de Canales Rutas: muetsra las rutas que hayas creado. Dependiendo de la combinación de los distintos valores de cada canal se mostrará un color para cada píxel de la imagen. Puedes actuar sobre una capa o sobre la imagen pero esto último afectará a todas las capas. Los canales se pueden usar para trabajar con selecciones. Además una selección la puedes guardar como ruta ..Los canales son contenedores de color. Canales: los canales de color de la imagen y las máscaras de selección.01_Introduccion_a_GIMP. Cada canal contiene un valor de un color: Rojo. Si pinchas con el botón derecho del ratón sobre una capa. en modo RGB.Las rutas se crean con la Herramienta Crear Rutas . 15 of 53 21/09/2010 12:04 . Si pinchas con el botón derecho del ratón sobre una ruta aparece el menu de Rutas. Verde y Azul._Primeros_pasos http://127. aparece el menu de Capa.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_.0. Puedes convertirlas en selecciones y viceversa.

.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_. Patrones. Ventana de Imagen La imagen . 4. Patrones. el cual es un diálogo empotrable con tres solapas que te permite seleccionar los distintos tipos disponibles de Brochas. 16 of 53 21/09/2010 12:04 . 5. Degradados Debajo del diálogo anterior podemos observar otro diálogo llamado Brochas. Patrones y Degradados a usar.0.en Gimp. Brochas. Degradados.. puede ser algo más que una representación de un dibujo.0. Como se ha comentado anteriormente desde Ventana/Diálogos empotrables se puede acceder a los distintos diálogos disponibles._Primeros_pasos http://127.01_Introduccion_a_GIMP.

especialmente.. la muestra de la Imagen. Hay dos reglas una vertical y otra horizontal. Las reglas sirven de guia. rutas y algunas cosas más.01_Introduccion_a_GIMP. Es un interruptor que permite. Una imagen sería el contenido de un archivo de formato gráfico. el límite lo pone el sistema y la memoria disponible. Cuando abres un archivo. puedes pulsar sobre ellas y arrastrar hacia la imagen para crear o mover una linea guia y hacia fuera para borrarla. se crea un canal que puedes ver en el Diálogo de Canales. canales.. si está presionado.las variaciones entre ambos dan distintos niveles de transparencias. por ejemplo JPEG o XCF. Cuando activas la Máscara Rápida.0. con la flecha de selección de unidades. Pero puedes crear las lineas guias que necesites._Primeros_pasos http://127. la barra de Menú de la imagen. Tambien se activa desde Seleccionar/Activar Máscara rápida y con el atajo Mayùscula Q. La Máscara rápida te permite crear y manipular selecciones usando. 31 en la imagen) y unidades (px. píxel en la imagen). Si pinchas sobre el icono con el botón derecho aparece un menú. redimensionar la imagen al redimensionar la ventana. Justo debajo. de este tipo. se muestra en una ventana. En el centro. Puedes tener abiertas muchas imágenes a la vez. Puede contener: capas. puedes navegar por la imagen. las herramientas de pintura: blanco seleccionas y negro no seleccionas. con diálogos desplegables con los que acceder a la mayoria de las funciones que se pueden realizar sobre la imagen.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_. 17 of 53 21/09/2010 12:04 .0. Este icono activa o desactiva la Máscara Rápida (resaltado en rojo en la imagen superior de la Ventana de la imagen). Si pinchas y mantienes pulsado. si esta es más grande que la ventana. Una forma de alejar y acercar la imagen. llamada Ventana de Imagen. con información sobre la imagen. En la parte alta está la Barra de título. Indica las coordenadas de puntero (43.

.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_.0. Sección 3 Mapa de bits vs Imagen vectorial Temporización: 20 min._Primeros_pasos http://127. 18 of 53 21/09/2010 12:04 ..01_Introduccion_a_GIMP.0.

y por lo tanto. permiten mover. imagen le falta realismo fotográfico en comparación con su equivalente en Todos los ordenadores actuales traducen los gráficos vectoriales a gráficos rasterizados formato matricial o rasterizado. que determina el número de colores distintos que se pueden almacenar en cada pixel.. cada uno de ellos definido por distintos atributos matemáticos de forma. de color. Teoría Gráfico rasterizado o Mapa de bits Una imagen rasterizada. de posición. la calidad del color de la imagen. en gran medida. El interés principal de los gráficos vectoriales es poder ampliar el tamaño de una imagen a voluntad sin sufrir el efecto de escalado que sufren los gráficos rasterizados. El formato de imagen matricial está ampliamente extendido y es el que se suele emplear para tomar fotografías digitales y realizar capturas de vídeo. etc.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_.01_Introduccion_a_GIMP. el grosor de línea y su color.). no del simple almacenamiento del color de cada pixel. arcos. denominada raster. Los gráficos rasterizados se distinguen de los gráficos vectoriales en que estos últimos representan una imagen a través del uso de objetos geométricos como curvas de Bézier y polígonos. es una estructura o fichero de datos que representa una rejilla rectangular de pixeles o puntos de color.0. estirar y retorcer imágenes de manera relativamente imagen vectorial. A las imágenes rasterizadas se las suele caracterizar técnicamente por su altura y anchura (en pixels) y por su profundidad de color (en bits por pixel). papel u otro dispositivo de representación.) Se puede comprobar que a la dimensiones tanto dinámicas como estáticas. Este formato de imagen es completamente distinto al formato de los gráficos rasterizados. también llamada bitmap. Para su obtención se usan dispositivos de conversión analógica-digital. Ejemplo de pérdida de calidad al ampliar un detalle de la imagen rasterizada. su radio. Su uso también está muy extendido en la generación de imágenes en tres PNG.. Imagen vectorial Una imagen vectorial es una imagen digital formada por objetos geométricos independientes (segmentos. Por ejemplo un círculo de color rojo quedaría definido por la posición de su centro._Primeros_pasos http://127. también llamados imágenes matriciales. polígonos. tales como escáneres y cámaras digitales. que se puede visualizar en un monitor de ordenador. que están formados por pixeles. etc. La foto original que fue tomado en un formato matricial JPEG 19 of 53 21/09/2010 12:04 . para poder representarlos en pantalla al estar ésta constituida físicamente por píxeles. Locomotora a vapor en formato de Asimismo. imagen matricial o pixmap.0. originalmente en formato Windows Metafile (convertido a sencilla.

Documentos Manuales Tutoriales Monográficos Bibliografía Los dos tipos de imágenes con los que se pueden trabajar so vectoriales y los mapas de bits.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_.0. La versatilidad de las mismas per trabajar con textos ya que se pueden modificar y deforma Usuarios del O bservatorio 20 of 53 21/09/2010 12:04 . Las imágenes vectoriales ó gráficos orientados a objeto Recursos Talleres El juego como recurso Recursos en la red Experiencias educativas Las imágenes vectoriales se construyen a partir de vectores son objetos formados matemáticamente..php?op=modload&name=News&file=article&sid=257&mode=thread&order=0&thold=0 M enú Tecnología Iniciación Comunicación y Redes Seguridad Hard y Práctico Imágenes vectoriales y mapas de bits Enviado 23 Jun 2005 Recomienda este artículo Software GNU/Linux Libre. Ampliar conocimientos http://observatorio.0.01_Introduccion_a_GIMP. ( de logotipos o dibujos).. en este artículo vamos a ver diferencias existentes entre uno y otro y los tipos de forma podemos trabajar. Freeware. Utilidades Educativo De profes y para ... Estas líneas o curvas béizer son muy manejables ya que pe posibilidades por su plasticidad.cnice. Estas características las co manera ideal de trabajar cuando se trata de diseño gráfico. L elementos de un vector son las curvas Béizer (curvas matemáticamente).es/modules.. Un vector se define de puntos que tienen unas manecillas con las que se pued forma de la línea que crean al estar unidos entre sí._Primeros_pasos http://127.mec.

Sección 4 Formatos de imagen Temporización: 50 min. 21 of 53 21/09/2010 12:04 .1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_.01_Introduccion_a_GIMP..0.0._Primeros_pasos http://127..

uno para la información del cian. NO · Escala de Grises. las imágenes de Mapa de bits. una imagen CMYK tiene cuatro canales. un píxel con una profundidad de un 1 bit tiene dos valores posibles: blanco y negro. Una vez conocemos los anteriores conceptos. Los canales de color almacenan la información de los colores de la imagen. aproximadamente. y Color indexado tienen un solo canal. a una imagen se le pueden añadir canales adicionales. que se utilizan para almacenar y editar selecciones por encima del resto de canales (por ejemplo. Por ejemplo... Escala de grises. mide los valores posibles que pueden tener cada uno de los píxeles que forman una imagen. Teoría Formatos de imagen Para entender las características de los diferentes tipos de imagen debemos aclarar los siguientes conceptos: Profundidad del color: La profundidad de color. a mayor profundidad de bits mayor será el tamaño del archivo de la imagen.Una de las formulas más extendidas es comprimir dichas imágenes.0. Por ejemplo. una sin pérdida y otra con perdida. Canales Alfa: Además de los canales de color básicos.bmp) · Creado por C GIF Graphics Format Interchange · 8 bits (256 colores) · Compuserve GIF: Mapa de bitsEscala indexado de grisesColor NO SI (LZW) · Graficos colo · Posibilidad gradual) · Transparenc · Uso: Internet (. 16 millones de valores posibles.Existen dos tipos de compresión. Por tanto a mayor profundidad de bits (más bits de información por píxel) la imagen tiene más colores disponibles y puede representar su color de forma más precisa. denominados canales alfa._Primeros_pasos http://127. a nivel de almacenar la información en soporte magnético o transmitir dicha información por Internet.01_Introduccion_a_GIMP.0. Un píxel con una profundidad de 8 bits tiene 256 valores posibles. Modos de color: Cualquier imagen tiene como mínimo un canal de color. · Mapa de Bits · Formato esta NO (excepto en 4 y 8 bits) · Uso: fondo hasta 256 colo Canales Alfa comprime BMP (. Comprimir: El problema de las imágenes de mapa de bits es su gran tamaño. mientras que las imágenes RGB tienen tres. Por su parte. otro para el amarillo y otro para el negro.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_.veamos una tabla resumen de los formatos de imagen más extendidos y conocidos: FORMATOS DE IMAGEN Formato Profundidad de Color Modos Color · Modos RGB · 1 (Mapa de bits) · 4-8 bits (Escala grises) · 8 bits (Color Indexado) · 24 bits(RGB) · Color Indexado.gif) · GIF89a (GIF Animado): Color IndexadoRGB 22 of 53 21/09/2010 12:04 . meiante el uso de mascaras). Y un píxel con una profundidad de 24 bits tiene. La cantidad de canales de una imagen depende de su modo de color. también llamada profundidad del píxel o profundidad del bits. otro para el magenta. Lógicamente.

Portable Graphics Networks 24 bits · Color Indexado. · RGB (1 canal) ·Mapa de bits sin canales Alfa SI (LZW) · Mayr cap capacidades q SI (sin pérdidas) · Genera tran dentados · No muy exten · Uso: Internet (. · RGB de 32 bits (un solo canal alfa) · Mapa de bits ( 0 canal) · Mapa de bits · Escala Grises.01_Introduccion_a_GIMP.. Es decir cada vez que guardamos la imagen se pierde un poco de cálidad según indiquemos en el parámetro. Ésta se controla indicando la calidad de la imagen escribiendo el porcentaje..1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_. · RGB (16 y 24 bits sin canales alfa). 24 y 32 bits Si (1) NO Uso: Exportación a ed PNG · Escala Grises. Todo depende del uso que vayamos a hacer de la imagen y del tamaño final de ésta. Formato JPG El formato JPG es un formato con pérdida. Vamos a guardar la imagen de la niña en formato JPG pero con una calidad del 80%. (1 canal) · Color Indexado (0 canal). .vst) 16.jpg.tif) Uso de GIMP.. pues se eli Uso:fotografía · Escala Grises. JPEG Joint Photographic Expert Group 24 bits · Junto con G gráficos y foto · Escala de grises · RGB · CMYK NO SI: DIVERSAS · Formato de CALIDADES produce pérdi (con pérdidas) SI. Cambiar el formato de una imagen. . · Color indexado.jpe) TARGA (._Primeros_pasos http://127. Guardalo con los 23 of 53 21/09/2010 12:04 .0. 50% y 20%.0.tga. · RGB (.png) · Desarrollado · Reconocido (Se puede Pintura y Vect especificar si para IBMPC o · Compatible IB Mac) Uso: Imprenta TIF Tag Image File Format 32 bits · Escala de Grises con canales Alfa y archivos Lab · Color Indexado · RGB con canales Alfa y archivos Lab· · · CMYK SI (.icb. Esto es cierto a medias. Un 100% nos creará un fichero sin pérdida pero voluminoso Un 1% nos creará un fichero de poca calidad pero muy ligero. Parece que nuestra primera elección sería poner la calidad al 100%.vda..

0..” 24 of 53 21/09/2010 12:04 ...01_Introduccion_a_GIMP.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_.0.. siguientes nombres: cara niña (80).._Primeros_pasos http://127..jpg para la imagen con el 20% de calidad Para ello abriremos la imagen siguiente mediante "Archivo / Abrir .jpg para la imagen con el 50% de calidad cara niña (20)." y seleccionarla donde la hayamos descargado previamente Ves a “Archivo / Guardar como.jpg para la imagen con el 80% de calidad cara niña (50).

La calidad por defecto es 85 y usualmente produce excelentes resultados._Primeros_pasos http://127. las calidades de la imágenes son las siguientes: Calidad 100% Calidad 80% Calidad 50% Calidad 20% 25 of 53 21/09/2010 12:04 . el parámetro de calidad es probablemente el único que te será útil.. pero en algunos casos es posible colocar la calidad sustancialmente baja sin que la imagen se vea notablemente afectada. que tiene un rango de 0 a 100. Valores por sobre 95 no son necesarios generalmente. sino que vuelve al estado original una vez que el diálogo es cerrado). Esto hace que cada cambio en cualquier parámetro del diálogo JPEG sea visualizado en la imagen en pantalla (esto no altera la imagen. Por ver un ejemplo.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_..01_Introduccion_a_GIMP. A menos que seas un experto en fotografía. Parámetro Calidad> Al guardar un archivo en formato JPEG verás un diálogo que te permite ajustar el nivel de calidad. Cuando te salga la siguiente pantalla indicas el porcentaje de 80 en el parámetro calidad y pulsas “Aceptar” Si pulsamos en las “opciones avanzadas” nos saldrá una serie de parámetros extra para el formato JPG El algoritmo JPEG es bastante complejo.0.0. y en él intervienen un gran número de opciones. cuyo significado está más allá del objetivo de esta documentación. Puedes probar el resultado de diferentes calidades activando la opción “Mostrar vista previa en la ventana de la imagen” en el diálogo.

0..01_Introduccion_a_GIMP. Imagen original Imagen al 80% de calidad 26 of 53 21/09/2010 12:04 .0.. Como puedes observar no hay prácticamente diferencias.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_. Sin embargo. la de calidad al 20% ocupa 227Kb mientras que la del 100% ocupa 3200Kb Si esto le añadimos la reducción del tamaño de la imagen a 200 pixeles de ancho (se explica como hacerlo en la siguiente sección) resulta que la imagen del 20% de calidad ocupa 3Kb y es algo así ¿A que no se nota la diferencia? Sin embargo._Primeros_pasos http://127. cuando nos interesa mostrar la imagen con detalle se manifiestan las diferencias en las diferentes calidades.

Imagen al 50% de calidad Imagen al 20% de calidad 27 of 53 21/09/2010 12:04 ._Primeros_pasos http://127..1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_.0.0..01_Introduccion_a_GIMP.

.0.01_Introduccion_a_GIMP.0.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_._Primeros_pasos http://127. A este tamaño vemos que la imagen al 20% de calidad no nos sirve PULSA AQUI PARA VER UN VIDEOTUTORIAL EXPLICATIVO 28 of 53 21/09/2010 12:04 ..

. 29 of 53 21/09/2010 12:04 . Éste no sale en la imagen.0. es como información adicional como la que coloca la cámara de fotos en las imágenes indicando la fecha._Primeros_pasos http://127. etc. Formato GIF Podríamos hacer ahora la misma operación para el formato GIF. La gran ventaja de las imagenes GIF son básicamente dos: tener un fondo transparente en la imagen y la posibilidad de crear animaciones..01_Introduccion_a_GIMP.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_.0. los parámetros de la cámara. Puedes poner un comentario a la foto.

. etc. Formato XCF Podríamos hacer ahora la misma operación para el formato XCF.0.01_Introduccion_a_GIMP. conservando todas los atributos. etc. En otras palabras este es el formato en el que deberíamos tener todas nuestras imagenes si queremos en un futuro seguir mejorandolas. Es decir cualquier imagen guardada de este modo podrça ser abierta en futuras ocasiones. máscaras. capas...1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_. PULSA AQUI PARA VER UN VIDEOTUTORIAL EXPLICATIVO 30 of 53 21/09/2010 12:04 . tal y como lo indicamos en el momento del guardado.0. manteniendolas. Este es la extensión propia de GIMP._Primeros_pasos http://127.

0. Deberá entregar dos fichero._Primeros_pasos http://127. guarden la siguiente imagen como jpeg al 50% y como GIF. uno con formato JPEG y otro con formato GIF..1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_.. Basandose en el ejemplo visto en teoría. 31 of 53 21/09/2010 12:04 . Prácticas Actividad 1.01_Introduccion_a_GIMP.0.

telepieza. 10 04 2008 Búsqueda Introducción a las imágenes y sus formatos de Escrito por: Telepieza en Internet E-mail www.0. información.. negocio y diversión.01_Introduccion_a_GIMP. esperamos que todos vosotros os sintaís en vuestra casa.com/wordpress/2008/04/10/introduccion-a-las-imagenes-y-sus-formatos-de-compresion-lzw-rle-jpeg/ Telepieza´s Weblog Telepieza´s Weblog Inicio Mapa Quiénes somos Premios al Blog Nuestras Tarifas Foros Bug Tracker Telepieza es un mezcla de ayuda. opinión.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_. El número de pixeles que se puede vi La resolución de pantalla es igual a un número de pixeles a lo ancho por u 32 of 53 21/09/2010 12:04 .._Primeros_pasos http://127.telepieza. Ampliar conocimientos http://www. ocio.com Las imágenes están hechas de miles d pequeña de medida de una pantalla.0.

1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_..0._Primeros_pasos http://127.01_Introduccion_a_GIMP..0. Sección 5 Tamaño y Resolución Temporización: 50 min. 33 of 53 21/09/2010 12:04 .

. se entiende porqué es importante que ninguna imagen que vaya a ser vista en Internet posea una dimensión en píxeles mayor de 800 x 600. Con estas consideraciones. Si se cambia la configuración de este segundo monitor a 1024 x 768 píxeles.184 píxeles. la segunda especifica cómo se reparten estos píxeles en el espacio. junto con el tamaño y ajuste del monitor.. Por ejemplo. En caso contrario. de 800 x 600 píxeles. Es por ello que cuando imprimes una imagen con una resolución alta. Resoluciónde imagen Esta medida viene dada por el número de píxeles de una imagen que se muestran en una unidad de longitud impresa. una imagen con dimensiones de 800 x 600 píxeles llenaría toda la pantalla. En este ejemplo puedes ver la misma imagen. Por ejemplo. su nivel de detalle).0. Mira este ejemplo. la de izquierda tiene una resolución de 300 ppi y la de la derecha de 72 ppi. una imagen de 1 x 1 pulgada con una resolución de 72 ppi contiene un total de 5. Esa medida es llamada dimensión en píxeles de una imagen y determina._Primeros_pasos http://127. Teoría Tamaño y resolución Tamaño de imagen Entender estas dos propiedades de cualquier imagen es fundamental para conocer las causas por las que una imagen pierde calidad al ser impresa o de qué manera podemos optimizarla para su visualización en Internet. rebasaría los límites de un monitor que tuviera este ajuste.000 píxeles. El tamaño en píxeles y la resolución de imagen mantienen una relación de dependencia. también. ya que si la primera medida determina la cantidad de píxeles que contiene una imagen (y. Normalmente se mide en píxeles por pulgada (ppi).1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_. por tanto. la imagen se mostraría en un tamaño más pequeño.0. el tamaño en que dicha imagen se visualizará en una pantalla. más pequeños) que una imagen del mismo tamaño con una resolución baja. la misma imagen volvería a llenar la pantalla. Dimensiones en píxeles: Una imagen de mapa de bits puede ser medida sumando los píxeles que se encuentran a lo largo de su altura y su anchura. pero cada uno de los píxeles tendría un tamaño mayor. En un monitor de 17 pulgadas con un ajuste. 34 of 53 21/09/2010 12:04 . sin llegar a ocupar toda la pantalla. ésta contiene más píxeles (y.01_Introduccion_a_GIMP. verás como una imagen con la misma dimensión en píxeles es mostrada de forma distinta en un mismo monitor con configuraciones distintas. por tanto. en un monitor de 15 pulgadas con la configuración típica de 800 píxeles horizontales y 600 verticales. La misma imagen con una resolución de 300 ppi contiene un total de 90.

.Redimensionar una imagen 35 of 53 21/09/2010 12:04 .. A. Veamos como redimensionar imagenes con GIMP.01_Introduccion_a_GIMP. Es importante que sepas que en Internet. Una de las tareas que tendremos que hacer con un editor de imágenes es la de redimensionar el tamaño de la misma. ésto no quiere decir que ocupen en disco el mismo tamaño y mucho menos que tarden lo mismo en descargarse de internet. aunque parezca que dos imágenes ocupan la misma área de pantalla. la imagen que se está descargando.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_. Redimensionar una imagen. si hace falta. Normalmente la resolución de una imagen estará en 72ppi. Hemos de destacar que lo más típico es cambiar el tamaño de una imagen.0. Una vez redimensionada jugaremos con la reolución para aumentar el nivel de detalle o reducirlo. con píxeles de gran tamaño que dan a la imagen un aspecto de poca definición._Primeros_pasos http://127. pero no su resolución a no ser que estemos pensando en imprimir esa imagen con una calidad específica diferente a la habitual. El navegador redimensiona. Si utilizas una resolución demasiado baja para una imagen impresa se produce entonces el fenómeno de la pixelación. Uso de GIMP. Las imágenes con una resolución más alta reproducen más detalle y transiciones de color más suaves que las imágenes con resolución más baja.0.

_Primeros_pasos http://127.01_Introduccion_a_GIMP...0.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_. Paso 1 – Abrimos la imagen de ejemplo 1696x1132 371Kb Para ello pulsamos Archivo / Abrir y seleccionamos la imagen superior que previamente hemos descargado en nuestro ordenador: Paso 2 – Cambiar el tamaño de la imagen En este segundo paso vas a cambiar el tamaño de la imagen a la mitad.0. Ves a la opción “Imagen / Escalar la imagen” 36 of 53 21/09/2010 12:04 .

1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_.01_Introduccion_a_GIMP.. Seguidamente te saldrá la siguiente pantalla 37 of 53 21/09/2010 12:04 .0..0._Primeros_pasos http://127.

Si observas la cadena que une la “anchura” con la “altura” está entera si lo comparamos con la segunda imagen donde está rota._Primeros_pasos http://127. No hay botón “OK” o “Aceptar”.01_Introduccion_a_GIMP. pulsa en el botón escala Paso 3 – Guardar la imagen Pulsamos Archivo / Guardar como. CADENA ENTERA CADENA ROTA La diferencia está en que con la cadena rota se mantiene la relación entre la anchura y la altura mientras que con la cadena rota podemos deformar la imagen a nuestro antojo. Verás como el número ha cambiado. Ahora solo has de asegurarte que la cadena esté entera y divide el ancho de la imagen por la mitad.0. Pon 800.. Después pásate al campo de la altura.jpg 38 of 53 21/09/2010 12:04 ..1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_. la cadena entera. Esto es por lo que te termino de decir.0. Así indicas que quieres que el ancho sea 800 pixeles.. y le asignamos el nombre foto_a_800.

Sin embargo.01_Introduccion_a_GIMP. La imagen 4 tarda 10 veces menos tiempo en descargarse.. La última foto tarda 140 veces menos tiempo 39 of 53 21/09/2010 12:04 . realmente no hay diferencia entre las imagenes.0. La imagen 2 tarda 4 veces menos en descargarse por internet que la primera foto.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_. Dejaremos las opciones que vienen por defecto pulsando Guardar PULSA AQUI PARA VER UN VIDEOTUTORIAL EXPLICATIVO Epílogo sobre el tamaño Respecto al "tamaño de imagen" observa estas cuatro imagenes a continuación: 1 2 3 4 Si te fijas._Primeros_pasos http://127. La imagen 3 tarda 7 veces menos que la primera foto. para este tamaño de imagen. a la hora de descargarla de internet si que hay diferencia porque la imagen 1 es mucho más grande que la 4.0..

._Primeros_pasos http://127.0. en descargarse que la primera.01_Introduccion_a_GIMP..1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_.0. 40 of 53 21/09/2010 12:04 .

_Primeros_pasos http://127.01_Introduccion_a_GIMP. Prácticas Actividad 1.0.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_.0. Basandose en lo visto en teoría. redimensionen la siguiente imagen a una imagen de tipo GIF con tamaño de imagen a 400X262 41 of 53 21/09/2010 12:04 ...

_Primeros_pasos http://127.01_Introduccion_a_GIMP.0.0. Sección 6 Manejo básico de textos Temporización: 50 min..1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_.. 42 of 53 21/09/2010 12:04 .

0. Hacemos clic en la zona central de la Ventana Imagen.0. 1. Estudiemos sus posibilidades mediante un ejemplo práctico._Primeros_pasos http://127. 43 of 53 21/09/2010 12:04 . Busca en esta ventana la fuente "Sans" y haz clic en ella. observa que se abre la ventana Edición de textos. Seleccionemos la herramientas Texto en la Caja de herramientas y en sus opciones hacemos clic en la imagen Tipografía. Teoría Manejo básico de textos Las opciones de la herramienta Texto nos permiten elegir las características del texto que vamos a colocar en nuestro trabajo. A la izquierda del nombre de la fuente tenemos una muestra de la misma para orientar nuestra elección. de las tipografías instaladas en nuestro ordenador. Hinting y Alisado.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_. 3. El sangrado y espaciado de línea los dejamos tal y como están. situada al lado de Aparece una ventana donde podremos seleccionar el tipo de fuente que deseemos. Seleccionemos un tamaño de 40 píxeles. Creamos una nueva imagen con fondo blanco y dimensiones 400 x 200 píxeles.01_Introduccion_a_GIMP. 2.. Lo justificamos al centro y le ponemos como color el valor hexadecimal b20000..

0.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_. Centremos el texto utilizando la herramienta Mover .. Al comenzar a escribir se crea una capa de texto denominada "Texto"._Primeros_pasos http://127. Cambiemos ahora el texto de esta capa. Esto puede suceder cuando hacemos clic con el botón derecho del ratón sobre la capa en la Paleta de capas y elegimos "Eliminar la información de texto". ya que entonces deja de ser una capa de texto editable. para ello haz dobe clic sobre la capa Texto y pulsa Herramienta de Texto. 44 of 53 21/09/2010 12:04 . El texto queda enmarcado por una selección que nos permite colocar la capa en el lugar que queramos de la Ventana Imagen. Para ver las capas de la imagen iremos a Ventana / Dialogos empotrables / Capas 4..01_Introduccion_a_GIMP. Este texto es editable siempre y cuando no se cambien la condiciones de la capa. También puede pasar cuando se aplica sobre la capa de texto cualquier filtro. ya que la capa de texto se tranforma en una capa normal y el texto deja de ser editable. 5.0.

01_Introduccion_a_GIMP.0. 5. La nueva capa tiene las mismas propiedades que la anterior y se coloca sobre ella en la pila de capas.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_. por ejemplo "Sans Bold".. teniendo seleccionada la capa de texto.0. Además vamos a quitar la palabra "en" y aumentamos el tamaño de la fuente a 60 píxeles. Se pueden cambiar el resto de sus atributos: un nuevo tipo de letra. 45 of 53 21/09/2010 12:04 ._Primeros_pasos http://127. Dupliquemos la capa mediante pulsar el botón del dálogo de capas..

46 of 53 21/09/2010 12:04 .0.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_. Indicaremos en las opciones de herramienta Mover la capa activa._Primeros_pasos http://127.0.. Ahora seleccionamos la capa de texto original y le aplicamos un filtro: Filtros / Desenfoque / Desenfoque gaussiano con los valores que vienen por defecto. Después movemos esta capa tres píxeles hacia abajo y otros tantos hacia la izquierda con la herramienta . de este modo moveremos la capa que tengamos seleccionada en la ventana de capas.01_Introduccion_a_GIMP..

Para ello fijaremos la transparencia de la capa mediante pulsar en el check de Bloquear transparencia de capas._Primeros_pasos http://127..0. De este modo tendremos algo parecido a 6. A continuación arratraremos el color negro sobre la capa.01_Introduccion_a_GIMP.. Pintemos la capa desenfocada con color negro.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_.0. 47 of 53 21/09/2010 12:04 .

.01_Introduccion_a_GIMP.0.. 7._Primeros_pasos http://127.0. Veamos el resultado el cual guardaremos con formato .1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_.XCF 48 of 53 21/09/2010 12:04 .

0..0.. PULSA AQUI PARA VER UN VIDEOTUTORIAL EXPLICATIVO 49 of 53 21/09/2010 12:04 .01_Introduccion_a_GIMP.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_._Primeros_pasos http://127.

Prácticas Actividad 1.01_Introduccion_a_GIMP. realicen un texto (tamaño 500x200) que se parezca al siguiente: El entregable será de tipo XCF. 50 of 53 21/09/2010 12:04 . Basandose en el ejemplo visto en teoría.0.0..._Primeros_pasos http://127.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_.

Además quisieramos reconocer la gran labor desarrollada por la web http://www.gimp.doredin.uma. donde tanto profesionales como usuarios comparten recursos e información.es/documentos/00820082000092/tem10/hoja1001.org/wiki/GIMP http://es.org/2.org/wiki/Formato_de_archivo 51 of 53 21/09/2010 12:04 ..mec.uma.es/ .es/tic/descargas/ http://www. Esta web pone a la disposición del visitante: tutoriales.6/es/ http://www.gimp.wikipedia.mec.pdf http://tecnologiaedu.htm .gimp.es/materiales/gimp/archivos/ManualGIMP_Cap4. recomendandose su visita por parte del alumnado para la ampliación de conocimientos.0.Bibliografía http://docs.es/. así como un foro y una lista de correo donde puede entrar en contacto de forma directa con ellos y colaborar activamente.. Fuentes de información Fuentes de información Las siguientes fuentes se han utilizado para la elaboración del material de esta sesión._Primeros_pasos http://127..cnice.01_Introduccion_a_GIMP.telepieza.html http://www.org.es/materiales/gimp/archivos/ManualGIMP_Cap1.pdf http://www.0.oscar-martinez..1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_.es/modules.php?op=modload&name=News&file=article&sid=257&mode=thread&order=0&thold=0 http://tecnologiaedu.com/wordpress/2008/04/10/introduccion-a-las-imagenes-y-sus-formatos-de-compresion-lzw-rle-jpeg/ http://observatorio. guías. .Entradas a Wikipedia http://es.org.Enlaces http://docs.wikipedia.gimp.org/Documentos/introducciongimp/introduccion_gimp.falasco.org/2. .6/es/ http://www.

Resumen final Reflexión del tema Preguntamos "¿para qué ha servido este tema?" 52 of 53 21/09/2010 12:04 ._Primeros_pasos http://127.0..1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_..0.01_Introduccion_a_GIMP.

k l m n Para obtener la sombre de un objeto en GIMP se puede hacer mediante: j crear una capa nueva y pintar cuidadoseamente la sombra con el pincel k l m n j Duplicar la capa del objeto y pasar el objeto a negro. separadas en partes para poder manipular la información de forma independiente j k l m n j Una imagen no tiene capas. también se puede instalar para otras plataformas como Linux. k l m n j No._Primeros_pasos http://127. dependerá de la resolución de pantalla usada. k l m n ¿Cual es la diferencia fundamental entre una imagen mapa de bits y una imagen vectorial? j Que la imagen vectorial se degrada al aumentar el zoom. ¿por que se dice del formato JPG que es un formato con perdida? j Porque la imagen pierde intensidad de color cada vez que se guarda la imagen k l m n j k l m n Porque la imagen pierde calidad al guardarse. Mac. difuminarlo y mover la capa ligeramente respecto a la original. Una imagen con un tamaño de 200x200 pixeles ¿ocupa lo mismo en todos los monitores? j Si... k l m n ¿Esta GIMP disponible únicamente para Windows? j Efectivamente. ya que es un formato que usa una compresión de imagen que proporciona tamaños menores a costa de una ligera perdida de calidad. solo para windows. ya que el tamaño es siempre el mismo k l m n j No.ejemplo ¿Que son las capas de una imagen? Las diferentes partes que componen la imagen. mientras que la imagen vectorial esta compuesta por objetos con atributos matemáticos almacenados. k l m n j k l m n Que la imagen mapa de bits esta compuesta por pixeles con una información concreta por pixel.0.1:51235/temp_print_dirs/eXeTempPrintDir_8w5b7y/01_. etc.01_Introduccion_a_GIMP. mientras que la de mapa de bitas no. Autoevaluación Examen SCORM . k l m n Respuestas propuestas 53 of 53 21/09/2010 12:04 .0.

Sign up to vote on this title
UsefulNot useful