{"id":693,"date":"2007-06-25T07:00:41","date_gmt":"2007-06-25T12:00:41","guid":{"rendered":"http:\/\/teamtutorials.com\/photoshop-tutorials\/blue-and-chrome-text"},"modified":"2007-06-25T07:00:55","modified_gmt":"2007-06-25T12:00:55","slug":"blue-and-chrome-text","status":"publish","type":"post","link":"https:\/\/teamtutorials.com\/photoshop-tutorials\/blue-and-chrome-text","title":{"rendered":"Blue and Chrome Text"},"content":{"rendered":"

This Adobe Photoshop tutorial will show you how to create blue text with a chrome background. For this tutorial I will be using Adobe Photoshop CS2. However, this effect can be achieved with most newer versions of Adobe Photoshop.<\/p>\n

Start with a new image 510×70 pixels with a white background.
\nBlue and Chrome Text Photoshop Tutorial<\/p>\n

Using the text tool with Arial Bold 48pt crisp type the words \u201cTeam Tutorials\u201d, or words of your choice.
\nBlue and Chrome Text Photoshop Tutorial<\/p>\n

Now right click on the layer and select \u201cBlending Options\u201d to open the Layer Styles window.
\nBlue and Chrome Text Photoshop Tutorial<\/p>\n

Apply the following settings:<\/p>\n

Gradient overlay
\nBlue and Chrome Text Photoshop Tutorial<\/p>\n

Here are the settings for the gradient (double click on the line to gradient line to open this window).
\nBlue and Chrome Text Photoshop Tutorial<\/p>\n

Stroke:
\nBlue and Chrome Text Photoshop Tutorial<\/p>\n

Apply the settings by clicking the ok button. Your images should now look like this.
\nBlue and Chrome Text Photoshop Tutorial<\/p>\n

Now ctrl + click on the layer in the layers window to select your text
\nBlue and Chrome Text Photoshop Tutorial<\/p>\n

On the Photoshop menu go to Select > Modify > Expand.
\nBlue and Chrome Text Photoshop Tutorial<\/p>\n

Expand the selection by 5 pixels.
\nBlue and Chrome Text Photoshop Tutorial<\/p>\n

The selection should now look like this.
\nBlue and Chrome Text Photoshop Tutorial<\/p>\n

Now create a new layer and fill the selection with black.
\nBlue and Chrome Text Photoshop Tutorial<\/p>\n

Now apply the following blending options to the new layer,<\/p>\n

Inner glow:
\nBlue and Chrome Text Photoshop Tutorial<\/p>\n

Gradient Overlay
\nBlue and Chrome Text Photoshop Tutorial<\/p>\n

Blue and Chrome Text Photoshop Tutorial<\/p>\n

Stroke:
\nBlue and Chrome Text Photoshop Tutorial<\/p>\n

Apply the settings. You image should look like this.
\nBlue and Chrome Text Photoshop Tutorial<\/p>\n

Now drag the chrome layer below the text layer in the layer window.
\nBlue and Chrome Text Photoshop Tutorial<\/p>\n

The final image should look like this.
\nBlue and Chrome Text Photoshop Tutorial<\/p>\n","protected":false},"excerpt":{"rendered":"

This Adobe Photoshop tutorial will show you how to create blue text with a chrome background. For this tutorial I will be using Adobe Photoshop CS2. However, this effect can be achieved with most newer versions of Adobe Photoshop.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[22,4],"tags":[],"yoast_head":"\nBlue and Chrome Text<\/title>\n<meta name=\"description\" content=\"This Adobe Photoshop tutorial will show you how to create blue text with a chrome background. For this tutorial I will be using Adobe Photoshop CS2. However, this effect can be achieved with most newer versions of Adobe Photoshop.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/teamtutorials.com\/photoshop-tutorials\/blue-and-chrome-text\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Johnathan Ward\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/teamtutorials.com\/#website\",\"url\":\"https:\/\/teamtutorials.com\/\",\"name\":\"Team Tutorials\",\"description\":\"Learn something new today\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/teamtutorials.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/teamtutorials.com\/photoshop-tutorials\/blue-and-chrome-text#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2007\/06\/chrome-blue-photoshop-tutorial-01.jpg\",\"contentUrl\":\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2007\/06\/chrome-blue-photoshop-tutorial-01.jpg\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/teamtutorials.com\/photoshop-tutorials\/blue-and-chrome-text#webpage\",\"url\":\"https:\/\/teamtutorials.com\/photoshop-tutorials\/blue-and-chrome-text\",\"name\":\"Blue and Chrome Text\",\"isPartOf\":{\"@id\":\"https:\/\/teamtutorials.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/teamtutorials.com\/photoshop-tutorials\/blue-and-chrome-text#primaryimage\"},\"datePublished\":\"2007-06-25T12:00:41+00:00\",\"dateModified\":\"2007-06-25T12:00:55+00:00\",\"author\":{\"@id\":\"https:\/\/teamtutorials.com\/#\/schema\/person\/3abea1fc71644afe035403357450b9d9\"},\"description\":\"This Adobe Photoshop tutorial will show you how to create blue text with a chrome background. For this tutorial I will be using Adobe Photoshop CS2. However, this effect can be achieved with most newer versions of Adobe Photoshop.\",\"breadcrumb\":{\"@id\":\"https:\/\/teamtutorials.com\/photoshop-tutorials\/blue-and-chrome-text#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/teamtutorials.com\/photoshop-tutorials\/blue-and-chrome-text\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/teamtutorials.com\/photoshop-tutorials\/blue-and-chrome-text#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/teamtutorials.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blue and Chrome Text\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/teamtutorials.com\/#\/schema\/person\/3abea1fc71644afe035403357450b9d9\",\"name\":\"Johnathan Ward\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/teamtutorials.com\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/93d667fe5dc6df5c722e0df5eac14d40?s=96&d=mm&r=r\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/93d667fe5dc6df5c722e0df5eac14d40?s=96&d=mm&r=r\",\"caption\":\"Johnathan Ward\"},\"description\":\"Johnathan Ward is an experienced developer and consultant that writes tutorials to help other developers. In his day job, he is an IBM Watson Consultant with several years of experience deploying and customizing Watson Explorer solutions.\",\"sameAs\":[\"http:\/\/johnathanward.com\",\"https:\/\/twitter.com\/spyderman4g63\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Blue and Chrome Text","description":"This Adobe Photoshop tutorial will show you how to create blue text with a chrome background. For this tutorial I will be using Adobe Photoshop CS2. However, this effect can be achieved with most newer versions of Adobe Photoshop.","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:\/\/teamtutorials.com\/photoshop-tutorials\/blue-and-chrome-text","twitter_misc":{"Written by":"Johnathan Ward","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/teamtutorials.com\/#website","url":"https:\/\/teamtutorials.com\/","name":"Team Tutorials","description":"Learn something new today","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/teamtutorials.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/teamtutorials.com\/photoshop-tutorials\/blue-and-chrome-text#primaryimage","inLanguage":"en-US","url":"http:\/\/teamtutorials.com\/wp-content\/uploads\/2007\/06\/chrome-blue-photoshop-tutorial-01.jpg","contentUrl":"http:\/\/teamtutorials.com\/wp-content\/uploads\/2007\/06\/chrome-blue-photoshop-tutorial-01.jpg"},{"@type":"WebPage","@id":"https:\/\/teamtutorials.com\/photoshop-tutorials\/blue-and-chrome-text#webpage","url":"https:\/\/teamtutorials.com\/photoshop-tutorials\/blue-and-chrome-text","name":"Blue and Chrome Text","isPartOf":{"@id":"https:\/\/teamtutorials.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/teamtutorials.com\/photoshop-tutorials\/blue-and-chrome-text#primaryimage"},"datePublished":"2007-06-25T12:00:41+00:00","dateModified":"2007-06-25T12:00:55+00:00","author":{"@id":"https:\/\/teamtutorials.com\/#\/schema\/person\/3abea1fc71644afe035403357450b9d9"},"description":"This Adobe Photoshop tutorial will show you how to create blue text with a chrome background. For this tutorial I will be using Adobe Photoshop CS2. However, this effect can be achieved with most newer versions of Adobe Photoshop.","breadcrumb":{"@id":"https:\/\/teamtutorials.com\/photoshop-tutorials\/blue-and-chrome-text#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/teamtutorials.com\/photoshop-tutorials\/blue-and-chrome-text"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/teamtutorials.com\/photoshop-tutorials\/blue-and-chrome-text#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/teamtutorials.com\/"},{"@type":"ListItem","position":2,"name":"Blue and Chrome Text"}]},{"@type":"Person","@id":"https:\/\/teamtutorials.com\/#\/schema\/person\/3abea1fc71644afe035403357450b9d9","name":"Johnathan Ward","image":{"@type":"ImageObject","@id":"https:\/\/teamtutorials.com\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/93d667fe5dc6df5c722e0df5eac14d40?s=96&d=mm&r=r","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/93d667fe5dc6df5c722e0df5eac14d40?s=96&d=mm&r=r","caption":"Johnathan Ward"},"description":"Johnathan Ward is an experienced developer and consultant that writes tutorials to help other developers. In his day job, he is an IBM Watson Consultant with several years of experience deploying and customizing Watson Explorer solutions.","sameAs":["http:\/\/johnathanward.com","https:\/\/twitter.com\/spyderman4g63"]}]}},"_links":{"self":[{"href":"https:\/\/teamtutorials.com\/wp-json\/wp\/v2\/posts\/693"}],"collection":[{"href":"https:\/\/teamtutorials.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/teamtutorials.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/teamtutorials.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teamtutorials.com\/wp-json\/wp\/v2\/comments?post=693"}],"version-history":[{"count":0,"href":"https:\/\/teamtutorials.com\/wp-json\/wp\/v2\/posts\/693\/revisions"}],"wp:attachment":[{"href":"https:\/\/teamtutorials.com\/wp-json\/wp\/v2\/media?parent=693"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teamtutorials.com\/wp-json\/wp\/v2\/categories?post=693"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teamtutorials.com\/wp-json\/wp\/v2\/tags?post=693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}