How to create Volkswagen Logo

posted by logos on January 22, 2014

This tutorial is going to show you how to draw the legendary Volkswagen emblem logo by using Layer Styles, Radial Gradients, and the Polygonal Lasso selection tool in order to do the tracing part. The image below show our end result.

da157c337ed0f2335be66d8885f24187.gif


Our tutorial is divided into two brief stages:

  1. Creating the circular orb surface
  2. Drawing the VW emblem

Creating the Orb Surface

First off, start by going through File>New and creating a new 250x250 document in Photoshop with the following attributes:

97956759a8aa4517c6ae16bc30a8e0c7.gif

Before we start drawing, access the Tool Panel on the left side of your workspace and go down all the way to the bottom to change the Foreground Color to #82B2E0 and the Background Color to #012B62. Those are the primary colors of our logo.

54aa2651a5e20894be4bdb5ebca2c324.gif

We will draw the basic circular shape of the logo now, so grab the Elliptical Marquee Tool from the Tool Panel, and then while holding down the Shift key, draw a selection of a circle on your canvas as shown below.

1aac75d9be4830324fea2ad021a6a617.gif

Now press Ctrl+Backspace to fill the selection with your pre-set Background Color.

7c61d87e5912c5fca794f4980a494964.gif

Access the Tool Panel again and select the Gradient Tool this time. Make sure you select the Foreground to Transparent gradient type.

4a604c27baa6af17db51fbd2aa749fee.gif

Create a gradient fill across your selection as shown in the screenshot below to complete creating the logo's surface.

b58b6d5873fb048340fe5e28362fc940.gif14b9f8fdcbbacd3c23c763076a1c276c.gif

The circular orb surface of our logo is now done, we will draw the actual emblem in the next stage of the tutorial.

Drawing the Emblem

Before we start off, press D to reset your Foreground and Background colors to their default white and black values and then press X to invert the colors' position. In this section we are going to basically draw the shape of the VW emblem and then give the layer we drew it on a Drop Shadow, an Inner Shadow and a Gradient Overlaystyle. Start off by creating a new layer by going through Layer>New>Layer. Using the Elliptical Marquee Tool, draw a round selection inside the orb as shown below

08e64eb3f0c49746b0c48ad33c4584dc.gif

Go through Edit>Stroke and apply a 10 px wide inside stroke.

07406a4938e3bded8e9591c22b3b188f.gif

Once you press OK, you should get a result similar to this.

028afd4e449697778f5dff248a9d5d05.gif

We have to do some tracing skill practice now, use the Polygonal Marquee Tool to draw straight lines that represent the base structure of the VW logo, which obviously is a V with a W under it. Grab the Polygonal Marquee Tool and start drawing straight lines as shown in the screenshot below. You can use the sample image that you have seen in the beginning of the tutorial as a reference. Note that you can go over the white stroke we created because we are going to fill this selection with white as well later on.

ca3a03bc4359a28654507dc5a5db291d.gif

Once your happy with your selection, go to Edit>Fill and use White.

61fc53f38a84b11e3d0dae026f5659c8.gif

We are done with the drawing part, it's now time to give the emblem some style and a 3D-like effect. Access your Layers Panel, then right click on the layer that contains the emblem and choose Blending Options. Apply the following options for the Drop Shadow, Inner Shadow, Gradient Overlay.

218155078826bb69386456e55010e332.gif

a2c23d6fdb27521bcecad341e2661ea5.gif

As for the Gradient Overlay, make sure you edit the Gradient Fill Type by clicking its thumbnail next to the word Gradient in the screenshot below, and apply the options seen in the Gradient Editor screenshot.

6e63c981ac25267e715d3ca009ca28a2.gif

9bd963efabce543dff866c89fa68e002.gif

Once you apply all these effects you should get something similar to the image below.

1f8da1308fcf5470f0bc04711559795c.gif

Your Volkswagen logo is finally complete, you can optionally add some gloss with Overlay or Soft Light layer styles to make it blend in with the logo more the same way it looks below.

e6ace270a1cc527bbe686fcd87ea6e2d.gif

This concludes our tutorial, you can check my source PSD here

Tutorial from http://www.republicofcode.com/tutorials/photoshop...

Leave a Comment

Write about your feelings and thoughts!

Know what this logo is about? Does it mean anything special to you? Know the history of the logo or interesting facts about this? Share your meaning with community, make it interesting and valuable.
Only registered users can post meanings. Please Sign Up or Log in.