Cómo hacer botones de cristal con Photoshop

Por Jordi Bonet el día 11 julio, 2008

Con Photoshop y un poco de tiempo se puede simular cualquier tipo de efecto en una imagen. Como, por ejemplo, convertir una imagen convencional en una bola de cristal tridimensional.

Se trata de un efecto muy útil para crear iconos de programas o páginas web, elaborar tu propia colección de iconos o darle un toque innovador al logotipo de tu empresa.

Pues bien, aunque te cueste creerlo, simular una especie de bola de cristal con Photoshop es relativamente sencillo. Sigue los pasos que tienes a continuación y en apenas unos minutos serás capaz de "esferizar" y cristalizar cualquier imagen que se cruce en tu camino.

Paso 1 - Crear y rellenar un círculo

Utiliza la herramienta de Marco elíptico (M), selecciona un círculo y rellénalo de un color con el bote de pintura (CTRL+Intro).

Paso 2 - Crear los reflejos

Crea una nueva capa y, de nuevo, utiliza la herramienta de Marco elíptico (M) para seleccionar una elipse. Como relleno, utiliza la herramienta Degradado (G) con el blanco y el color elegido para el círculo como colores.

Para que el reflejo sea transparente, selecciona la capa del reflejo, pulsa el botón "Añadir máscara de capa" y vuelve a rellenar la capa con un degradado parecido al anterior.

Duplica esta última capa, voltéala verticalmente utilizando la función "Edición/Transformar/Voltear vertical" y muévela a la parte inferior de la bola tal como puedes ver en la siguiente captura.

Selecciona el reflejo de abajo y desenfócalo con la función "Filtro/Desenfocar/Desenfoque gaussiano". Como valor para el radio del desenfoque utiliza 14.

Paso 3 - Añadir una imagen

Alcanzado este punto, sólo hay que introducir la imagen sobre el círculo de fondo y las capas de los reflejos. Carga la imagen, cópiala y pégala como una nueva capa en el proyecto y colócala entre los reflejos y la esfera de fondo.

Paso 4 - Simular una sombra

Si quieres exagerar el efecto tridimensional de la esfera, puedes añadir una sombra. Pinta una elipse completamente negra, aplícale un desenfoque gaussiano como el del reflejo y colócala como primera capa.

Y listo. Ya tienes tu bola de cristal terminada. Una vez dominada la técnica, es muy fácil aplicarla a cualquier tipo de figura geométrica.

Comentarios de usuarios

  • Omain2re Omain2re

    Muy bueno, enserio... nunca imagine que fuese tan sencillo como eso...

    • Enviado 11 jul 2008
  • Luis Luis

    Facil de Hacer, no tienes otras formas....??

    • Enviado 12 jul 2008
  • angela angela

    me parece interesante este prgrama por que ofrece mas diversdad y permite poder interactuar con las imagenes

    • Enviado 12 jul 2008
  • Sirikon Sirikon

    Es fantastico que se pueda hacer algo tan simple y que quede tan bien jejeje, yo descubri esta tecnica hace tiempo obserbando a un TUX. xD

    • Enviado 15 jul 2008
  • rex- rex-

    me parece interesante porque algunas personas quieren aprender mas y y saber como utilizar esta herramienta

    • Enviado 22 jul 2008
  • Lourdes Lourdes

    gracias. por favor donde puedo descargarme version de photoshop para Mac? gracias.

    • Enviado 02 dic 2008
  • AGLV AGLV

    muy buenos los pasos, si tienes otras maneras de crear o hacerla mas sencilla...gracias.

    • Enviado 21 feb 2009
  • Miguel Sanchez Miguel Sanche<br />z

    Muy bueno, posiblemente le podrías haber podido añadir algún estilo de capa, y podría incluso haber ganado en volumen.

    • Enviado 19 abr 2009
  • peter jesus peter jesus

    Muy bonito el resultado, la explicacion bastante clara. Tambien se puede hacer en otro programa como este...y es el Photopaint X4 de Corel sale bien tambien. Saludos XD Peter jesus

    • Enviado 28 jul 2009
  • Diseño Web Diseño Web

    Muy claro el tutorial, solo siguiendo los pasos leyendolo una vez, sale perfecto el botón.

    • Enviado 05 dic 2009
  • SONIA SONIA

    Me gustaría instalar freehand en la última versión del sistema operativo de mac: mac OS X 10.6.1. He mirado distintas posibilidades en foros y en la página de freehand pero no lo consigo. Creo que son soluciones para versiones un poco anteriores. Por favor, si alguien sabe como, me sería de gran ayuda, pues lo necesito con urgencia. GRACIAS

    • Enviado 13 dic 2009
  • Diseño Web Diseño Web

    Me uno a los que piden que coloques el link para poder descargar el programa para mac. muchas gracias!!!

    • Enviado 15 dic 2009
  • Marysol Marysol

    Gracias por su ayuda, aprendi un monton

    • Enviado 16 abr 2010
  • Luis Efren Melo Luis Efren Me<br />lo

    Muy sencillo, no pense que fuera tan facil

    • Enviado 16 nov 2010
  • Escribe un comentario

Softonic en Facebook