Create a Sweet Logo in the Form of Wrapper

By D-ziner On May 24, 2012 · Leave a Comment

Today tutorial is about how to create a logo in the form of wrapper using Photoshop. It’s quite simple lesson and I believe after you finish, you’ll become more skillful. All companies need logos, and if you learn to create a logo in Photoshop, you would had a huge chance to earn good money on it.

First, we’ll create a background texture, and then we’ll turn the key figure and its stroke. After this, we’ll use a nice text effect and write the main title. Next, we’ll create a text with a rectangle, apply a layer style, and then transform it, mimicking a decorative ribbon. After we’ll write the help text and some decorate it. And at the end we’ll decorate our whole composition with the element in the form of diverging sunlight. So, let’s try to create great logo in Photoshop.

The final result:

Step 1

Create a new document with the size 600*450 (Ctrl+N). Set the foreground color to # 5b3522.

Step 2

Apply the Filter>Texture>Texturizer.

You’ll find this options on the top. In the result, you’ll have a nice texture as a foreground.

Step 3

Take the Elipse Tool and draw an oval, fill it with color # e8ae5a (use Paint Bucket Tool to fill it with the color).

Step 4

Double click on the current layer and change the options Stroke, as on the picture below.

Open the Gradient options and change it as well. On the left set the color # 411103, to the right set the color # ffffff.

Here the result you should have:

Step 5

Make a duplicate of the layer with oval, move it below the original layer with the oval and in the layer style settings (double click on the layer) change the position of the stroke with the “Inside” to “Outside.”

Step 6

Using the font <a href= ” http://www.dafont.com/chocolate-dealer.font“> Chocolate Dealer</a>. Write the word “TopWebDesign”, the size of text 70 pixels, the color # ce2e1e.

Step 7

Apply a layer style to the text, change the Stroke options, as it shown below:

Step 8

Next, use the font <a href=”http://www.fontsquirrel.com/fonts/pacifico”>Pacifico</a>, color # d72f1e, create a tape of dots. Means put the dot by dot with no space and you’ ll have a tape, make it a little longer than the chocolate text. Move the red tape to fit the text TopWebDesign. You can see the options on the picture below:

Step 9

After that, apply a layer style to a tape, as on the Step 7. The layer style of the tape is the same with the chocolate text. Here the result:

Step 10

Now we need to deform the tape a little bit. Use the right mouse button, select Warp Text on the top, change settings as shown below.

Here the result you should have:

Step 11

Now create a new layer (Ctrl + Shift +N). Using small stiff brush, paint the white space between the bottom of the text and the top of the red tape.

Step 12

Create a new layer (Ctrl+Shift+N). Use the Type Tool and pressing the underscore without space, create a straight line of four underscores. Then repeat this process nine times. You should now have nine lines with the color # 411103.

Step 13

Now we need to deform these nine tapes. Using the right mouse button, select to Warp Text with settings as shown below.

Move them to the left edge of the red tape.

Step 14

Now apply a layer style Gradient Overlay to the layer with nine tapes. The color of the gradient from # 431500 to # d72f1e.

Step 15

Make a duplicate layer with the tapes. Remove the three lower tapes. In the layer style Gradient Overlay change the direction of the gradient to reversed by clicking the checkbox “inversion” and move the little tapes to the right edge of the red tape.

Step 16

Using downloaded font <a href=”http://www.fontsquirrel.com/fonts/pacifico”>Pacifico</a>, Write the text right on the red tape. We wrote “wdremix.net”. You can use options, like on the picture below.

Step 17

Then double click on the layer and change the layer style:

Step 18

Next, change the font to Arrial (it’s standard font in the program) and change the size to 11 pixels, use the color # 431500, write a phrase SINCE 1901.

Step 19

At this stage, I chose a long time what visual element to put on the round, until I’ve stopped on the icon of the first set of <a href ” http://www.iconarchive.com/show/artcore-4-icons-by-artcore-illustrations.html”>this collection of icons</a>. You can put any other suitable image.

Step 20

Create a new layer (Ctrl+Shift+N) and move it right above the background layer.

Step 21

We use brushes <a href= ” http://mouritsada-stock.deviantart.com/art/Brush-Pack-Rays-Of-Light-94180757“>Rays of Light</a> in this tutorial. Click with the right mouse button on the any work place and chose Load Brushes from the drop down menu.

Step 22

After downloading the brushes, take one of the brushes and create the decoration in the white color (#ffffff), as on the picture below. We use the brush #1988.