Several essential points should be taken into consideration before the conceptualization period of creating a logo, and the work of logo design company starts with procuring such information. A logo is the much essential constituent in a company’s or a business’s image. It should speak a lot about the company, just by its existence alone. One well-made logo can speak better than one hundred pages of the company’s profile to anyone who observes it, and it must also be borne in mind that a bad logo could damage the whole image.
So, it becomes of maximum consequence that the logo has to be designed to serve the point to the maximum. We have to take into consideration the business’s type of services, type of customers, and its unique way of rendering its services. Only after examining all these points, we can arrive at the concept stage, and then only we can start the procedure of creating the logo, that is, the figure part.
The actual digital-drawing of the logo can be done with any software, like, Illustrator, Adobe Photoshop, etc. In this article, we would learn how a logo can be created by using Adobe Photoshop.
In this step-by-step guide, we will be producing a simple Text Logo, with or without a supporting image.
Let us do a logo that says ‘Creation’, and let us also name this assignment as ‘Creation’.
First, The Background: Get your Photoshop, go to FILE, and then NEW. In the ‘Name’ field, type ‘Project Creation Logo’, set the width at 300, Height 100, Resolution at 72 psi, all in pixels. Keep the Color Mode RGB (8 bit if possible), the background as White, and click OK.
Now for the background, select the Gradient tool. Are you able to view the Image and Layer next to File and Edit, at the top? Immediately underneath that, you can see the Gradient Box. Click on it to edit or create a gradient.
There will be a new window appearing, named Gradient Editor, and near its base you can see the gradient bar with its color stop indents tags. Slide them right or left to get a new gradient of your choice, and then click the ‘New’ button in that window to save this additional gradient design, which you can name ‘creative’. In this tutorial, we are putting the gradient type as ‘Solid’, Smoothness as 100%, and the bottom field called Location at 30. Click the OK button now.
Again go and click on the gradient tool, and from the Gradient Editor window opt for the ‘creative’ gradient that we have already made. By the side of the Gradient Box, you can see 5 different styles of gradient selections, the central option is called ‘angle gradient’, select that.
Now, keep the cursor on the fully white Project Creation Logo’s background image box. Put it somewhere near the middle and left and click once. Holding the mouse button, drag a horizontal line to the right and let it go at the end. You would now see a pattern on the computer screen. You can of course try out a variety of patterns, by manipulating the placement and releasing points of the cursor, and also of the angle of the line drawn. We shall discuss about these afterwards, but now let us complete a simple logo design with this guide.
For now, we have produced a background for the Logo project.
Crafting the Text layer: In this step, we may bring on any custom Fonts, but in this guide we are going to use an already existing font, Century Gothic. Setting it at Regular and at 72pt, opt for Text tool, and click it somewhere inside the Project Creation Logo image file, and type ‘Creation’. This word ‘Creation’ will become a layer, so, to work further on this word we have to click and pull down Layer, then go to Layer Style.
You may create one layer each for each character, for different looks. In our simple guide we shall treat the full word as one, so we would be utilizing the entire word, ‘Creation’, as a single layer.
After punching out the keyboard for the word ‘Creation’, click the Move tool, and shift the ‘Creation’ layer to anywhere near the commencement of the angle gradient. Don’t be troubled if a part of the word is hidden by the darker part of the gradient background, it’s but normal.
Go to Layer, then Layer Style, and then go to Blending Options. The Layer Style – Blending Options window will be displayed now. Click on Inner Glow, Bevel and Emboss – Contour, right click on Inner Glow, and set up in the resulting table the following as, Structure – Blend Mode – Normal, Opacity – 75%, Noise – 0%. Below the Noise level adjustment you may see the color selection, left click on it and turn it green. In the Elements, keep the – Technique – Softer, Source – Edge, Choke – 0, size – 250. Put down the Quality adjustment as it is, don’t touch it.
We have used the abovementioned adjustments just for our tutorial, but similar to the background gradient creation you may try plenty of varieties with the controls on hand on this blending layer style window. Also, I have left the contour of the text ‘Creation’, as it is, but if you want to alter the shape to anything else you like better, pick that layer, and go to Edit, Transform, and use the settings found there.
Next comes an additional image to add on to our Text Logo. This is again an option. Here we have taken a sketch of a tree. Search out this image, the sketch of a tree figure, from any place you can, and save in your computer. Open it as another image in the Photoshop, make sure that all its outlines (vectors) are closed, and then choosing the Magic Wand Tool, take out just the outline of the tree, then use the Move tool and move it to the Project Creation Logo image. Position it anywhere you like. Here, we are placing it just like standing next to that text, ‘Creation’, as if providing it with shadow.
This layer can be referred as an additional layer, hence, you have to consider this as one and to work on it one has to go to Layer, Layer Style, and then come to Blending Options. Just do here what you have already done for the text layer, but when it comes to color, keep it as brown or something you feel proper.
You have at your liberty to try and experiment with all those controls and adjustments, and finally when you arrive at the final Text Logo image that you see right on the screen, save it, Go to Layer one more time, and Flatten Image.
Now you got your Text Logo, right there on the monitor. Please leave your comments about this post.
Also Read: Step By Step Guide To Set Up Google Places
October 19, 2012 at 4:52 pm
I freakin LOVE this. Helps me out SO much!!!
October 19, 2012 at 5:41 pm
Thanx for your comment. I am going to kill all of you folks with some more useful posts. Stay in touch.
October 20, 2012 at 8:48 am
nice tutorial, but i’m still confused, haha
Pingback: Best Strategies For Speeding Up Your Website
Pingback: Improve Website Loading Speed
Pingback: Increse Website Performance With Page Speed
November 7, 2012 at 10:03 am
Thanks for the great post! Your readers may get benefit from it..Hope to see more creative post from you!!
November 7, 2012 at 12:45 pm
Pingback: Born To Tech Simple Steps To Improve Your Site’s Loading Speed
Pingback: Enhance Website Performance With Page Speed
Pingback: Tips To Make Your Website Work Faster
March 15, 2013 at 9:24 am
I have met a freelance designer, who I have heard, is quite a hot item in the travel and trade industry. It is because one of the logos he designed for a travel search startup has won an award in the annual logo design category in one of the travel and trade industry awards. I was quite awed by his simplicity, but the ideas that come out from him are just amazing. I have learned a lot when it comes to design, not only with logos, but with digital like web banners, and even exhibition pop up stands and leaflets. It was a very fruitful meeting, albeit short. I was hoping to engage him in our marketing collaterals revamp, but he seem to have no time for another client.
March 16, 2013 at 10:05 am
Thank you, looking for a good many hours of instruction, although what can be found here. Add you directly to the blog.
March 17, 2013 at 10:14 pm
Truly fantastic guide i have been wanting to create a logo for ages but mine have always turned out rubbish. This guide has turned it all around thanks!
April 2, 2014 at 7:29 pm
This was an amazing guide. I have been wanting to use Photoshop more but haven’t really known where to start, so this guide has for sure helped me. Thanks!
May 1, 2014 at 9:52 pm
Thanks for the tutorial. Designing a logo is a bit intimidating because it is so visible an ends up on so many things. This will definitely help as I move forward.
November 27, 2014 at 10:04 am
great read! its so important for companies to have a logo that stands out at trade shows and exhibitions in order to gain attraction to their stand!
February 16, 2015 at 9:00 am
I have just redesign my site reading some articles related to designing logo I come to this post and which helps me lot to design new logo for my site.