Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout How to Create a Top Quality Logo for Your Company

How to Create a Top Quality Logo for Your Company


1. Define the fittest image for your company

It's not the same to plan a logo idea for a fast food company than a heavy machinery factory, you need to determine your company's identity in order to create an image that plays along with the whole idea of your business. Usually food companies employ color closer to the plates that they serve, industrial factories were defined until a few years ago for using monochromatic palettes, but now with all the environment problematic that have been showing up, they opted for using more earth-friendly colors.

image 1

Color are also strong communicators, a blue logo for example will evocate water, relax, sky or serenity, while a black logo for example will communicate seriousness, some relation with machinery works, petroleum and elegance.

image 2

Once you have defined the color that will identify your company (maximum 3 colors), you need to decide the best way to express what your business does through a simple shape, it's not necessary to create a complex logo to be good. For example, if you're selling fishes your logo should be a fish or something that evocates it.

2. Create the canvas

OK, for start, we are going to create our working area, so go to File>New and create a canvas following the next parameters: 2362 px X 2362 px, 72 dpi and RGB color mode.

image 3

3. Defining the background

We can leave our background with the default color, which usually is white, but I think that we can make it look a little better. You will notice that the background layer is locked, easy, simply double click over the "background" word and change it for a name of your choice.

image 4

See that the layer is locked.

image 5

And now it's not locked. Once we have unlocked the layer, we can work with it, let's add a gradient overlay effect, make sure to enter the same values that the picture we display next.

image 6

image 7

image 8

Now we have a subtle background that looks better than the default.

image 9

4. Tracing our first lines

OK, for start, let's create the initial shape of our logo. Select the pen tool and trace a figure like this.

image 10

image 11

Proceed by filling the shape, simply select the layer where the shape lies and then click on the adjustment layer icon and select solid color.

image 12

image 13

image 14

And now a gradient overlay to give a nice touch to the object.

image 15

Pay attention to all the parameters we are implementing to the effect, we are going to generate a 4 color gradient.

image 16

image 17

Take care of every detail, from the angle to the blending mode.

image 18

image 19

image 20

If you follow this steps carefully, you will come out with something like this.

image 21

After learning how to make the first shape, the rest will be easier, start by making a figure with the pen tool.

image 22

image 23

Then fill it with the solid color process we already know, because we will be using after this the gradient overlay, it doesn't matter the solid color you choose.

image 24

image 25

Until this part, it will always be the same, the changes will happen after this step, in this case we are going to start with a gradient overlay.

image 26

image 27

 

image 28

image 29

image 30

image 31

Proceed by adding a Bevel and Emboss effect.

image 32

Be careful with every parameter to achieve the same results that you are seeing on the screen.

image 33

image 34

Now to make it more beautiful, reduce the opacity to 80 % and the fill to 0 %.

image 35

image 36

The opacity bar affects the entire element, including the effects, while the fill bar affects only the fillings, in this case, the initial black that we applied.

Next another shape, but this one will not have effects, instead, let's change its blending mode to overlay and the opacity to 80 %. Remember that from now on, all the figures will be initially black.

image 37

image 38

One of the great things about tutorials it's that you don't need to do everything right away, you can stop when you get tired and continue later.

image 39

image 40

image 41

Now to the next shape, grab your pen tool and trace it.

image 42

image 43

You now what's next, fill the path with black.

image 44

image 45

Now the effects, first gradient overlay.

image 46

image 47

image 48

image 49

God is freezing here, I'm going for a cup of hot chocolate.

image 50

image 51

Much better, now I can continue.

image 52

The next effect is Bevel and Emboss.

image 53

image 54

Finally a new effect, inner shadow.

image 55

image 56

Draw a simple shape using the pen tool, then reduce its opacity to 6 % and change the blending mode to overlay, remember that initially all the shapes must be black.

image 57

image 58

image 59

image 60

image 61

So far it's looking great, let's make more objects to make the logo nicer. The next shape is a small figure at the base of the logo, no effects.

image 62

image 63

Now use a solid color to fill it.

image 64

And finally just adjust to overlay the blending mode and 90 % opacity, do not switch the fill bar.

image 65

image 66

OK, use the pen tool  and trace the next figure.

image 67

Fill it with solid color, black as the rest.

image 68

image 69

Now the effects, let's start with gradient overlay.

image 70

image 71

image 72

image 73

image 74

image 75

image 76

Next is Bevel and Emboss, be careful to follow the exact parameters.

image 77

image 78

Finally, inner shadow.

image 79

image 80

OK, we are getting closer, so don't give up, let's trace the next shape.

image 81

image 82

Proceed with the black filling, you know what to do.

image 83

image 84

Then comes the effects, the first one is going to be gradient overlay.

image 85

image 86

image 87

image 88

image 89

And now the bevel and emboss effect.

image 90

Make sure to reduce the fill to 0 % and leave the opacity at 100 %.

image 91

image 92

OK, one more figure, we are getting closer to the end.

image 93

image 94

And now the solid color fill.

image 95

No effects needed for this object, just adjust the blending mode to overlay and the opacity to 50 %.

image 96

And the final shape, just like the others, start drawing it with the pen tool.

image 97

image 98

Now, fill with a solid color, you know it's black.

image 99

And the gradient overlay effect comes next.

image 100

image 101

image 102

image 103

Maybe an inner glow will work, let's give it a try.

image 104

It looks great, we are done with the hard part, now we just need to add some texts and shadows.

image 105

The shadows are easy, the first one is just a horizontal line fill it with a black solid color.

image 106

image 107

image 108

Reduce the fill to 0 % and an inner glow effect.

image 109

image 110

image 111

And now a drop shadow effect to complete this object.

image 112

image 113

The next shadow can be done by copying some of the original objects, but let's do it with the pen tool.

image 114

Now fill it with solid color.

image 115

And finally, adjust the blending mode to multiply and the opacity to 20 %.

image 116

image 117

We can use copies to create this shadow also, but let's make it from zero.

image 118

There's no need to show you the path, just fill it with black and the adjust the blending mode to multiply and the opacity to 20 %.

image 119

image 120

This part it's done, now a color shadow to suggest a translucent surface. Simply select all the layers that compound the icon and copy paste them, then select all the duplicate layers and flatten all.

image 121

image 122

Now rotate the object 180 degrees (Ctrl + T and rotate manually or edit>transform>flip vertical) or so it looks like a reflection, then select the elliptical marquee tool, adjust the feather to around 30 px and select from the middle to the bottom of the object, then hit Supr and you will get a nice blurred sensation.

image 123

image 124

That's it, you got the entire graphic element, we only need to add some text and we are finish.

image 125

Select the horizontal text and click over the canvas, then draw your company's name. To change the color of the letters, select the ones you want to change and then select the color.

image 126

image 127

image 128

And we have finished!!!. I hope this exercise have assisted you on how to generate the logo for your company using Photoshop, in any case, every brand is unique and only after a long study, you can define the identity, we hope you find this tutorial useful, see you next time.

How to create a top quality logo for your company



Author's URL: tutorialshock
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "How to Create a Top Quality Logo for Your Company"

Captcha