{"id":1479,"date":"2008-07-11T14:00:23","date_gmt":"2008-07-11T12:00:23","guid":{"rendered":"http:\/\/onsoftware.softonic.com\/como-hacer-botones-de-cristal-con-photoshop"},"modified":"2025-06-13T06:50:11","modified_gmt":"2025-06-13T04:50:11","slug":"como-hacer-botones-de-cristal-con-photoshop","status":"publish","type":"post","link":"https:\/\/cms-articles.softonic.io\/es\/como-hacer-botones-de-cristal-con-photoshop\/","title":{"rendered":"C\u00f3mo hacer botones de cristal con Photoshop"},"content":{"rendered":"<p>  <!--[if gte mso 10]&gt;--><\/p>\n<p>  \/* Style Definitions *\/  table.MsoNormalTable \t{mso-style-name:&#8221;Tabla normal&#8221;; \tmso-tstyle-rowband-size:0; \tmso-tstyle-colband-size:0; \tmso-style-noshow:yes; \tmso-style-parent:&#8221;&#8221;; \tmso-padding-alt:0cm 5.4pt 0cm 5.4pt; \tmso-para-margin:0cm; \tmso-para-margin-bottom:.0001pt; \tmso-pagination:widow-orphan; \tfont-size:10.0pt; \tfont-family:&#8221;Times New Roman&#8221;; \tmso-ansi-language:#0400; \tmso-fareast-language:#0400; \tmso-bidi-language:#0400;}  <\/p>\n<p><a href=\"https:\/\/articles-images.sftcdn.net\/wp-content\/uploads\/sites\/2\/2008\/07\/s1.jpg\"><img decoding=\"async\" src=\"https:\/\/articles-images.sftcdn.net\/wp-content\/uploads\/sites\/2\/2008\/07\/s1.jpg\" align=\"left\" \/><\/a>Con Photoshop y un poco de tiempo se puede simular cualquier tipo de efecto en una imagen. Como, por ejemplo, <strong>convertir una imagen convencional en una bola <\/strong><strong>de cristal <\/strong><strong>tridimensional<\/strong>.<\/p>\n<p>Se trata de un efecto muy \u00fatil para crear iconos de programas o p\u00e1ginas web, elaborar tu propia colecci\u00f3n de iconos o darle un toque innovador al logotipo de tu empresa.<\/p>\n<p>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\u00f3n y en apenas unos minutos ser\u00e1s capaz de &#8220;esferizar&#8221; y cristalizar cualquier imagen que se cruce en tu camino. <!--more--><\/p>\n<h3>Paso 1 &#8211; Crear y rellenar un c\u00edrculo<\/h3>\n<p>Utiliza la herramienta de Marco el\u00edptico (M), selecciona un c\u00edrculo y rell\u00e9nalo de un color con el bote de pintura (CTRL+Intro).<\/p>\n<p><a href=\"http:\/\/onsoftware.softonic.com\/como-hacer-botones-de-cristal-con-photoshop\/1485\/\" rel=\"attachment wp-att-1485\"><\/a><\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/articles-images.sftcdn.net\/wp-content\/uploads\/sites\/2\/2008\/07\/1.jpg\" rel=\"attachment wp-att-1485\"><img decoding=\"async\" src=\"https:\/\/articles-images.sftcdn.net\/wp-content\/uploads\/sites\/2\/2008\/07\/1.jpg\" \/><\/a><\/p>\n<h3>Paso 2 &#8211; Crear los reflejos<\/h3>\n<p>Crea una nueva capa y, de nuevo, utiliza la herramienta de Marco el\u00edptico (M) para seleccionar una elipse. Como relleno, utiliza la herramienta Degradado (G) con el blanco y el color elegido para el c\u00edrculo como colores.<\/p>\n<p><a href=\"http:\/\/onsoftware.softonic.com\/como-hacer-botones-de-cristal-con-photoshop\/1487\/\" rel=\"attachment wp-att-1487\"><\/a><\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/articles-images.sftcdn.net\/wp-content\/uploads\/sites\/2\/2008\/07\/21.jpg\" rel=\"attachment wp-att-1487\"><img decoding=\"async\" src=\"https:\/\/articles-images.sftcdn.net\/wp-content\/uploads\/sites\/2\/2008\/07\/21.jpg\" \/><\/a><\/p>\n<p>Para que el reflejo sea transparente, selecciona la capa del reflejo, pulsa el bot\u00f3n &#8220;A\u00f1adir m\u00e1scara de capa&#8221; y vuelve a rellenar la capa con un degradado parecido al anterior.<\/p>\n<p><a href=\"http:\/\/onsoftware.softonic.com\/como-hacer-botones-de-cristal-con-photoshop\/1488\/\" rel=\"attachment wp-att-1488\"><\/a><\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/articles-images.sftcdn.net\/wp-content\/uploads\/sites\/2\/2008\/07\/2a.jpg\" rel=\"attachment wp-att-1488\"><img decoding=\"async\" src=\"https:\/\/articles-images.sftcdn.net\/wp-content\/uploads\/sites\/2\/2008\/07\/2a.jpg\" \/><\/a><\/p>\n<p>Duplica esta \u00faltima capa, volt\u00e9ala verticalmente utilizando la funci\u00f3n &#8220;Edici\u00f3n\/Transformar\/Voltear vertical&#8221; y mu\u00e9vela a la parte inferior de la bola tal como puedes ver en la siguiente captura.<\/p>\n<p><a href=\"http:\/\/onsoftware.softonic.com\/como-hacer-botones-de-cristal-con-photoshop\/1489\/\" rel=\"attachment wp-att-1489\"><\/a><\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/articles-images.sftcdn.net\/wp-content\/uploads\/sites\/2\/2008\/07\/4.jpg\" rel=\"attachment wp-att-1489\"><img decoding=\"async\" src=\"https:\/\/articles-images.sftcdn.net\/wp-content\/uploads\/sites\/2\/2008\/07\/4.jpg\" \/><\/a><\/p>\n<p>Selecciona el reflejo de abajo y desenf\u00f3calo con la funci\u00f3n &#8220;Filtro\/Desenfocar\/Desenfoque gaussiano&#8221;. Como valor para el radio del desenfoque utiliza 14.<\/p>\n<p><a href=\"http:\/\/onsoftware.softonic.com\/como-hacer-botones-de-cristal-con-photoshop\/1490\/\" rel=\"attachment wp-att-1490\"><\/a><\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/articles-images.sftcdn.net\/wp-content\/uploads\/sites\/2\/2008\/07\/5.jpg\" rel=\"attachment wp-att-1490\"><img decoding=\"async\" src=\"https:\/\/articles-images.sftcdn.net\/wp-content\/uploads\/sites\/2\/2008\/07\/5.jpg\" \/><\/a><\/p>\n<h3>Paso 3 &#8211; A\u00f1adir una imagen<\/h3>\n<p>Alcanzado este punto, s\u00f3lo hay que introducir la imagen sobre el c\u00edrculo de fondo y las capas de los reflejos. Carga la imagen, c\u00f3piala y p\u00e9gala como una nueva capa en el proyecto y col\u00f3cala entre los reflejos y la esfera de fondo.<\/p>\n<p><a href=\"http:\/\/onsoftware.softonic.com\/como-hacer-botones-de-cristal-con-photoshop\/1492\/\" rel=\"attachment wp-att-1492\"><\/a><\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/articles-images.sftcdn.net\/wp-content\/uploads\/sites\/2\/2008\/07\/61.jpg\" rel=\"attachment wp-att-1492\"><img decoding=\"async\" src=\"https:\/\/articles-images.sftcdn.net\/wp-content\/uploads\/sites\/2\/2008\/07\/61.jpg\" \/><\/a><\/p>\n<h3>Paso 4 &#8211; Simular una sombra<\/h3>\n<p>Si quieres exagerar el efecto tridimensional de la esfera, puedes a\u00f1adir una sombra. Pinta una elipse completamente negra, apl\u00edcale un desenfoque gaussiano como el del reflejo y col\u00f3cala como primera capa.<\/p>\n<p><a href=\"http:\/\/onsoftware.softonic.com\/como-hacer-botones-de-cristal-con-photoshop\/1493\/\" rel=\"attachment wp-att-1493\"><\/a><\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/articles-images.sftcdn.net\/wp-content\/uploads\/sites\/2\/2008\/07\/7.jpg\" rel=\"attachment wp-att-1493\"><img decoding=\"async\" src=\"https:\/\/articles-images.sftcdn.net\/wp-content\/uploads\/sites\/2\/2008\/07\/7.jpg\" \/><\/a><\/p>\n<p>Y listo. Ya tienes tu bola de cristal terminada. Una vez dominada la t\u00e9cnica, es muy f\u00e1cil aplicarla a cualquier tipo de figura geom\u00e9trica.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\/* Style Definitions *\/ table.MsoNormalTable {mso-style-name:&#8221;Tabla normal&#8221;; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-parent:&#8221;&#8221;; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin:0cm; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:10.0pt; font-family:&#8221;Times New Roman&#8221;; mso-ansi-language:#0400; mso-fareast-language:#0400; mso-bidi-language:#0400;} 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. &hellip; <a href=\"https:\/\/cms-articles.softonic.io\/es\/como-hacer-botones-de-cristal-con-photoshop\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;C\u00f3mo hacer botones de cristal con Photoshop&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1007,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","wpcf-pageviews":0},"categories":[9706],"tags":[],"usertag":[],"vertical":[],"content-category":[],"class_list":["post-1479","post","type-post","status-publish","format-standard","hentry","category-how-to"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/posts\/1479","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/users\/1007"}],"replies":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/comments?post=1479"}],"version-history":[{"count":1,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/posts\/1479\/revisions"}],"predecessor-version":[{"id":386557,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/posts\/1479\/revisions\/386557"}],"wp:attachment":[{"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/media?parent=1479"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/categories?post=1479"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/tags?post=1479"},{"taxonomy":"usertag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/usertag?post=1479"},{"taxonomy":"vertical","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/vertical?post=1479"},{"taxonomy":"content-category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/content-category?post=1479"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}