{"id":28,"date":"2008-08-22T07:36:00","date_gmt":"2008-08-22T11:36:00","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=28"},"modified":"2008-08-22T07:36:00","modified_gmt":"2008-08-22T11:36:00","slug":"create-a-steel-effect-for-text","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/create-a-steel-effect-for-text\/","title":{"rendered":"Create a Steel Effect for text"},"content":{"rendered":"<p><strong>1. Create a new text layer.<\/strong><br \/>Create a new file in Photoshop with image size as 150 x 50.<br \/>Select the Horizontal Type Tool ,choose font values                                                                             <em>Myriad Pro, Bold, 48,Strong, 7731ec<\/em>.A new layer &#8216;Style&#8217; will be created.<\/p>\n<p><\/p>\n<div><\/div>\n<p><img decoding=\"async\" style=\"DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center\" alt=\"\" src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/img1-745367.gif\" border=\"0\" \/><\/p>\n<div><strong>2. Apply the &#8216;Drop Shadow&#8217; effect<br \/><\/strong>Select the layer &#8216;Style&#8217;. Double Click on this layer. Choose the style<br \/>&#8216;Drop Shadow&#8217;. Apply the following values to get the output as shown.<\/p>\n<\/div>\n<div><img decoding=\"async\" style=\"DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center\" alt=\"\" src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/img-3-725053.gif\" border=\"0\" \/><br \/><img loading=\"lazy\" decoding=\"async\" style=\"DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 328px; CURSOR: hand; HEIGHT: 320px; TEXT-ALIGN: center\" height=\"320\" alt=\"\" src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/img2-750872.gif\" width=\"337\" border=\"0\" \/><\/div>\n<p><\/p>\n<div><strong>3. Apply the &#8216;Bevel and Emboss&#8217; effect<br \/><\/strong>Choose the Style &#8216;Bevel and Emboss&#8217;.Apply the following values<br \/>for Structure and Shading to get the output as shown. Ensure that the &#8216;Gloss Contour&#8217;<br \/>and &#8216;Anti-Aliased&#8217; options are selected in Shading . <\/div>\n<p><img decoding=\"async\" style=\"DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center\" alt=\"\" src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/img4-765296.gif\" border=\"0\" \/><br \/><img decoding=\"async\" style=\"DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center\" alt=\"\" src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/img3a-727215.gif\" border=\"0\" \/><\/p>\n<div><\/div>\n<div><\/div>\n<div><\/div>\n<div><strong><\/strong><\/div>\n<div><strong>4. Apply the &#8216;Gradient&#8217; Effect<br \/><\/strong>Choose the Style &#8216;Gradient Overlay&#8217;.Apply the following values<br \/>to get the output as shown.<\/div>\n<p><img decoding=\"async\" style=\"DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center\" alt=\"\" src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/img6-753175.gif\" border=\"0\" \/><br \/><img decoding=\"async\" style=\"DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center\" alt=\"\" src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/img5-735868.gif\" border=\"0\" \/><\/p>\n<div><\/div>\n<div><\/div>\n<div><strong>5. Apply the &#8216;Contour&#8217; to &#8216;Bevel and Emboss&#8217;<br \/><\/strong>Select the following values to get the output as shown.<\/p>\n<\/div>\n<p><img decoding=\"async\" style=\"DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center\" alt=\"\" src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/img8-788830.gif\" border=\"0\" \/><br \/><img decoding=\"async\" style=\"DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center\" alt=\"\" src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/img7-782899.gif\" border=\"0\" \/> <\/p>\n<div><\/div>\n<div><\/div>\n<p><\/p>\n<div><strong>6. Change Colour of Text<br \/><\/strong>Now since the text is still Vector Text with styles applied to it,we can change the<br \/>colour of text.Select Horizontal Type Tool and select the top swatch and select<br \/>white color. We get a perfect steel effect.<\/div>\n<p><\/p>\n<div><\/div>\n<div><img decoding=\"async\" style=\"DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center\" alt=\"\" src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/img-9-750014.gif\" border=\"0\" \/><\/div>\n<p><img decoding=\"async\" style=\"DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center\" alt=\"\" src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/img10-720943.gif\" border=\"0\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. Create a new text layer.Create a new file in Photoshop with image size as 150 x 50.Select the Horizontal Type Tool ,choose font values Myriad Pro, Bold, 48,Strong, 7731ec.A new layer &#8216;Style&#8217; will be created. 2. Apply the &#8216;Drop Shadow&#8217; effectSelect the layer &#8216;Style&#8217;. Double Click on this layer. Choose the style&#8216;Drop Shadow&#8217;. Apply [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-28","post","type-post","status-publish","format-standard","hentry","category-photoshop"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":0,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/28\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=28"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=28"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}