BLOG DE TECNOLOGÍA

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

Posts Tagged ‘imagen’

Crea tu propio icono, retrato, imagen…personalizado

Posted by Administrador en diciembre 23, 2010

Os paso una web, para qué os toméis un descanso. Se trata de faceyourmanga, y os ofrece una opción gratuita (ojo que hay otra opción de pago y bastante publicidad), de crear tú imagen manga, lo llama mangatar. Es algo así como los retratos robot de la policía pero en versión manga. Tú vas definiendo todos los rasgos de tu cara hasta encontrar tu imagen robot, pero tipo comic.

La imagen la puedes usar en Messenger, Skype, foros… os la envían por mail. Siempre os recomendamos que tengáis cuidado con la red, pues bien, no usar fotos abierta al público es una solución interesante, y una imagen avatar, os facilita la cuestión.

Pincha aquí para realizar tu imagen manga: faceyourmanga.

Posted in Juegos | 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 »