BLOG DE TECNOLOGÍA

"La duda es la madre del descubrimiento" Ambrose Bierce.

Archive for the ‘GIMP’ Category

Práctica GIMP. Retoque fotográfico: Perspectiva

Posted by Administrador en marzo 1, 2011

En esta práctica vamos a realizar una aplicación de GIMP de retoque en fotografía digital. Se trata de una idea básica que encontré en el completísimo Bitácora de jEsuSdA (que os recomiendo visitar, especialmente para buscar trucos de GIMP, tutoriales o Linux) y que busca corregir el problema que surge cuando tomamos fotografías desde ángulos inclinados. De forma muy sencilla simularemos que las fotos han sido tomadas frontalmente.

1º. Abrimos la foto original en GIMP. En nuestro caso emplearemos una imagen en la que se aprecia con claridad el problema de perspectiva. La llamamos “Rocódromo”.

2º. Utilizaremos las guías (líneas discontinuas que debemos desplazar desde las reglas de Gimp) para encuadrar el objeto y así definir la nueva perspectiva. Lo que haremos es “cercar” la imagen a corregir o parte de la misma puesto que después usaremos las mismas para definir la perspectiva. Para realizarlas debemos tener en cuenta que las guías solo salen desde arriba e izquierda, por tanto desde esas líneas deben surgir ambas líneas para cada dirección.

3º. A continuación iremos a Herramientas<Herramientas de transformación<Perspectiva. Una vez pinchamos la opción lo primero que debemos hacer va a ser definir las opciones de la propia herramienta perspectiva. Debemos definir las siguientes opciones:

4º. Tras seleccionar dichos parámetros utilizaremos los cuadrados que aparecerán en las esquinas de la imagen para buscar la perspectiva exacta ayudándonos de las guías que habíamos definido.

Cuando ajustemos el conjunto pincharemos en Transformar.

La diferencia es sustancial. Veamos el antes y el después del proyecto.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Debemos tener en cuenta que al corregir la perspectiva es posible que perdamos algo de nitidez en las zonas más modificadas, por ello recomendamos utilizar la herramienta con imágenes de buena resolución y evitar correcciones demasiado grandes.

Posted in 4º E.S.O. Informática, GIMP | Etiquetado: , , , , , , , , , | Leave a Comment »

Práctica GIMP: Crear sombras

Posted by Administrador en febrero 4, 2011

En esta nueva práctica con GIMP vamos a crear una sombra a un objeto. En nuestro ejemplo hemos elegido la figura de Peter Pan, el personaje de J. M. Barrie que pierde su sombra cuando salta por la ventan. Nosotros seremos Wendy y trataremos de coserla de nuevo.

PASOS A SEGUIR

1º. En primer lugar elegiremos la foto en cuestión. En nuestro caso se trata de la siguiente imagen de Peter Pan.

2º.  Primordial en esta práctica va a ser recortar sólo la figura a sombrear, es decir, eliminaremos el resto del fondo haciéndolo transparente, para ello pinchamos en Selección difusa. Definimos el umbral que nos convenga para una óptima selección (por defecto 15). Vemos que nos selecciona la parte que no nos interesa, por lo tanto debemos ir a Seleccionar<Invertir.


A continuación Control C (o Edición Copiar) y mandamos la imagen al portapapeles.

Posteriormente pinchamos Archivo<Nuevo y, en las opciones avanzadas deberemos definir en Rellenar con<Transparencia.

Por último, guardaremos la imagen con el nombre de archivo que queramos pero seleccionando la extensión GIF, que nos permitirá mantener el fondo transparente.

* Nota. Puedes usar otras herramientas de selección como las tijeras inteligentes. Es un paso opcional.

3º. A continuación creamos una nueva capa, de color blanco, y la ubicamos bajo la anterior (en la que aparece Peter Pan y el fondo es transparente).

4º. El siguiente paso es duplicar la capa Peter Pan para preparar la sombra. Para ello podemos pincharemos, tras seleccionar la capa deseada, en el icono duplicar capa.

Volvemos a seleccionar la figura de Peter Pan (Pinchamos nuevamente en Selección difusa e invertimos la selección). Después rellenamos la figura con el color de fondo (que por defecto es negro), para ello pinchamos en Edición<Rellenar con color de fondo.

NOTA. Un problema común suele ser que la imagen seleccionada no nos deja suficiente espacio para colocar la sombra. Si te ha pasado eso, es sencillo, es suficiente con pinchar en Imagen<Tamaño de lienzo, seleccionamos el tamaño conveniente y ubicamos la imagen en el lugar que creamos preciso para no tener problemas de espacio.

5º. El siguiente paso para el efecto sombra es darle una perspectiva que simule la definida por el supuesto punto de luz (sol, farola…). Para ello pinchamos en Herramientas< Herramientas de transformación<Perspectiva. Aparecerá un cuadro de diálogo, no lo perdáis de vista, y cuatro cuadrados en las esquinas de la imagen, desplazándolos buscaremos la perspectiva que mejor se ajuste a nuestra idea. Será esencial que los puntos superiores estén más próximos que los inferiores (a modo de punto de fuga).Una vez que la perspectiva cumpla las expectativas, le damos al botón transformar que aparecía en el cuadro de diálogo.

NOTA. Es normal que no se defina perfecto, especialmente la zona de abajo, en nuestro caso los pies. Para corregirlo bastará con utilizar suavemente la goma de borrar y realizar el acabado.

6º. Una vez que tenemos la imagen previa a la sombra debemos hacer dos cosas. La primera será realizar un desenfoque que da menor nitidez y, por lo tanto más realismo a la sombra. Para ello pinchamos en Filtros<Desenfoque [Blur]<Desenfoque gaussiano. Probar el valor que más os guste, pero será necesario que sea alto para que el resultado sea claro. Lo segundo será disminuir la opacidad de la capa, así le daremos un toque grisáceo mucho más creíble.

7º. Finalmente mostramos el fondo bajo las capas anteriores. Yo he colocado un par muy diferentes, y nada bonitos, que muestran las opciones. A partir de aquí os recomiendo jugar con otras imágenes de paisajes como fondo, trabajar los difuminados, las escalas de grises…

Posted in 4º E.S.O. Informática, GIMP, Software | Etiquetado: , , , , , , , , , , | 3 Comments »

Práctica GIMP: Pop Art (Warhol, Lichtenstein)

Posted by Administrador en enero 10, 2011

POP-ART

En esta práctica vamos a transformar una foto a Pop Art (movimiento artístico del siglo XX que se caracteriza por el empleo de imágenes de la cultura popular tomadas de los medios de comunicación, tales como anuncios publicitarios, comics y objetos culturales «mundanos»). Este estilo que hicieron mundialmente famoso artistas como Andy Warhol, se caracteriza por llevar objetos o imágenes tomadas de los grandes medios de comunicación a la pintura. Todos habréis visto las “Latas de Sopa Campbell” o el retrato de Marilyn Monroe, pues sobre esa base vamos a comenzar.

Otro gran exponente del Pop Art es Roy Lichtenstein famoso por haber utilizado la temática de los comics, la línea gruesa, los planos de color, y los grandes “puntos” que se utilizan en la impresión. Pues bien, al Pop Art y a algunas de sus características vamos a dedicar la práctica de Gimp.

 

PRÁCTICA CON GIMP.

En primer lugar elegiremos una buena fotografía. Rostros, imágenes sencillas o actividades cotidianas suelen dar un buen resultado en esta práctica.

Empecemos con la práctica.

–        En primer lugar abrimos GIMP y la imagen correspondiente.

–        Duplicamos la imagen dos veces, de manera que obtengamos tres capas en total.

–        Pinchamos sobre el ojo que vemos a la izquierda de la capa fondo (la original) para deshabilitarla.

–        Con la capa superior seleccionada pinchamos botón derecho sobre la imagen y pulsamos Colores<Invertir.

Obtendremos algo similar a esto (efecto de negativo):

–        Otra vez botón derecho sobre la imagen y pulsamos Filtros<desenfoque [Blur]<Desenfoque gaussiano.

–        En el cuadro de dialogo que aparece definimos como radio de enfoque 7.0 tanto en horizontal como en vertical (medido en pixels).

El resultado, casi imperceptible será:

–        El siguiente paso será seleccionar desde el menú capas de la derecha la opción blanquear.

–        El siguiente paso será fusionar ambas copias, de manera que, pinchamos botón derecho sobre la copia sobre la que estábamos trabajando y pulsamos Combinar hacia abajo.

–        Botón derecho sobre la imagen resultante y pulsar Colores<umbral. En el cuadro de diálogo definimos un valor para los negros en torno a 240 (a gusto personal).

–        Lo siguiente va a ser crear una nueva capa. La llamaremos, por ejemplo, Colores y será transparente. La utilizaremos para dar los colores vivos a la imagen.

–        Sobre la nueva capa colores elegimos, desde el menú Capas, la opción Multiplicar.

–        Posteriormente, pincharemos en el icono de la izquierda que permite el cambio de color del primer plano (en el que aparecen dos rectángulos superpuestos). Seleccionaremos un color de fondo apropiado para nuestra foto.

–        Tendremos que ir coloreando las partes más importantes de nuestra foto. Paciencia porque es una labor que nos llevará un buen rato.

Recuerda: el Pop Art se caracteriza por colores muy vivos, úsalos. Mi consejo es que no uses muchos colores diferentes, usa unos pocos (4 o 5) y que sean muy llamativos.

–        Desde la capa Colores, pinchar botón derecho en el menú capas de dicha capa y Combinar hacia abajo.

–        Lo siguiente será volver a visualizar la capa original (pinchar para que aparezca el ojo a su izquierda) y subirla de nivel para que aparezca en la primera posición.

–        Con la capa original definida desplegamos el menú capas y seleccionamos solapar.

–        Sobre la imagen, botón derecho Filtros<Distorsiones<Papel de periódico.

–        Sobre el cuadro de diálogo que aparece marcar:

–        Finalmente puedes aplicar, desde el desplegable Capas “Multiplicar”, “Tono”… es decir, prueba la manera en que obtengas un mejor resultado.

–        Finalmente guarda la Práctica, por ejemplo, cómo Pop Art con Gimp.

Posted in 4º E.S.O. Informática, GIMP, Tecnologías de la Información | Etiquetado: , , , , , , , , , , , , , , , , , , | Leave a Comment »

Tutorial Gimp – Efecto comic

Posted by Administrador en diciembre 13, 2010

En este tutorial explicaré como dar efecto comic a una foto cualquier mediante el software libre Gimp. Cómo siempre recomiendo dar un toque personal o todas las prácticas, saber hacer es importante, pero innovar, buscar más posibilidades y descubrir lo es tanto o más. Me he basado en la idea y ejecución de facilware, así que si teneéis alguna duda en el video de abajo podréis resolverla.

1. Para empezar seleccionas la imagen y la abres con Gimp.

2. Duplicamos la imagen (botón derecho sobre la foto original y “Duplicar la capa”).

3. Seleccionamos la copia y vamos a “Colores”<“Umbral”.

Aparecerá lo siguiente… Aquí debes buscar un umbral en el que distingas las formas bien dentro del blanco y negro. Ten en cuenta que lo que dejes en negro no podrá incorporar luego ningún color. “Aceptar”.

4. Una vez definido el umbral, debemos volver a duplicar la original. Dicha copia la subimos al primer lugar y trabajamos con ella. (Recuerda para subir simplemente botón derecho sobre ella y “elevar esta capa un nivel”).

5. Vamos a “Filtros”<“Detectar bordes”<“Diferencia de gaussianas”. En la pantalla que aparece debes modificar el “Radio 1” en busca de un grosor para los bordes. Prueba y elige el que más te guste.

6. Sobre la imagen resultante (que definirá los trazos finos y los detalles que la anterior imagen no marcaba), iremos a “Colores”<“Umbral” en busca de que aparezcan esos detalles, sin pasarnos.

7. A continuación buscamos “multiplicar” ambas imágenes, en busca de ambas propiedades. Para ello en el menú capas seleccionamos “Modo”<desplegable “Multiplicar”.

8. Sobre esta misma imagen vais a “Colores”<“Niveles” y en “Nivel de salida” ponéis 230-240 o algo asó con el objetivo de evitar el blanco puro y que nos permita colorear la imagen para el efecto comic.

9. “Combinar hacia abajo” las dos imágenes.

10. Subimos al primer nivel la imagen original (mismo procedimiento que antes). Y con la imagen original seleccionada pinchamos en el menú “Capas”, el modo “Color”.

11. Volvemos a seleccionar la imagen copia resultante. “Filtros”<“Desenfoque”<“Desenfoque gaussiano”. Este paso es opcional y nos sirve para suavizar los perfiles y permitir un mayor paso de color.

12. Seleccionamos la original. La duplicamos nuevamente.

13. Combinamos la original con la de abajo (lo que hemos modificado anteriormente).

14. Seleccionamos la copia recién hecha y en el menú capas seleccionamos “Modo”<“Saturación”. Aquí debemos jugar con el porcentaje de saturación hasta encontrar el resultado buscado.

15. Combinamos hacia abajo y… voila lá! Nuestra imagen comic está acabada.

 

Video explicativo del tutrial a cargo de FacilWare:

Posted in 4º E.S.O. Informática, GIMP, Software | Etiquetado: , , , , , , , , , , , , , , , | Leave a Comment »

Prácticas con Gimp

Posted by Administrador en diciembre 13, 2010

Además de las prácticas ya apuntadas en clase os planteamos otra serie de prácticas para avanzar un poquito más o repasar conceptos.

ANEXO. PRÁCTICA 1. TEXTO COMO MÁSCARA SOBRE IMAGEN.

Fuente: Blog de Memhet. En este buen blog podeís encontrar muchos otros recursos de informática, diseño, Internet…

Para este tutorial, basado en una idea original de Michael j. Hammel, he utilizado una imagen de 1576 x 2657 px del famoso cuadro de Manet ‘El Pífano’ donde el artista dará un paso más al prescindir de la posible justificación física del escenario.

1. Abrimos la imagen.

2. Activamos la herramienta texto. Seleccionamos Tahoma Bold (podemos utilizar cualquier tipo de letra paloseco en negrita) y modificamos su tamaño (40px).

3. Haremos más pequeño el interlineado y el espacio entre caracteres.

4. Copiamos y pegamos abundante texto. El quid de este tutorial es utilizar el texto como una máscara sobre la imagen.

5. Ahora estamos listos para crear nuestra máscara. Añadimos una capa blanca a la imagen (Capa→ Nueva, establecemos el tipo de relleno en Blanco). Arrastramos esta capa en el diálogo de capas por debajo de la capa de fondo. En este punto se debe arrastrar la capa de texto por debajo de la capa de fondo también.

6. Clic botón derecho en la capa de texto→ Texto a selección. Seguidamente, invertimos la selección. Menú Seleccionar→Invertir. (Ctrl+I)

7. Clic en la capa blanca que hemos creado. Ctrl+C y Ctrl+V. Estos comandos crearan una selección flotante en el diálogo de capas que convertiremos en una nueva capa haciendo clic en el icono de nueva capa.

8. Duplicamos la capa fondo. Con la herramienta siox (herramienta de selección del primer plano) haremos una selección de la figura. Una vez ajustada la selección hacemos clic botón derecho sobre la capa→Añadir máscara de capa y en la ventana que se muestra activamos la opción Selección.

9. Menú→Seleccionar nada. Clic botón derecho→Mostrar máscara de capa y, a continuación, Menú Colores→Invertir. Aplicamos un ligero desenfoque a la máscara→Menú Filtros→Desenfoque→Desenfoque gaussiano con un radio de desenfoque vertical y horizontal de 10px.

10. Nuevamente, clic botón derecho para desactivar la opción→Mostrar máscara de capa.

11. Clic sobre la miniatura de la capa Copia de Fondo para activar la capa (borde blanco) y rellenamos con color blanco.

Les dejo otro ejemplo…

Posted in GIMP, Tecnologías de la Información | Etiquetado: , , , , , , , , , , , , , | Leave a Comment »