{"id":168,"date":"2007-03-20T21:11:13","date_gmt":"2007-03-21T02:11:13","guid":{"rendered":"http:\/\/teamtutorials.com\/photoshop-tutorials\/versus-inspired-photoshop-logo-tutorial"},"modified":"2007-03-22T17:51:20","modified_gmt":"2007-03-22T22:51:20","slug":"versus-inspired-photoshop-logo-tutorial","status":"publish","type":"post","link":"https:\/\/teamtutorials.com\/photoshop-tutorials\/versus-inspired-photoshop-logo-tutorial","title":{"rendered":"Versus Inspired Photoshop Logo Tutorial"},"content":{"rendered":"

This Adobe Photoshop tutorial will show you how to create a rounded logo, inspired by the Versus cable network. We will use gradients and layer style to create this logo in Photoshop. This tutorial is great for all Photoshop users from beginners to intermediates.<\/p>\n

This is what you will get when you are finished:<\/p>\n

Versus Inspired Photoshop Logo Tutorial<\/a><\/p>\n

Start off with a new 500×500 pixel document with a background color of black
\nVersus Inspired Photoshop Logo Tutorial<\/a><\/p>\n

Now select red(#ff0000) as your foreground color. Create a new layer, then using the Elliptical Marquee, tool draw a perfect circle by holding the shift key while drawing.<\/p>\n

Versus Inspired Photoshop Logo Tutorial<\/a><\/p>\n

Now press alt+backspace to fill the area with red. <\/p>\n

Versus Inspired Photoshop Logo Tutorial<\/a><\/p>\n

Now apply the following layer style to this layer.<\/p>\n

Bevel:
\nVersus Inspired Photoshop Logo Tutorial<\/a><\/p>\n

Contour:
\nVersus Inspired Photoshop Logo Tutorial<\/a><\/p>\n

Gradient Overlay:
\nVersus Inspired Photoshop Logo Tutorial<\/a><\/p>\n

Versus Inspired Photoshop Logo Tutorial<\/a><\/p>\n

Then apply the style and your image should look like this:
\nVersus Inspired Photoshop Logo Tutorial<\/a><\/p>\n

Now create a new layer and draw another perfect circle inside the other circle and fill it with black (#000000)
\nVersus Inspired Photoshop Logo Tutorial<\/a><\/p>\n

Now we will create another new layer, and draw another smaller circle inside our black circle and fill it with red (#ff0000). Your image should look similar to the one below.
\nVersus Inspired Photoshop Logo Tutorial<\/a><\/p>\n

Now using the Elliptical Marquee tool again, create a smaller circle inside the red (do not create a new layer this time) one and press the delete button to remove the inner part of the circle.
\nVersus Inspired Photoshop Logo Tutorial<\/a><\/p>\n

Now you can deselect. We need to use the Elliptical Marquee tool again and select the lower right corner area of the circle and delete it.
\nVersus Inspired Photoshop Logo Tutorial<\/a><\/p>\n

Now create a smaller circle where we just deleted one, and fill it with red. You will want to use the arrow keys to position the dot before you deselect it.
\nVersus Inspired Photoshop Logo Tutorial<\/a><\/p>\n

Now we will add our text. Create a new layer and select the Text Tool. Click on the Layer and type the first letter, I will use a T. The font I am using is 235pt Add City Boy, you can download it here<\/a>. Position your letter so part of it is overlapping with the edge of the circle.
\nVersus Inspired Photoshop Logo Tutorial<\/a><\/p>\n

Now create another layer and add the other letter for your text the same way you did before.
\nVersus Inspired Photoshop Logo Tutorial<\/a><\/p>\n

Now we will merge the two text layers with the circle layer. Select all three layers by press ctrl and clicking them, then press ctrl + e to merge the layers. Here is a before and after.
\nVersus Inspired Photoshop Logo Tutorial<\/a><\/p>\n

Now select your newly merged layer and apply the following Layer Styles by right clicking the layer and select blending options.
\nVersus Inspired Photoshop Logo Tutorial<\/a><\/p>\n

Versus Inspired Photoshop Logo Tutorial<\/a><\/p>\n

Apply the style and your images should like the one below.
\nVersus Inspired Photoshop Logo Tutorial<\/a><\/p>\n

Now create a new layer. CTRL + Click on the layer with the black circle to make a selection like it on the new layer.
\nVersus Inspired Photoshop Logo Tutorial<\/a><\/p>\n

Now reset your colors so that black is the background and white is the foreground. Select the gradient tool, select \u201cForeground to transparent\u201d as your color.
\nVersus Inspired Photoshop Logo Tutorial<\/a><\/p>\n

Fill circle with the gradient by clicking outside the circle and dragging inward (like the arrow in the picture below).
\nVersus Inspired Photoshop Logo Tutorial<\/a><\/p>\n

Now deselect the circle and draw a new larger one offset like below.
\nVersus Inspired Photoshop Logo Tutorial<\/a><\/p>\n

Now delete the selection and our results should look like this:
\nVersus Inspired Photoshop Logo Tutorial<\/a><\/p>\n

Now you can leave the logo like that if you want, but I decided to add a little bit more to it. First Select all of the layers (except the background) in the layers panel by CTRL + Clicking them. Then on the menu in Photoshop go to Edit > Transform > Perspective .
\nVersus Inspired Photoshop Logo Tutorial<\/a><\/p>\n

Now move the points so they look like this:
\nVersus Inspired Photoshop Logo Tutorial<\/a><\/p>\n

Then apply the style and you are finished! I hope you liked this tutorial, feel free to leave suggestions for my future tutorials.
\nVersus Inspired Photoshop Logo Tutorial<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

This Adobe Photoshop tutorial will show you how to create a rounded logo, inspired by the Versus cable network. We will use gradients and layer style to create this logo in Photoshop. This tutorial is great for all Photoshop users from beginners to intermediates.<\/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":"\nVersus Inspired Photoshop Logo Tutorial<\/title>\n<meta name=\"description\" content=\"This Adobe Photoshop tutorial will show you how to create a rounded logo, inspired by the Versus cable network. We will use gradients and layer style to create this logo in Photoshop. This tutorial is great for all Photoshop users from beginners to intermediates.\" \/>\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\/versus-inspired-photoshop-logo-tutorial\" \/>\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=\"3 minutes\" \/>\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\/versus-inspired-photoshop-logo-tutorial#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2007\/03\/finished.jpg\",\"contentUrl\":\"http:\/\/teamtutorials.com\/wp-content\/uploads\/2007\/03\/finished.jpg\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/teamtutorials.com\/photoshop-tutorials\/versus-inspired-photoshop-logo-tutorial#webpage\",\"url\":\"https:\/\/teamtutorials.com\/photoshop-tutorials\/versus-inspired-photoshop-logo-tutorial\",\"name\":\"Versus Inspired Photoshop Logo Tutorial\",\"isPartOf\":{\"@id\":\"https:\/\/teamtutorials.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/teamtutorials.com\/photoshop-tutorials\/versus-inspired-photoshop-logo-tutorial#primaryimage\"},\"datePublished\":\"2007-03-21T02:11:13+00:00\",\"dateModified\":\"2007-03-22T22:51:20+00:00\",\"author\":{\"@id\":\"https:\/\/teamtutorials.com\/#\/schema\/person\/3abea1fc71644afe035403357450b9d9\"},\"description\":\"This Adobe Photoshop tutorial will show you how to create a rounded logo, inspired by the Versus cable network. We will use gradients and layer style to create this logo in Photoshop. This tutorial is great for all Photoshop users from beginners to intermediates.\",\"breadcrumb\":{\"@id\":\"https:\/\/teamtutorials.com\/photoshop-tutorials\/versus-inspired-photoshop-logo-tutorial#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/teamtutorials.com\/photoshop-tutorials\/versus-inspired-photoshop-logo-tutorial\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/teamtutorials.com\/photoshop-tutorials\/versus-inspired-photoshop-logo-tutorial#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/teamtutorials.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Versus Inspired Photoshop Logo Tutorial\"}]},{\"@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":"Versus Inspired Photoshop Logo Tutorial","description":"This Adobe Photoshop tutorial will show you how to create a rounded logo, inspired by the Versus cable network. We will use gradients and layer style to create this logo in Photoshop. This tutorial is great for all Photoshop users from beginners to intermediates.","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\/versus-inspired-photoshop-logo-tutorial","twitter_misc":{"Written by":"Johnathan Ward","Est. reading time":"3 minutes"},"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\/versus-inspired-photoshop-logo-tutorial#primaryimage","inLanguage":"en-US","url":"http:\/\/teamtutorials.com\/wp-content\/uploads\/2007\/03\/finished.jpg","contentUrl":"http:\/\/teamtutorials.com\/wp-content\/uploads\/2007\/03\/finished.jpg"},{"@type":"WebPage","@id":"https:\/\/teamtutorials.com\/photoshop-tutorials\/versus-inspired-photoshop-logo-tutorial#webpage","url":"https:\/\/teamtutorials.com\/photoshop-tutorials\/versus-inspired-photoshop-logo-tutorial","name":"Versus Inspired Photoshop Logo Tutorial","isPartOf":{"@id":"https:\/\/teamtutorials.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/teamtutorials.com\/photoshop-tutorials\/versus-inspired-photoshop-logo-tutorial#primaryimage"},"datePublished":"2007-03-21T02:11:13+00:00","dateModified":"2007-03-22T22:51:20+00:00","author":{"@id":"https:\/\/teamtutorials.com\/#\/schema\/person\/3abea1fc71644afe035403357450b9d9"},"description":"This Adobe Photoshop tutorial will show you how to create a rounded logo, inspired by the Versus cable network. We will use gradients and layer style to create this logo in Photoshop. This tutorial is great for all Photoshop users from beginners to intermediates.","breadcrumb":{"@id":"https:\/\/teamtutorials.com\/photoshop-tutorials\/versus-inspired-photoshop-logo-tutorial#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/teamtutorials.com\/photoshop-tutorials\/versus-inspired-photoshop-logo-tutorial"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/teamtutorials.com\/photoshop-tutorials\/versus-inspired-photoshop-logo-tutorial#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/teamtutorials.com\/"},{"@type":"ListItem","position":2,"name":"Versus Inspired Photoshop Logo Tutorial"}]},{"@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\/168"}],"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=168"}],"version-history":[{"count":0,"href":"https:\/\/teamtutorials.com\/wp-json\/wp\/v2\/posts\/168\/revisions"}],"wp:attachment":[{"href":"https:\/\/teamtutorials.com\/wp-json\/wp\/v2\/media?parent=168"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teamtutorials.com\/wp-json\/wp\/v2\/categories?post=168"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teamtutorials.com\/wp-json\/wp\/v2\/tags?post=168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}