miércoles, 26 de noviembre de 2014

Ventanas de GIMP

Ventanas de trabajo

Una vez abierto GIMP veremos tres ventanas. Realmente es una única ventana, la ventana de imagen con el título "Programa de manipulación de imágenes de GNU" y dos especie de paneles que simulan ventanas llamados "Caja de herramientas" y "Capas, Canales, Rutas, Deshacer - Pinceles, Patrones, Degradados".

1. Ventana de imagen

Esta ventana muestra el típico menú en la parte superior con las opciones del programa, con las habiuales Archivo, Editar...Ayuda. En esta ventana es donde se mostrará la imagen con la que estemos trabajando.
Ventana de imagen

2. Caja de herramientas

Caja de herramientasEn ella encontramos los siguientes elementos (de arriba a abajo):
1. Las herramientas de selección, dibujo y transformación.
2. Los colores de frente y de fondo. El color de frente es aquel con el que pintamos cuando utilizamos una herramienta de pintura. Por defecto viene seleccionado el color negro. El color de fondo es el que nos muestra el color que tendrá el "papel" sobre el que vamos a pintar.
La doble flecha en forma de ángulo nos permite conmutar el color de fondo por el de primer plano y viceversa.Colores de frente y fondo Si a lo largo de un trabajo, hemos cambiado los colores de fondo y de primer plano y queremos volver a los iniciales (negro sobre blanco) solamente debemos hacer clic en los cuadraditos "negro sobre blanco" que tenemos en la parte inferior izquierda.
3. En la parte inferior, las opciones de la herramienta elegida, que cambian cada vez que elegimos una distinta. En la imagen podemos ver como aparecen las opciones de la herramienta pincel que es la que está seleccionada en la parte superior, en la zona de las herramientas de selección, dibujo y transformación.

 

 

 

 

 3. Ventanas, Canales, Rutas, Deshacer...

Ventanas, Canalesm Rutas, Deshacer...Esta es la tercera ventana que aparece al arrancar el programa. Son uno de los tres elementos clave de la interfaz de GIMP. Se trata de herramientas especiales que nos ofrece GIMP y que están agrupados en lo que llama Diálogos. Nos ayudan a trabajar con capas y ofrecen un buen número de utilidades adicionales. Los principales diálogos son:
  • Diálogo de capasDiálogo de Capas. Con el podemos crear capas y modificar todas sus propiedades.
  • Diálogo de canalesDiálogo de Canales. Permite utilizar los distintos canales y colores RGB.
  • Diálogo del HistorialDiálogo del Historial. Si durante el trabajo hemos cometido algún error o, por el contrario, nos arrepentimos de un movimiento anterior, este diálogo nos permitirá ir hacia atrás para corregirlo o eliminarlo.
 

 

 


Collage de Imágenes
 

 
 

EL GIMP (Collage efecto fotos)

Para empezar buscaremos una imagen no muy grande, con la intención de no marear mucho a nadie.
100  99 
La primera es el original y la segunda el resultado final.
Lo primero será  abrir la imagen y duplicarla .
Ahora creamos una nueva capa que pondremos como nombre FOTO, a la que vamos a crear un rectángulo , 
lo rellenaremos de color blanco
y en FILTROS-LUCES Y SOMBRAS- le pondremos SOMBRA ARROJADA, para darle más efecto de fotografía.
Cuando lo tengamos otro rectángulo dentro del anterior un poco más pequeño y lo rellenamos de negro.
Los rectángulos los creamos con una selección rectangular:
22
Más o menos os debe de quedar como en la captura anterior.
Como podéis ver en la ventana de capas, al crear la sombra, también se creó otra capa que debemos combinar con
la capa FOTOS.
Ahora duplicamos 5 veces la capa FOTOS y las renombramos del 1 al 6.
Activamos una de ellas y pinchamos en la herramienta ROTAR:
33 
Esto lo haremos con cada una de las demás capas , girándolas cada una para un lado distinto.
Cuando estén giradas, con la herramienta  mover las recolocamos en su posición definitiva.
44 
Lo que vamos a hacer ahora lo repetiremos con las 6 fotos.
55Activamos la capa1 y con la herramienta de selección difusa o Varita mágica,
pinchamos en el recuadro negro y quedará seleccionado.
A continuación activamos la capa fondo y hacemosCTRL+C y CTRL+V 66
y se nos habrá creado una selección flotante arriba de todas las capas
y pinchando en el folio de la derecha se quedará pegada.
Ahora tenemos que ir bajando esta capa hasta llegar  a la posición encima de la capa1
y la combinamos hacia abajo. 
Como ya dije este paso lo daremos con todas las fotos.
(no os olvidéis de activar la capa fondo siempre antes de copiar y pegar)



Cuando tengamos todas las fotos a la vista, podemos dejarlo como está o cambiar el fondo, de una forma muy sencilla;
77 
Para cambiar el fondo eliminamos la capa y creamos  una nueva a la que le pondremos
el color que más nos guste.
Yo le puse el fondo negro.
88 
99
animalitos1  animalitos

 Ejercicio

Quitar las arrugas al rostro

Mujer sonriente con patas de galloVamos a hacernos un poquillo más jóvenes quitándonos las arrugas del rostro.. ;


En el tema de retoque no hay que exagerar. Hay que ser lo más sutil posible.
Siempre es interesante duplicar la capa. Icono de duplicar la capa
Dos capas iguales, una copia de la otra
Tener la imagen original en una capa y tener otra en la que vas haciendo los retoques, para poder ir viendo los cambios (con el ocultar/mostrar capa). Al final Cuando ya tengamos el resultado final que queremos obtener podríamos borrar la capa original.
Nos acercamos a la imagen con el zoom (+) para poder ir más al detalle y para movernos por la imagen podemos usar la tecla espaciadora.
Vamos a hacerle desaparecer las arruguillas. Para ello usaremos la herramienta que clona luces y texturas (Tecla Abreviada: H)
htta-saneado.jpg
Vamos a coger un pincel grande y torcido
Propiedades de la herramienta de saneado
Funciona similar al clonar: seleccionas una zona con la tecla Control (así selecciona la textura y el color de la zona). Ahora sueltas el control y vas pulsando sobre las zonas que quieras limpiar. Pinchamos en zonas próximas a las arrugas con el Ctrol seleccionado, y luego suelto el ctrol y voy quitando poco a poco y con paciencia las arrugas.
En cada momento veo qué tipo de pincel usar, más pequeño, más gordo, diferente forma...
Aplicando la herramienta de saneado en las patas de gallo
Antes
Ojo con patas de gallo
Después
Ojo con las patas de gallo un poco disimuladas
Tras seguir con diferentes zonas, aquí tenemos un resultado. ¿notáis la diferencia? Le hemos quitado hasta el agujero del pendiente.. ;)
Resultado obtenido tras aplicar en varias zonas la herramienta de saneado




miércoles, 19 de noviembre de 2014

Presentacion GIMP


Formatos de imágenes
 
Gif: puede ser animado y transparente. Sirve para web. Calidad 256 colores. Logotipos.
Png: se puede usar en cualquier programa.
Jpg: no es animado ni transparente.
Tif: muy usado por windows y mac para imprimir es bueno.
Psd: formato de photoshop
Xcf: formato de Gimp. Transparencia limitada. Se puede exportar a otro formato luego. 

  Tamaño y Calidad de la imagen
Resolución de la imagen: es el nivel de detalle que tendrá. Se dice alto * ancho (pixeles)
Resolución impresión: cuantos pixeles queremos imprimir por pulgadas.
Máxima: 300 ppp (300 pixles en pulgadas cuadradas)
Aceptable 200 ppp impresora normal.
Ver en pantalla: 72 ppp es suficiente.

Color
Dependiendo de donde vamos a tener la imagen asignamos un modo de color u otro.
RGB: para verla en la pantalla, mandarla por e-mail. 
CMYK: para imprimir en imprenta con buena calidad.

DONDE BUSCAR IMÁGENES
Banco imagenes Ministerio de Educación
Wikipedia
Google
Escaneando
Captura de pantalla.
IMAGEN DESDE ESCANER
Sirve para digitalizar documentos o imágenes que tenemos en papel.
Una vez lo tengamos el documento en formato digital podemos trabajar con el.

ABRIR GIMP
Se abren dos paneles:
Panel principal en el que aparecen las herramientas que usaremos y al seleccionar una se abre otras opciones disponibles.  



Actividades
 

1 - Recortar una imagen y ponerle fondo de color

En esta actividad vamos a utilizar la herramienta de selección, copiar, capas y fondo de color:

Pasos:
1.- Seleccionar el perro utilizando herramienta de selección libre (el lazo), alisado y difuminar bordes al 15 %
2.- Copiar la selección.
3.- Crear un tapiz vacío.
4.- Darle un color de fondo al tapiz utilizando la herramienta de mezcla.
5.- Añadir una capa nueva, donde pegaremos la selección.
6.- Pegar la selección.
Fotografía base:


Resultado:
 

Esfera Giratoria




En primer lugar necesitaremos una imagen, esta sera la que más adelante convertiremos en una esfera giratoria en movimiento. Yo he utilizado esta:

Abrimos nuestro programa GIMP, vamos a Archivo -> Abrir -> y seleccionamos nuestra imagen.
Una vez hemos abierto nuestra imagen comenzamos.
1º Vamos a Filtros -> Animación -> Globo Giratorio
Nos aparecera una pantalla como esta, donde podemos modificar la velocidad a la que girara la esfera, la dirección etc. En fotogramas yo pondre 40, si poneis un numero mayor ira más despacio y tardara más en mapear la esfera (más tiempo en convertirla en esfera…) . Y presionamos Aceptar
2º Una vez que hemos hecho esto ya tendriamos nuestra esfera hecha, ahora para ver el resultado vamos a Filtros -> Animación -> Reproducción
3º Y ultimo paso y ya con esto acabariamos, vamos a Archivo -> Guardar como -> y una vez ahi le damos a Seleccione el tipo de archivo, buscamos Imagen GIF y la seleccionamos. Le damos a Guardar y nos saldra una ventana con dos opciones, clickamos en Guardar como animación y seguidamente pinchamos Exportar y ya tendremos nuestra esfera giratoria creada. 

2 - Mapa mundi giratorio

A partir de un mapa del mundo plano, vamos a realizar una esfera y vamos a darle movimiento.







1.- Abrimos la imagen del mapa mundi.

2.- Utilizando la herramienta de perspectiva vamos a transformar la imagen de rectangular a cuadrada.

(así conseguimos que la esfera salga perfecta)


3.- Con la herramienta de recorte nos quedamos con la zona que nos interesa y recortamos.

4.- Ahora vamos a transforma el mapa en esfera y con movimiento.

Filtros > Animación > Globo giratorio.

Tardará un poco en realizar el proceso.

5.- Finalmente tendremos que exportar la imagen a un formato especial que guarda las animaciones.

Archivo > exportar como > le indicamos el nombre y como extensión le ponemos .gif.


Montaje de 2 imágenes una sobre otra

Vamos a hacer una composición con 2 imágenes.
Tenemos estas 2 imágenes, un lago y un pato. Queremos obtener una imagen en la que el pato esté en este lago. A ver qué tal queda.
Aquí tenemos el lago
Lago de Tignes
Aquí tenemos el pato:
Un pato
Lo primero que tenemos que hacer es seleccionar el pato. Lo hacemos con las tijeras, con cuidado.
Pato seleccionado con tijeras
Una vez hemos terminado el contorno, clickamos dentro, y obtenemos la selección del pato que es lo que queremos. La copiamos (Ctrl+C)
Selección del pato
Creamos un nuevo documento. En la capa del fondo pegamos el estanque. Y creamos otras 2 capas, pato y pato2
3 capas: estanque, pato1 y pato2
Nos ponemos en la capa pato y pegamos la selección que habíamos copiado.
Pato grande encima del lago
Queda un poco "antinatural" por el pedazo tamaño de pato que hemos pegado. Vamos a ponerlo un poco más pequeño.
Para ello (estando en la capa "pato"), cogemos la herramienta de Redimensionar htta-escalar-seleccion.jpg (Tecla Abreviada: Mayúsculas + T), y probamos tamaños. El de 50px en nuestro caso queda bien.

Opción de redimensión. Ponemos al pato en un tamaño proporcional al lago
Aquí vemos el resultado, todavía donde está ahí queda un poco mal, demasiado grande,
Pato aún grande en el lago
Pero si movemos (Herramienta Mover: Tecla Abreviada: M) la capa del pato hasta traerla adelante al primer plano, ya queda más natural
Pato en el lago
Ahora hacemos lo mismo, pero en la capa del segundo pato: pato2
Lago y 2 patos, uno de ellos grande
Primero vamos a voltearlo horizontalmente: Seleccionamos la herramienta de volteo:htta-invertir.jpg(Tecla Abreviada: Mayúsculas + F) y clickamos en el pato:
ejemplo3-010.jpg
Vamos a poner un pato más pequeño que el anterior, lo redimensionamos (manteniendo proporción: cadena cerrada) a 35px por ejemplo.
ejemplo3-009.jpg
Ahí tenemos el pato, casi en la montaña.. ;)
Dos patos en el lago, uno en la montaña puesto
Cogemos la capa y la movemos , hasta dejar al patito pequeño enfrentado a su madre.
Un pato con su cría mirándole en el lago
Ahora podemos añadir un texto por ejemplohtta-texto.jpg
Caja de texto: Lago de Tignes - Verano 2007
Vamos a rotarlo, para dejarlo vertical;
Rotar 90º
Aquí lo tenemos.
Lago de Tignes con 2 patos y un texto en vertical
Tenemos otra capa más (la ha creado el Gimp) para el texto
ejemplo3-016.jpg
Movemos un poco el texto para dejarlo bien arrimado, y aquí tenemos el resultado
Resultado final

3 -  Montaje de una Foto

Utilizando los conocimientos anteriores vamos a realizar un montaje de fotos.

Para ello necesitaremos utilizar:

  • Las herramientas de selección.
  • Las capas
  • Escalado de capas
  • Reflejar imágenes
Vamos a partir de una foto de inicio, a la cual iremos sumando más elementos al gusto.

 


Elementos que podemos añadir: