HacheMuda

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

Crear reflejo realista

¿Tan inmerso en la moda 2.0 como estás y todavía sin saber crear los famosos reflejos que se ven por todos lados? Tranquilo, el proceso para crearlos es muy sencillo.

Aquí hay un par de ejemplos del resultado de la técnica:

Icono con reflejoTexto con reflejo

Los pasos a seguir son:

  1. Tenemos una capa de fondo y otra capa con nuestro logo, dibujo, texto o lo que sea.

    tutorial reflejos

  2. Vamos a Capa -> Duplicar capa y a Capa -> Capa a tamaño de imagen. Le hacemos un reflejo vertical mediante Capa -> Transformar -> Voltear verticalmente.

    tutorial reflejos

  3. Con la herramienta de Mover capas o selecciones, colocamos la volteada justo debajo de la original, dejando un trocito libre (sin juntarlas del todo).

    tutorial reflejos

  4. Vamos ahora a Capa -> Máscara de Capa y creamos una máscara de capa blanca (opacidad total). Con el color negro puesto de frente y el blanco de fondo, cogemos la herramienta de degradados y lanzamos un degradado lineal de abajo a arriba, empezando en la parte baja de nuestro logo invertido y acabando casi donde empieza el original.

    tutorial reflejos tutorial reflejos

  5. Si no nos gusta la transparencia del degradado, deshacemos y volvemos a lanzar un degradado distinto. Cuando lo tengamos, vamos a Capa -> Máscara -> Aplicar máscara de capa. En el diálogo de las capas, bajamos la opacidad de la capa del logo volteado hasta el 30% (o a tu gusto).

    tutorial reflejos

  6. Para terminar, aplicamos Filtros -> Desenfoque -> Desenfoque Gaussiano (Blur) de 5px de radio (más o menos, dependiendo del tamaño de tu logo).

    tutorial reflejos

Puedes descargar mi tutorialReflejos.xcf con las capas finales e intermedias.

16 comentarios

amuchamu

Con Inkscape también es muy sencillito :)

Responder
Alberto

Wenas Guille, ya siento darte la lata otra vez, jejje. Esque estoy haciendo la página web del grupo de montaña que vamos a hacer en Fontellas y querría saber donde tienes alojado http://www.hachemuda.com, para ver donde puedo encontrar dominios a buen precio. Gracias de antemano y un saludín!

Responder
amuchamu

Sé que no viene mucho al caso, pero… ¿no habías hecho un tutorial sobre cómo poner unos marcos majicos a las fotos? No sé si me explico, igual lo he soñado, he estado buscando aquí y no he encontrado nada…

Responder
Guillermo

Alberto: yo tengo alojado el blog en DreamHost. Por ahora no he tenido ningún problema, es lo más barato que yo he visto (con mucho espacio y tasa de transferencia), pero está en EEUU.
Amuchamu: Jajaja… Estaría muy guapo que soñaras con HacheMuda, jeje… Hice uno de cómo arreglar de una manera sencilla las fotos para colgarlas en la web, y que no quedaran tan sosas. Pero crear marcos chulos y tal no… Por si acaso, el que te comento es Presentar imágenes con gracia

Responder
Carlos

Muchas gracias Guille, muy útil :)

Responder
jose

Hola, esta muy chulo, pero …,una prguntilla ¿me podríais decir cómo se crearía el reflejo/brillo que tiene el dibujo del ordenador que utilizas (el de la pnatalla)?

Responder
Guillermo

José: te contesto en un post mañana, explicando cómo crear el reflejo ése tan de moda.

Responder
Jose

Muchas gracias.

es por eso por lo que quiero aprender a hacerlo, por que está muy de moda y queda muy chulo.

Gracias de nuevo.

Responder
Guillermo

José: no me acordaba, pero ya describí cómo hacer el efecto del reflejo en el siguiente artículo (en los pasos 1 y 6):

Creando un splash para Ubuntu (Parte 2)

�chale un vistazo, y si tienes cualquier duda ya sabes dónde estoy, :)

Responder
David

"Con el color negro puesto de frente y el blanco de fondo, cogemos la herramienta de degradados y lanzamos un degradado lineal de abajo a arriba,"

Me trabo ahí. Me sale la máscara de capa, en el dialogo de capas, con la mitad de arriba negra y la mitad de abajo blanca, sin "progresiones", y si hago lo del degradado y la aplico, se me aclara la capa, sin más. :( Qué hago mal?

Responder
Guillermo

David: no me hago muy bien a la idea de tu problema, creo que lo mejor será que me mandes por mail tu imagen en formato .xcf con las capas y la máscara y tal… Intenta reducir el tamaño de la imagen lo máximo posible para que no ocupe mucho y le echamos un vistazo. Mi dirección es: guillermo [ARROBA] hachemuda [PUNTO] com.

Responder
Raúl Luna

José:

Enhorabuena por tu sitio web, es de lo mejor que he encontrado en ideas para retoque digital.

Soy un aficionado a la fotografía y nunca había pasado del virado a blanco y negro o de la "foto antigua", pero estoy viendo que hay posibilidades muy interesantes y fáciles de hacer.

Con el truco del "gimp-nasio" he probado a hacer caricaturas de fotos, que han quedado bastante bien.

Bueno, lo dicho, enhorabuena.

Responder
tomamen

Hola, le he estado echando un vistazo a la explicacion para poder hacer los reflejos. Hay va mi preguntilla. El photoshop que yo tengo no me sale el paso de "Capa a tamaño de imagen", como podria hacer ese paso de otra manera.
Gracias.

Responder
Guillermo Latorre

El tutorial es para Gimp, no para Photoshop. Tendrás que buscar alguna opción similar en los menús del programa.

Responder

Deja tu comentario

2 enlaces desde otras páginas: