HacheMuda

Blog personal sobre tecnologías web, WordPress… y lo demás.

Presentar imágenes con gracia

A la hora de enseñar nuestras imágenes, conviene cuidar un poquito la presentación. No me estoy refiriendo a cuando alguien muestra su portfolio a un posible cliente, o las muestras en una exposición. En esos casos se supone que la presentación está muy cuidada.

Sin embargo, cuando la gente sube una imagen a la web, o a su blog, suele ocurrir que parece no importar que quede mal. Que no tenga buena calidad, que los colores no peguen en absoluto con el fondo de la página… que la foto parezca cortada y pegada ahí sin mucho sentido de la estética.

Evidentemente, cada uno pierde invierte el tiempo que le da la gana (o el que puede) en la estética de los artículos que escribe. Yo no escribo muchos posts llenos de imágenes, y siempre que voy a colgar alguna imagen en medio de un artículo miro un poquito cómo queda con respecto al resto del artículo y a la página en sí.

Un par de detallitos que consiguen embellecer bastante una foto para colgarla en tu página es crearle una sombra (y por tanto una tercera dimensión) o un difuminado de los bordes (creando un aire soft).

Una imagen de ejemplo:

Piau Engaly

Si simplemente seguimos estos pasos, conseguimos crearle una sombra:

  1. Le agregamos un canal alfa a la capa de fondo, desde capa -> transparencia -> agregar canal alfa
  2. Escalamos la capa, haciéndola unos cuantos pixels (30, por ejemplo) más pequeña. Capa -> escalar la capa
  3. Movemos la capa un poquito hacia arriba y a la izquierda y la ajustamos con el tamaño de la imagen en capa -> capa a tamaño de imagen
  4. Duplicamos la capa y en capa -> colores -> niveles movemos la pestañita de la izquierda (la negra) hasta la derecha del todo. Así conseguimos toda la imagen en negro
  5. Le aplicamos un filtro de desenfoque gaussiano de unos 20 pixels y la colcamos debajo de la otra capa
  6. Creamos una capa nueva que rellenamos de blanco (o del color de fondo de la página web en la que se va a colgar) y que será el fondo de la imagen, por lo que la colocamos abajo del todo
  7. La capa con la imagen en negro es la sombra, así que la movemos un poquito hacia a la derecha y abajo para crear el efecto
  8. Ajustamos el desenfoque y la transparencia de la capa a nuestro gusto

El resultado (click en la imagen para descargar el video):

Piau Engaly 1

De otro modo, podemos querer darle un aire soft de ensueño a nuestra imagen:

  1. Creamos una capa nueva transparente que llamamos degradados
  2. Seleccionamos el blanco como color de frente
  3. Elegimos la herramienta de degradado y en sus opciones seleccionamos degradado lineal de frente a transparente
  4. Lanzamos cuatro degradados, desde los cuatro bordes de nuestra imagen hacia el centro
  5. Le aplicamos un desenfoque gaussiano a esta capa

El resultado (click en la imagen para descargar el video):

Piau Engaly 2

Recuerda: COMPARTIR ES BUENO. Si quieres ayudar a que más gente pueda ver estos videos explicativos, compártelos en tu mula (eMule, aMule…) o en tu programa P2P favorito. ¡Muchas gracias!

3 comentarios

Novato

Es muy util tu blog,Gracias por mostrarme el camino para el buen uso del GIMP, en este caso no puedo ver los videos con mi PC, me harias un gran favor si pones otra forma de bajar tus videos o si los subes a you tube y de ahi me es mas facil bajarlos

gracias

Responder

Deja tu comentario