{"id":1399,"date":"2018-03-22T05:50:10","date_gmt":"2018-03-22T12:50:10","guid":{"rendered":"http:\/\/photoshopcafe.com\/?p=1399"},"modified":"2018-03-22T11:53:50","modified_gmt":"2018-03-22T18:53:50","slug":"glass-type-beg-int","status":"publish","type":"post","link":"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm","title":{"rendered":"Transparent Glass Text Photoshop Tutorial"},"content":{"rendered":"<h1>How to make Transparent glass text in Photoshop<\/h1>\n<p>Shiny, see through, glassy, transparent text definitely has its place. If you are designing a poster, product packaging, social media card \u00a0or just for fun, glass text is sure to impress. I&#8217;m going to show you exactly how to create it in Photoshop CC and it also works on Photoshop 6, 7, CS etc. I have the easy written guide that I wrote a number of years ago, (like 10 or so). I have updated the simple steps to be current and have recorded a brand new video. The written steps will get you up and running, while the video goes more in depth and shows you a number of additional options and variations.<\/p>\n<p>&nbsp;<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/8t7BFTjs-zY?rel=0\" width=\"853\" height=\"480\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2>Creating Glass text in Photoshop, an easy step by step guide<\/h2>\n<p>In this Photoshop tutorial, we are going to create a transparent glassy effect that allows the background to show thorough.<\/p>\n<h3>Step 1<\/h3>\n<p><a href=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2010\/05\/glass-01.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6521\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2010\/05\/glass-01.jpg\" alt=\"glass-01\" width=\"502\" height=\"207\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2010\/05\/glass-01.jpg 502w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2010\/05\/glass-01-300x123.jpg 300w\" sizes=\"auto, (max-width: 502px) 100vw, 502px\" \/><\/a><\/p>\n<p>Start with a background. 72dpi and RGB mode.<\/p>\n<p>&nbsp;<\/p>\n<h3>Step 2<\/h3>\n<p>Add some text, here I used galant <a href=\"https:\/\/www.1001freefonts.com\" target=\"new\">(www.1001freefonts.com)<\/a><\/p>\n<p><a href=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2010\/05\/glass-02.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6522\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2010\/05\/glass-02.jpg\" alt=\"glass-02\" width=\"830\" height=\"341\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2010\/05\/glass-02.jpg 830w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2010\/05\/glass-02-600x247.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2010\/05\/glass-02-300x123.jpg 300w\" sizes=\"auto, (max-width: 830px) 100vw, 830px\" \/><\/a><\/p>\n<h3>Step 3<\/h3>\n<p>Add a layer style by clicking the little &#8220;f&#8221; at the bottom of the layers pallette.<\/p>\n<p>Add a dropshadow and a bevel, copy the settings shown here.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6523\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2010\/05\/glass-03.jpg\" alt=\"glass-03\" width=\"686\" height=\"497\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2010\/05\/glass-03.jpg 686w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2010\/05\/glass-03-600x435.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2010\/05\/glass-03-300x217.jpg 300w\" sizes=\"auto, (max-width: 686px) 100vw, 686px\" \/><\/p>\n<p>Note 2 things here that really make the glass &#8220;pop&#8221;<\/p>\n<p>1. Change the contour, this gives the reflected look.<br \/>\n2. uncheck the global light and change the altitude to 53.<\/p>\n<p>&nbsp;<\/p>\n<h2>A listing of the Layer Style Contours in Photoshop<\/h2>\n<p>The layer Style Contour options are in many places in the Layer Styles panel in Photoshop. Here I am going to show you what they are all named and what they look like. Go to the end of this tutorial where I will show you how to create your own custom contours!<\/p>\n<p>This is the sample text we will be using, so you can see the effect of only changing the contour, everything else is the same.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-21096\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/glassy-text.jpg\" alt=\"\" width=\"800\" height=\"453\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/glassy-text.jpg 800w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/glassy-text-600x340.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/glassy-text-300x170.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/glassy-text-768x435.jpg 768w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/glassy-text-100x57.jpg 100w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>To let you see what each of the contours look like, I have created this chart.<\/p>\n<h3>Photoshop Layer Style Contour Chart<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-21097\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/photoshop-Layer-style-contours.jpg\" alt=\"\" width=\"800\" height=\"503\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/photoshop-Layer-style-contours.jpg 800w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/photoshop-Layer-style-contours-600x377.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/photoshop-Layer-style-contours-300x189.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/photoshop-Layer-style-contours-768x483.jpg 768w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/photoshop-Layer-style-contours-100x63.jpg 100w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Ok, back to the tutorial.<\/p>\n<h3>Step 4<\/h3>\n<p>Here is the result, pretty uninspiring huh?<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6524\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2010\/05\/glass-04.jpg\" alt=\"glass-04\" width=\"830\" height=\"339\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2010\/05\/glass-04.jpg 830w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2010\/05\/glass-04-600x245.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2010\/05\/glass-04-300x122.jpg 300w\" sizes=\"auto, (max-width: 830px) 100vw, 830px\" \/><\/p>\n<h3>Step 5<\/h3>\n<p>This step is where the magic happens!<\/p>\n<p>In the styles palette, click on the Custom blending options. (you can also do this from the layers panel)<\/p>\n<p>Now pull the fill opacity all the way to 0 and the rabbit comes out of the hat!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6525\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2010\/05\/glass-05.jpg\" alt=\"glass-05\" width=\"687\" height=\"207\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2010\/05\/glass-05.jpg 687w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2010\/05\/glass-05-600x181.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2010\/05\/glass-05-300x90.jpg 300w\" sizes=\"auto, (max-width: 687px) 100vw, 687px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3>Step 6<\/h3>\n<p><a href=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2010\/05\/glass-06.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6526\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2010\/05\/glass-06.jpg\" alt=\"glass-06\" width=\"830\" height=\"343\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2010\/05\/glass-06.jpg 830w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2010\/05\/glass-06-600x248.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2010\/05\/glass-06-300x123.jpg 300w\" sizes=\"auto, (max-width: 830px) 100vw, 830px\" \/><\/a><\/p>\n<p>Here is our glass type.<\/p>\n<h2>How to make your own Contour in Adobe Photoshop | Custom Layer Style Contour<\/h2>\n<p>As cool as all these presets are, you can really step it up a notch by creating your own custom contour so match the effect you want exactly.<\/p>\n<p>You can find the contours in several places in Photoshop. This is the Layer Styles dialog box.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-21095\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/contours.jpg\" alt=\"\" width=\"780\" height=\"466\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/contours.jpg 780w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/contours-600x358.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/contours-300x179.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/contours-768x459.jpg 768w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/contours-100x60.jpg 100w\" sizes=\"auto, (max-width: 780px) 100vw, 780px\" \/><\/p>\n<p>To edit a contour, click on its thumbnail.<\/p>\n<p>The contour editor will open. To change the settings, drag the points on the curve and imagine the curve is the cross section shape you are making, because it is. The corner box will make a hard edge, if you uncheck the box, it will be a rounded edge.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-21099\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/contour-editor.jpg\" alt=\"\" width=\"378\" height=\"421\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/contour-editor.jpg 378w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/contour-editor-269x300.jpg 269w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/contour-editor-100x111.jpg 100w\" sizes=\"auto, (max-width: 378px) 100vw, 378px\" \/><\/p>\n<p>Your contour will be called custom<\/p>\n<p>Click on new to add it to your list in the editor.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-21103\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/new-contour.jpg\" alt=\"\" width=\"271\" height=\"153\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/new-contour.jpg 271w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/new-contour-100x56.jpg 100w\" sizes=\"auto, (max-width: 271px) 100vw, 271px\" \/><\/p>\n<p>When you are happy with your curve, you can save it, by clicking \u00a0<em>save<\/em><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-21102\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/custom-contour.jpg\" alt=\"\" width=\"800\" height=\"540\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/custom-contour.jpg 800w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/custom-contour-600x405.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/custom-contour-300x203.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/custom-contour-768x518.jpg 768w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/custom-contour-100x68.jpg 100w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Here I have named it glass and thats it!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-21104\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/contour.saved_.jpg\" alt=\"\" width=\"441\" height=\"163\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/contour.saved_.jpg 441w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/contour.saved_-300x111.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/contour.saved_-100x37.jpg 100w\" sizes=\"auto, (max-width: 441px) 100vw, 441px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-21100\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/contour.jpg\" alt=\"\" width=\"179\" height=\"182\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/contour.jpg 179w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/contour-100x102.jpg 100w\" sizes=\"auto, (max-width: 179px) 100vw, 179px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3>Loading Custom Contours into Photoshop<\/h3>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>When you are in the Contour Editor, you can choose the presets from a list under preset, choose custom when you are making your own<\/p>\n<p>To load in custom ones you have created or downloaded, choose Load<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-21106\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/presets.jpg\" alt=\"\" width=\"383\" height=\"638\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/presets.jpg 383w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/presets-180x300.jpg 180w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/presets-100x167.jpg 100w\" sizes=\"auto, (max-width: 383px) 100vw, 383px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Navigate to the contour<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-21100\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/contour.jpg\" alt=\"\" width=\"179\" height=\"182\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/contour.jpg 179w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/contour-100x102.jpg 100w\" sizes=\"auto, (max-width: 179px) 100vw, 179px\" \/><\/p>\n<p>And its added to your list<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-21103\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/new-contour.jpg\" alt=\"\" width=\"271\" height=\"153\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/new-contour.jpg 271w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/new-contour-100x56.jpg 100w\" sizes=\"auto, (max-width: 271px) 100vw, 271px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>I hope you enjoyed this tutorial and the extra lesson on creating custom contours. If you haven&#8217;t watched the companion video at the top, please do because it has a lot of stuff not covered here, the 2 supplement each other. (One of the awesome things about PhotoshopCAFE, we are one of the only Photoshop free tutorial sits that give you BOTH written instruction AND video for most of our tutorials, double the learning).<\/p>\n<p>Thanks for checking this out, don&#8217;t forget to check out our other tutorials here at PhotoshopCAFE, there is a LOT of good stuff in our pages \ud83d\ude42<\/p>\n<p>Don&#8217;t forget to comment, bookmark this page, share it and sign up for ou weekly mailing list where Ill give you new tutorials!<\/p>\n<p>&nbsp;<\/p>\n<p>Colin Smith (PhotoshopCAFE Founder<hr \/>\r\n\r\n<strong>PS Don\u2019t forget to follow us on Social Media for more tips..<\/strong>\r\n<ul>\r\n\t<li><a href=\"https:\/\/www.instagram.com\/photoshopcafe\/\">Instagram<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.youtube.com\/photoshopcafe\">Youtube.<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.facebook.com\/photoshopCAFE\">facebook<\/a><\/li>\r\n\t<li><a href=\"https:\/\/twitter.com\/photoshopCAFE\">twitter<\/a><\/li>\r\n<\/ul>\r\n(I've been posting some fun Instagram and Facebook Stories lately)<br \/>\r\n\r\n<a href=\"https:\/\/photoshopcafe.com\/vault\/\">You can get my free Layer Blending modes ebook along with dozens of exclusive Photoshop Goodies here<\/a>\r\n\r\n<a href=\"https:\/\/photoshopcafe.com\/vault\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-48395 size-full\" src=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/03\/PS-vault-newsltter.jpg\" alt=\"photoshop goodies for free\" width=\"550\" height=\"363\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/03\/PS-vault-newsltter.jpg 550w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/03\/PS-vault-newsltter-300x198.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/03\/PS-vault-newsltter-100x66.jpg 100w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/03\/PS-vault-newsltter-120x80.jpg 120w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here is a tutorial that will show you the easiest way to create see through glass text in Photoshop using layer styles as well as how to make custom Layer Style contours. Make sure to do 2 things to make it look better. Make semi transparent glass type in Photoshop with this step by step guide and  video tutorial. <\/p>\n","protected":false},"author":6,"featured_media":21108,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[43,53,215],"tags":[92,129,446],"class_list":["post-1399","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-photoshop-tutorials","category-text-effects","category-step-by-step","tag-type","tag-layer-styles","tag-text-effect"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.2 (Yoast SEO v24.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Transparent Glass Text Photoshop Tutorial - PhotoshopCAFE<\/title>\n<meta name=\"description\" content=\"Learn how to create a transparent glass effect to text in Photoshop tutorial\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Transparent Glass Text Photoshop Tutorial\" \/>\n<meta property=\"og:description\" content=\"Learn how to create a transparent glass effect to text in Photoshop tutorial\" \/>\n<meta property=\"og:url\" content=\"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm\" \/>\n<meta property=\"og:site_name\" content=\"PhotoshopCAFE\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/photoshopCAFE\" \/>\n<meta property=\"article:published_time\" content=\"2018-03-22T12:50:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-03-22T18:53:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/glassy-textl.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"389\" \/>\n\t<meta property=\"og:image:height\" content=\"389\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Colin Smith\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@photoshopCAFE\" \/>\n<meta name=\"twitter:site\" content=\"@photoshopCAFE\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Colin Smith\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm#article\",\"isPartOf\":{\"@id\":\"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm\"},\"author\":{\"name\":\"Colin Smith\",\"@id\":\"https:\/\/photoshopcafe.com\/#\/schema\/person\/a2452c052fad7b30a7d49eeefb8ec2b1\"},\"headline\":\"Transparent Glass Text Photoshop Tutorial\",\"datePublished\":\"2018-03-22T12:50:10+00:00\",\"dateModified\":\"2018-03-22T18:53:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm\"},\"wordCount\":752,\"commentCount\":7,\"publisher\":{\"@id\":\"https:\/\/photoshopcafe.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm#primaryimage\"},\"thumbnailUrl\":\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/glassy-textl.jpg\",\"keywords\":[\"Type\",\"Layer Styles\",\"text effect\"],\"articleSection\":[\"Tutorials\",\"Text Effects\",\"Step by Step\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm\",\"url\":\"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm\",\"name\":\"Transparent Glass Text Photoshop Tutorial - PhotoshopCAFE\",\"isPartOf\":{\"@id\":\"https:\/\/photoshopcafe.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm#primaryimage\"},\"image\":{\"@id\":\"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm#primaryimage\"},\"thumbnailUrl\":\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/glassy-textl.jpg\",\"datePublished\":\"2018-03-22T12:50:10+00:00\",\"dateModified\":\"2018-03-22T18:53:50+00:00\",\"description\":\"Learn how to create a transparent glass effect to text in Photoshop tutorial\",\"breadcrumb\":{\"@id\":\"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm#primaryimage\",\"url\":\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/glassy-textl.jpg\",\"contentUrl\":\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/glassy-textl.jpg\",\"width\":389,\"height\":389},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/photoshopcafe.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Transparent Glass Text Photoshop Tutorial\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/photoshopcafe.com\/#website\",\"url\":\"https:\/\/photoshopcafe.com\/\",\"name\":\"PhotoshopCAFE\",\"description\":\"Adobe Photoshop tutorials and Lightroom tutorials\",\"publisher\":{\"@id\":\"https:\/\/photoshopcafe.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/photoshopcafe.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/photoshopcafe.com\/#organization\",\"name\":\"PhotoshopCAFE\",\"url\":\"https:\/\/photoshopcafe.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/photoshopcafe.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/12\/cropped-psc512.png\",\"contentUrl\":\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/12\/cropped-psc512.png\",\"width\":512,\"height\":512,\"caption\":\"PhotoshopCAFE\"},\"image\":{\"@id\":\"https:\/\/photoshopcafe.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/photoshopCAFE\",\"https:\/\/x.com\/photoshopCAFE\",\"https:\/\/www.instagram.com\/photoshopcafe\/\",\"https:\/\/www.linkedin.com\/in\/photoshopcafe\/\",\"https:\/\/www.youtube.com\/photoshopcafe\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/photoshopcafe.com\/#\/schema\/person\/a2452c052fad7b30a7d49eeefb8ec2b1\",\"name\":\"Colin Smith\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/photoshopcafe.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/91ba6bedfc9917695b2173d6cfaefe08?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/91ba6bedfc9917695b2173d6cfaefe08?s=96&d=mm&r=g\",\"caption\":\"Colin Smith\"},\"description\":\"Colin Smith is founder of the #1 PhotoshopCAFE online community which has received over 30 million visitors. Colin has Authored\/Coauthored 18 books. He has won numerous awards including 3 Guru awards. He\u2019s been nominated for the Photoshop Hall of Fame twice. Colin is a regular columnist for Photoshop User Magazine. He\u2019s been featured in almost every major imaging magazine, and is in high demand as a speaker at major industry events including Flash Forward and WPPI . He consults such companies as ABC Disney, Apple and Adobe\",\"url\":\"https:\/\/photoshopcafe.com\/author\/colin-smith\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Transparent Glass Text Photoshop Tutorial - PhotoshopCAFE","description":"Learn how to create a transparent glass effect to text in Photoshop tutorial","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm","og_locale":"en_US","og_type":"article","og_title":"Transparent Glass Text Photoshop Tutorial","og_description":"Learn how to create a transparent glass effect to text in Photoshop tutorial","og_url":"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm","og_site_name":"PhotoshopCAFE","article_publisher":"https:\/\/www.facebook.com\/photoshopCAFE","article_published_time":"2018-03-22T12:50:10+00:00","article_modified_time":"2018-03-22T18:53:50+00:00","og_image":[{"width":389,"height":389,"url":"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/glassy-textl.jpg","type":"image\/jpeg"}],"author":"Colin Smith","twitter_card":"summary_large_image","twitter_creator":"@photoshopCAFE","twitter_site":"@photoshopCAFE","twitter_misc":{"Written by":"Colin Smith","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm#article","isPartOf":{"@id":"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm"},"author":{"name":"Colin Smith","@id":"https:\/\/photoshopcafe.com\/#\/schema\/person\/a2452c052fad7b30a7d49eeefb8ec2b1"},"headline":"Transparent Glass Text Photoshop Tutorial","datePublished":"2018-03-22T12:50:10+00:00","dateModified":"2018-03-22T18:53:50+00:00","mainEntityOfPage":{"@id":"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm"},"wordCount":752,"commentCount":7,"publisher":{"@id":"https:\/\/photoshopcafe.com\/#organization"},"image":{"@id":"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm#primaryimage"},"thumbnailUrl":"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/glassy-textl.jpg","keywords":["Type","Layer Styles","text effect"],"articleSection":["Tutorials","Text Effects","Step by Step"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm#respond"]}]},{"@type":"WebPage","@id":"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm","url":"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm","name":"Transparent Glass Text Photoshop Tutorial - PhotoshopCAFE","isPartOf":{"@id":"https:\/\/photoshopcafe.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm#primaryimage"},"image":{"@id":"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm#primaryimage"},"thumbnailUrl":"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/glassy-textl.jpg","datePublished":"2018-03-22T12:50:10+00:00","dateModified":"2018-03-22T18:53:50+00:00","description":"Learn how to create a transparent glass effect to text in Photoshop tutorial","breadcrumb":{"@id":"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm#primaryimage","url":"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/glassy-textl.jpg","contentUrl":"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2013\/05\/glassy-textl.jpg","width":389,"height":389},{"@type":"BreadcrumbList","@id":"https:\/\/photoshopcafe.com\/tutorials\/glass\/glass.htm#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/photoshopcafe.com\/"},{"@type":"ListItem","position":2,"name":"Transparent Glass Text Photoshop Tutorial"}]},{"@type":"WebSite","@id":"https:\/\/photoshopcafe.com\/#website","url":"https:\/\/photoshopcafe.com\/","name":"PhotoshopCAFE","description":"Adobe Photoshop tutorials and Lightroom tutorials","publisher":{"@id":"https:\/\/photoshopcafe.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/photoshopcafe.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/photoshopcafe.com\/#organization","name":"PhotoshopCAFE","url":"https:\/\/photoshopcafe.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/photoshopcafe.com\/#\/schema\/logo\/image\/","url":"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/12\/cropped-psc512.png","contentUrl":"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/12\/cropped-psc512.png","width":512,"height":512,"caption":"PhotoshopCAFE"},"image":{"@id":"https:\/\/photoshopcafe.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/photoshopCAFE","https:\/\/x.com\/photoshopCAFE","https:\/\/www.instagram.com\/photoshopcafe\/","https:\/\/www.linkedin.com\/in\/photoshopcafe\/","https:\/\/www.youtube.com\/photoshopcafe"]},{"@type":"Person","@id":"https:\/\/photoshopcafe.com\/#\/schema\/person\/a2452c052fad7b30a7d49eeefb8ec2b1","name":"Colin Smith","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/photoshopcafe.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/91ba6bedfc9917695b2173d6cfaefe08?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/91ba6bedfc9917695b2173d6cfaefe08?s=96&d=mm&r=g","caption":"Colin Smith"},"description":"Colin Smith is founder of the #1 PhotoshopCAFE online community which has received over 30 million visitors. Colin has Authored\/Coauthored 18 books. He has won numerous awards including 3 Guru awards. He\u2019s been nominated for the Photoshop Hall of Fame twice. Colin is a regular columnist for Photoshop User Magazine. He\u2019s been featured in almost every major imaging magazine, and is in high demand as a speaker at major industry events including Flash Forward and WPPI . He consults such companies as ABC Disney, Apple and Adobe","url":"https:\/\/photoshopcafe.com\/author\/colin-smith\/"}]}},"_links":{"self":[{"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/posts\/1399","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/comments?post=1399"}],"version-history":[{"count":17,"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/posts\/1399\/revisions"}],"predecessor-version":[{"id":21416,"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/posts\/1399\/revisions\/21416"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/media\/21108"}],"wp:attachment":[{"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/media?parent=1399"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/categories?post=1399"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/tags?post=1399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}