TUTORIAL GIMP: Mejorar el contraste de una fotografía · 3 julio 2009

Diseño 2D

Hoy os voy a mostrar una técnica para mejorar el contraste de una fotografía de forma sencilla gracias al MODO DE MEZCLA de las capas.

TUTORIAL de DISEÑO GRÁFICO con GIMP

Nivel Intermedio

Cómo mejorar el contraste de una fotografía


Para este tutorial usaremos la imagen titulada “Experiences above model”, original de Photoport:

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

El primer paso va a consistir en AJUSTAR LOS NIVELES tal y como vimos en el pasado tutorial ajustar niveles con Gimp.

Aquí podremos usar el modo AUTO o ajustarlos manualmente. Es importante que lo hagamos bien, porque de ello dependerá el resultado final. ;)

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

El resultado tras el ajuste es este:

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

En el SEGUNDO PASO, lo único que haremos será duplicar la capa:

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

El siguiente paso es primordial: En la capa duplicada ecualizaremos el color: COLOR > AUTO > ECUALIZAR :

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

No os asustéis del resultado; dependiendo de los colores de la imagen que estemos tratando, aparecerán resultados un poco extraños. ;)

En el CUARTO PASO, cambiaremos el MODO DE MEZCLA de la capa superior de NORMAL a CLARIDAD SUAVE:

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

Al aplicar este cambio, vemos como la imagen queda muy contrastada:

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

Es por ello que usaremos el valor de OPACIDAD de la capa para conseguir mitigar el efecto y obtener un resultado correcto:

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

¡Voilà! el ajuste de contraste ha concluido:

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

Aquí os dejo la comparativa del Antes y Después:

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

Como veis, aquí los colores son más vivos, más puros,… en definitiva, más contrastados.

El resultado final del ajuste va a depender de la imagen de la que partamos, así que habrá imágenes que mejorarán mucho más que otras.

Aquí otro ejemplo, en el que se observa mucho mejor:

Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

Se trata de la imagen “Attitude”, original de Binababy12.

Espero que os haya gustado este tutorial de Gimp. Nos vemos en el próximo. ;)


— jEsuSdA 8)

Comentarios [3]

---

JUEGO: Glest · 1 julio 2009

Juegos

Glest

  • Plataformas: GNU/Linux Windows MacOSX
  • Tipo: Estrategia 3D en Tiempo Real (RTS)
  • Licencia: Libre
  • Valoración:4.5 sobre 5
  • Juego en Red: SI.
  • Web Oficial: www.glest.org

Glest es un popular y premiado juego libre de estrategia.

Algunas de las cosas que lo hacen treméndamente atractivo son su excelente aspecto gráfico, en un entorno 3D muy logrado, y la posibilidad de expandirlo y modificarlo gracias a mods que la comunidad ha ido creando.

El soporte para juego en red se incorporó en las últimas versiones, así que estamos ante otra interesante opción para los amantes de la estrategia, que no puede faltar en toda LAN Party multiplataforma que se precie.


Capturas de pantalla:

captura de pantalla captura de pantalla




Si eres usuario de Linux, encontrarás los paquetes para instalar glest en los repositorios de tu distribución ;) . Te recuerdo que necesitarás soporte 3D para poder jugarlo.


— jEsuSdA 8)

Comentarios [1]

---

TUTORIAL GIMP: Fotos en color Sepia (Sepia Toning) II · 26 junio 2009

Diseño 2D

Hoy terminamos la serie de tutoriales dedicados a convertir fotografías a tonos sepia.

En el anterior tutorial de Gimp para colorear fotografías en tonos sepia , vimos un sistema muy sencillo y rápido.

Hoy veremos dos métodos más avanzados, que nos permitirán tener más control sobre el resultado final. ;)

TUTORIAL de DISEÑO GRÁFICO con GIMP

Nivel Avanzado

Fotos en color Sepia (Sepia Toning) II


Para este tutorial seguiremos usando las fotografías “Girl”, original de David Garzón:

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

y “Wishes” de Shawnisa:

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

Primer método: Capas, Máscaras y Modos de Mezcla

Primero deberemos convertir a escala de grises la imagen a tratar:

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

Yo usé esta vez el mezclador de canales , pero ya sabéis que podemos usar otros métodos para convertir a blanco y negro (método 1 , método 2 y método 3)

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

Seguiremos con el proceso añadiendo una capa con el color deseado para la coloración.
Para el tono sepia, yo opté por el color #ab7701:

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

Cambiamos el modo de mezcla de la nueva capa a COLOR:

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

Y añadimos una nueva máscara de capa:

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

Ahora deberemos regresar a la capa con la imagen (la capa inferior) y seleccionar y copiar toda la capa (CTRL+A , CTRL+C).

Regresamos a la máscara de la capa superior (la coloreada) y pegamos la selección copiada dentro de la máscara:

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

Al pegar, nos queda como selección flotante, deberemos anclar la selección flotante pegada usando el botoncico del Ancla de la paleta de capas.

Queda así fijada la selección a la máscara:

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

El paso final consistirá en invertir los colores de la máscara. Para ello, la seleccionamos y aplicamos el comando COLORES > INVERTIR:

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

Ya tenemos nuestra imagen coloreada:

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

La ventaja de este método es que podemos ajustar hasta el más mínimo detalle de la coloración a posteriori:

Pordíamos cambiar la tonalidad sepia por otra con sólo colorear la capa superior con el color deseado.

Aunque lo más interesante es afinar la aplicación de la máscara usando la herramienta COLORES > CURVAS sobre la propia máscara de capa:

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

Hasta conseguir el resultado deseado:

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

Fijáos en la diferencia sutil, pero interesante entre aplicar el método tal cual:

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

Y ajustar las curvas en la máscara:

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

Segúndo método: Colorear desde Muestra

El siguiente método es uno de los que más me gusta por su riqueza y variedad de posibles resultados.

Primero deberéis descargar el archivo con las muestras de tonos , preparados por Juan Pedro García, autor del libro GIMP: UN CUARTO OSCURO DIGITAL PARA EL FOTÓGRAFO DE Blanco y Negro , que podéis descargar desde mi Biblioteca de ebooks y en el que podéis profundizar en la aplicación de este sistema (y otros muchos más relacionados con el tratamiento de fotografías en Blanco y Negro con Gimp).

Las muestras de tonos no son otra cosa que imágenes con diferentes gradientes.

Podéis crear vuestras propias muestras con la herramienta de gradiente, aunque primero os aconsejo que practiquéis con las muestras de Juan Pedro, que son realmente muy interesantes. (Gracias Juan Pedro por tu elaborado trabajo) ;)

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

Lo que haremos será abrir la imagen a colorear, convertirla a escalas de grises (como vimos antes) y abrir con Gimp la imagen con la muestra de tono deseada:

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

Lanzamos ahora el diálogo de configuración de Colorear desde Muestra: COLORES > MAPA > COLOREAR DESDE MUESTRA

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

En DESTINO (lado izquierdo), elegimos la fotografía a tratar.

En MUESTRA (derecha) elegimos la imagen con la muestra de tono deseada.

Seguidamente hacemos clic en OBTENER COLORES DE MUESTRA, y vemos como la imagen se colorea:

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

Podemos afinar el acabado del coloreo mediante los ajustes de NIVELES DE ENTRADA (Recordad el tutorial sobre los Ajustes de Niveles en Gimp)

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

Damos a Aplicar y tenemos nuestra imagen coloreada:

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

La otra fotografía, quedaría tal que así:

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

Fijáos ahora en los bonitos e interesantes resultados que se pueden obtener con este método, pero cambiando los tonos de muestra y afinando los niveles de de entrada:

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

Y fijáos que no sólo podemos usar tonos sepia para nuestras fotos; otras tonalidades resultan tan o más interesantes:

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

… y por último, mi favorita:

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

Terminamos aquí con esta serie de métodos para colorear en tonos sepia (u otros) nuestras fotos.

Espero que os resulten útiles e interesantes. Nos vemos en el próximo tutorial. ;)


— jEsuSdA 8)

Comentarios [2]

---

JUEGO: Frets on Fire (FoF) · 24 junio 2009

Juegos

Frets On Fire


Seguro que todos vosotros conocéis el famoso juego de consola “Guitar Hero“:

Pues bien, no es necesario ni tener consola, ni siquiera guitarra, para poder jugar a un juego tan divertido como ese. Basta con descargar Frets on Fire y colocarnos nuestro teclado a modo de guitarra… ¡A tocar!

Frets on Fire es uno de los juegos libres más famosos. Tiene una comunidad de seguidores enorme, así que no es de extrañar que sea fácil conseguir paquetes de nuevas canciones para tocar, mods para mejorar el juego y un sinfín de añadidos más.

Aunque no permite jugar en red, por experiencia os puedo decir que es uno de los juegos más divertidos para montar una competición o torneo en una LAN Party.

Basta con seleccionar varias canciones e ir tocándolas, comparando finalmente las puntuaciones para ver quién gana.

Treméndamente divertido, sin duda. ;)


Capturas de pantalla:

captura de pantalla captura de pantalla




Si eres usuario de Linux, encontrarás los paquetes para instalar el juego en los repositorios de tu distribución ;) .


— jEsuSdA 8)

Comentarios [1]

---

JUEGO: Alien Arena · 22 junio 2009

Juegos

Alien Arena

  • Plataformas: GNU/Linux Windows MacOSX
  • Tipo: Shooter en primera persona (FPS)
  • Licencia: Libre
  • Valoración:4.5 sobre 5
  • Juego en Red: SI (también por Internet).
  • Web Oficial: http://icculus.org/alienarena/rpa/

ACTUALIZADO el 19 de Junio de 2009

AlienArena es un juego de “pegar tiros” al más puro estilo “Quake“, (de hecho usa una muy mejorada versión del motor de este).

A lo largo de los años, Alien Arena ha mejorado muchísimo en cuanto a calidad gráfica, efectos 3D y jugabilidad, siendo uno de los juegos FPS libres más famosos.

En su última versión han mejorado increíblemente la calidad del juego en todos los aspectos, comenzando por el sistema de sonido hasta llegar al muy logrado apartado gráfico.

Ambientado en un futuro alienígena, este es otro de esos juegos para liberar adrenalina y hacer las delicias en cualquier LAN PARTY.


Capturas de pantalla:

captura de pantalla captura de pantalla






El motor gráfico es potente y escalable, así que deberás configurarlo para sacarle el máximo partido sin comprometer la velocidad. ;)


— jEsuSdA 8)

Comentarios [2]

---

TUTORIAL GIMP: Fotos en color Sepia (Sepia Toning) I · 19 junio 2009

Diseño 2D

Hoy comienzo una serie de 2 tutoriales en los que veremos 3 formas de convertir fotografías a tonos sepia.

Si, ya sabéis, esas fotos que a las chicas les encantan para su álbum de boda, con colorcico tostado, como si fueran antiguas… pues vamos a aprender a hacerlas. ;)

TUTORIAL de DISEÑO GRÁFICO con GIMP

Nivel Sencillo

Fotos en color Sepia (Sepia Toning) I


Para este tutorial usaremos la imagen titulada “Girl”, original de David Garzón:

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

y, para que apreciéis mejor los detalle, también la imagen “Wishes”, de Shawnisa:

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

El primer método para convertir a tonos sepia las fotografías es extremadamente sencillo y rápido: bastará con acceder a la herramienta COLORES > COLOREAR:

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

Podremos ajustar 3 variables:

  • TONO: Nos va a permitir elegir el color del tinte (el sepia está alrededor del valor 40).
  • SATURACIÓN: Nos va a permitir elegir si el color será más vivo o más apagado.
  • LUMINOSIDAD: Podremos aclarar u oscurecer el resultado (aunque yo os recomiendo que lo dejéis a 0).

Hacemos clic en Aceptar y ya está:

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

Fijáos que efecto tan bonito conseguimos en la otra fotografía:

Cómo convertir a tonos sepia nuestras fotos con Gimp by jEsuSdA 8)

¡Y ya está!. ¡Así de sencillo!
En el próximo tutorial, os enseñaré dos métodos más elaborados, pero con resultados mucho más interesantes y ricos. ;)


— jEsuSdA 8)

Comentarios [4]

---

JUEGO: Wolfenstein Enemy Territory · 17 junio 2009

Juegos

Wolfenstein Enemy Territory

  • Plataformas: GNU/Linux Windows MacOSX
  • Tipo: Shooter en primera persona por equipos (FPS)
  • Licencia: Gratuito
  • Valoración:5 sobre 5
  • Juego en Red: SI (también por Internet).
  • Web Oficial: www.splashdamage.com

Creo que pocos datos novedosos puedo aportar de este afamado y premiado juego, muy popular en Internet.

Wolfenstein Enemy Territory se ambienta en la Segunda Guerra Mundial para trasladarnos a encarnizados combates equipos entre aliados y nazis.

Tendremos que elegir distintos tipos de combatientes, con diferentes armas y habilidades y acometer misiones.

Es todo un clásico en cualquier LAN Party, y su calidad, junto al hecho de que sea multiplataforma y gratuito, ha propiciado que se cuentes por millones los usuarios que, aún hoy, lo juegan.


Capturas de pantalla:

captura de pantalla captura de pantalla




Recordad descargar y aplicar los parches, que también están en la zona de descarga.


— jEsuSdA 8)

Comentarios [4]

---

Escuchando... "Hot Chip" · 15 junio 2009

Cultura

Hot Chip

Disco de Hot Chip


También escucho…

— jEsuSdA 8)

Comentarios [4]

---

TUTORIAL GIMP: Efecto Obama (Obamizar una foto) · 12 junio 2009

Diseño 2D

El tutorial que os presento hoy es uno de mis favoritos y uno del que, confieso, más he tenido que esforzarme en conseguir.

La idea es conseguir el efecto Obama, el famoso póster a 4 colores de la candidatura a la presidencia de los Estados Unidos, a partir de cualquier retrato, de un modo sencillo y en pasos simples, gracias a Gimp. ;)

TUTORIAL de DISEÑO GRÁFICO con GIMP

Nivel Intermedio

Cómo “Obamizar” un retrato: el efecto Obama


Para este tutorial usaremos la imagen titulada “Custo LA 19”, original de Vincent Boiteau:

Tutorial Obamizar una foto by jEsuSdA 8)

Es una lástima que tengamos que prescindir del cuerpo de esta joven para el tutorial, pero las circunstancias nos lo exigen, así que tendremos que recortar sólo la parte de la cara :

Tutorial Obamizar una foto by jEsuSdA 8)

Una vez tenemos sólo el primer plano, realizaremos una selección desestimando el fondo.
Podemos usar el lazo, la varita mágica y las Tijeras Inteligentes:

Tutorial Obamizar una foto by jEsuSdA 8)

Copiamos la selección y la pegamos como imagen nueva:

Tutorial Obamizar una foto by jEsuSdA 8)

Vemos que queda el fondo totalmente transparente. Justo como queríamos. ;)

Ahora vamos a convertir a blanco y negro la fotografía.

Yo me he decantado por el mezclador de canales esta vez, pero vosotros podéis usar alguno de los métodos que ya hemos visto aquí en otros tutoriales:

Tutorial Obamizar una foto by jEsuSdA 8)

El resultado es satisfactorio:

Tutorial Obamizar una foto by jEsuSdA 8)

Ahora viene la parte mágica: empelaremos la herramienta POSTERIZAR (COLORES > POSTERIZAR) para reducir los colores de la imagen.

Recordad que los niveles de posterización deben ser 5:

Tutorial Obamizar una foto by jEsuSdA 8)

La imagen resultante es una combinación de 5 manchas de diferente tonalidad.

Observad que en la conversión han aparecido muchos puntos en las fronteras de cada mancha. Para proseguir, deberemos limpiar esas zonas, de forma que las manchas queden compactas, uniformes y sin “ruido” extra.

Primera Limpieza:

Selecciona con la herramienta de SELECCIÓN POR COLOR (HERRAMIENTAS > HERRAMIENTAS DE SELECCIÓN > SELECCIÓN POR COLOR) una mancha de un color.

Expande la selección realizada 1 píxel (SELECCIONAR > AGRANDAR):

Tutorial Obamizar una foto by jEsuSdA 8)

Y pinta con el bote de pintura la nueva selección del mismo color que el que tenía.

Repite el mismo proceso con las otras 4 manchas y eliminarás así la mayoría de píxeles sueltos.

Segunda Limpieza:

Ahora no nos queda otra que eliminar los píxeles y bordes irregulares a mano con el pincel.

Selecciona un pincel de punta dura:

Tutorial Obamizar una foto by jEsuSdA 8)

Y ve poco a poco perfilando los bordes y borrando aquellos píxeles sueltos que veas:

Tutorial Obamizar una foto by jEsuSdA 8)

Fijáos, en la imagen superior, en la diferencia que hay entre el mentón (aún sin limpiar) y el cuello (ya repasado con el pincel).

Coloreado:

Concluida la limpieza ya tenemos nuestra imagen totalmente lista para ser coloreada:

Tutorial Obamizar una foto by jEsuSdA 8)

Con la herramienta de SELECCIÓN POR COLOR hacemos clic en la mancha de color negro y la coloreamos con EL BOTE DE PINTURA de color rojo (#D61920).

Procederemos de igual modo con la mancha gris más oscura, coloreándola de color azul oscuro (#00304B), y la siguiente mancha de color gris, empleando el color azul claro (#70959E).

Nos dejamos la zona de color gris claro sin tocar, y así queda:

Tutorial Obamizar una foto by jEsuSdA 8)

Para rellenar la zona de gris claro, vamos a crear un patrón de relleno.

Para ello, creamos una nueva imagen (una de 10×10 píxeles servirá):

Tutorial Obamizar una foto by jEsuSdA 8)

La coloreamos de color amarillo huevo (#FAE3A5) y creamos 3 selecciones rectangulares de 2 píxeles de altura, separadas por 2 píxeles cada una, que colorearemos de azul claro (#70959E):

Tutorial Obamizar una foto by jEsuSdA 8)

Seleccionamos sólo las 2 ó 4 primeras franjas y las copiamos:

Tutorial Obamizar una foto by jEsuSdA 8)

Seleccionamos la herramienta del bote de pintura y en la paleta de configuración marcamos

  • Relleno con patrón
  • Patrón de portapapeles (aparecerá por defecto)
  • Rellenar la selección completamente
Tutorial Obamizar una foto by jEsuSdA 8)

Ahora volvemos a la imagen a obamizar, seleccionamos con la herramienta de SELECCIÓN POR COLOR la mancha gris clara y la coloreamos con el patrón que acabamos de configurar con el BOTE DE PINTURA:

Tutorial Obamizar una foto by jEsuSdA 8)

Nos queda por colorear la mancha de color blanco.

Procederemos con la herramienta de SELECCIÓN POR COLOR y el BOTE DE PINTURA en modo habitual para colorearla de amarillo huevo (#FAE3A5):

Tutorial Obamizar una foto by jEsuSdA 8)

Ya sólo queda añadir una nueva capa y colorearla mitad de rojo, mitad de azul claro:

Tutorial Obamizar una foto by jEsuSdA 8)

La colocamos debajo del retrato y añadimos algunos detalles al gusto del consumidor…

¡Ya tenemos nuestro póster OBAMIZADO!:

Tutorial Obamizar una foto by jEsuSdA 8)

¡Realmente genial! ¡Uno de mis trucos favoritos, sin duda!

Espero que os haya gustado tanto como a mi. ;)
Nos vemos en el próximo tutorial de Gimp ;)


— jEsuSdA 8)

Comentarios [4]

---

JUEGO: BOS Wars · 10 junio 2009

Juegos

BOS Wars

  • Plataformas: GNU/Linux Windows MacOSX
  • Tipo: Estrategia en tiempo real (RTS)
  • Licencia: Libre
  • Valoración:4 sobre 5
  • Juego en Red: SI (también por Internet).
  • Web Oficial: www.boswars.org

BOS Wars es un juego de estrategia futurista basado en el popular motor Stratagus.

Al igual que el ya famoso Wargus, del que ya hablamos, BOS Wars permite entablar lucha contra nuestros oponentes mientras tratamos de desarrollar la economía y gestionar los recursos.

BOS Wars nos pemite jugar contra contrincantes humanos a través de LAN e Internet, así como contra la propia computadora.

Este pequeño gran juego hará las delicias de los amantes de la estrategia y, como no puede ser de otro modo, no puede faltar en ninguna LAN PARTY de amantes del software libre. ;)


Capturas de pantalla:

captura de pantalla captura de pantalla




Si eres usuario de Linux, no olvides instalarlo a través de tu gestor de paquetes habitual. Es seguro que estará disponible. ;) .


— jEsuSdA 8)

Comentarios [1]

---

Anteriores