I have decided that every Tuesday I will make a super in-depth how-to tutorial for you guys. It will be called “Tutorial Tuesday”! If there is a tutorial you would like to see, please send your ideas my way! Ideas can be sent to email@example.com 😀
Today, I designed a logo for my friend’s band, Mutiny. Logo design and execution can be intimidating at first but actually it’s pretty simple to make a nice, clean, sophisticated logo. I used Photoshop to make this logo, but you can use pretty much any digital imaging software that has basic tools such as a shape-maker and a text tool.
There is a lot of fancy marketing and color theory behind logo design but the most important thing to remember is “keep it simple.” Most logos are one basic, recognizable shape and some text. Once you have this down, you can tweak and add detail into infinity, but if you check out this Logo Evolution of 25 Famous Brands, you will see that the trend is toward big, bold, simplistic colors and shapes which makes now a great time to try it yourself!
The first thing to do when designing your logo is figure out where your inspiration will come from. Most ideas do no not just appear out of thin air, they come from something we have seen, heard or done and often times we don’t even realize how inspired and influenced we are by the things around us. In this case, the inspiration for the design was a little more direct since the band wanted it based off of the following logo:
Here is the step-by-step process to creating a logo inspired by the one above. You can follow these steps and just tweak the words and/or imagery to have your own, personalized logo!
Step 2: Now, create a second layer called “white circle outer” and use the circle tool to make a slightly smaller, white circle on top of the black one. This will give an outline effect.
Step 3: Create a third layer called “Black circle inner” and create another black circle even smaller than the first two circles.
Step 4: Create a fourth layer called “White circle inner” and make a fourth and final white circle, slightly smaller than the first three.
Step 5: Create a fifth layer called “Line top” and create a straight line that is about 1/4 diameter of the circle. Use the eraser to erase one end of the line into a point.
Step 6: Copy and paste the line three times and name the layers “Line top”, “Line bottom”, “Line left” and “Line right”. It is important to name layers in order to keep them all organized so you can easily change things later. The layer labeled “Line top” should already be pointing down like in the picture above and is ready to be dragged into place using the move tool.
Step 7: Use Edit>Transform>Flip horizontal/vertical in order to flip the lines around and use the move tool to drag them into place to create a cross-hair effect.
Step 8: Now comes the fun part, text! Use the text tool and write the words “Mutiny” (Or whatever words you want to write on the top).
Then, click on the ‘create warped text’ tool in the text bar at the top of your window and choose the “Arc” option. Slide the bars around to create the desired warp effect. I chose a value of +35 for my text.
Step 9: Use the text tool to type “Fast Action Rhymes” or whatever text you would like to have on the bottom. Then, use the same warp text tool to bend the text on the bottom. Note that a negative (-) value for the “Bend” option makes a lower arc and a positive (+) value makes an upper arc. I used a value of -70 for my lower arc.
Step 10: Use the rectangular Marquee tool to select the upper left corner of the outer black circle. Tip: Make one box with the rectangular marquee tool and then hold down shift to make another – it will combine your selection!
Go to >Edit>Copy and then >Edit>Paste. Use the “move tool” to move the arc you pasted to the right side of the circle. Then use Edit>Transform>Flip Horizontal. Look at how many tools you know how to use now, and the logo is halfway completed! Don’t forget to save your work every step of the way
Step 11: Now we will make a miniature logo to go inside this bigger logo. Create a new file and make a text box. In the box, type “UTINY” Then, make a second text box and type the letter “M”.
Step 12: Use the ‘move’ tool to move your ‘M’ so that the straight line on the right side of the ‘M’ connects with the straight line of the left side of the ‘U’.
Step 13: Use the rounded rectangle tool (in the same menu as the ellipse tool) to create a rounded rectangle in black. The left side of the rectangle should line up with the line where the ‘M’ and ‘U’ connect.
Step 14: Create a new layer and use the rounded rectangle tool to create a white rounded rectangle slightly smaller than the black one. Then, drag and drop the layer with the ‘utiny’ text so that it is above the white rectangle.
Step 15: Use your eraser tool to erase the bottom left corner of the box, underneath the ‘U’. Make sure you have selected the layer that has the black rectangle box in order to erase it!
Step 16: Use the ‘rectangular marquee’ tool to select the upper right part of the box and go to >Edit>Copy and >Edit>Paste. Then use the ‘move’ tool to move the copied corner to the bottom left part of the box that you just erased. Finally, use >Edit>Transform>Flip vertical/horizontal to re-orient the corner in the right direction. This time, line the corner up with the left line on the letter ‘M’.
Step 17: Use the text tool to write the word “Perfection” and place it below the Mutiny box. Then, go to >Layer>Flatten Image
Step 18: Now, use your ‘rectangular marquee’ tool to draw a box around the completed Mutiny Perfection logo and copy and paste it into the first file we made. Then, use the ‘move’ tool to move it to the bottom, left corner of the inner circle. If it is too big, you can go to Edit>Transform>Scale to change the size.
Step 19: You are almost done! The last thing we need to do is add the microphone! You can also put any other image you like in this space.
To make the top of the microphone, use your trusty ellipse tool to draw a circle in the upper left part of the inner circle. Then, use the line tool (in the same menu as the ellipse tool) to make two lines coming off of the mic, like an ice cream cone!
Then, use your ‘paint bucket’ tool to fill in the center of the mic with black.
Step 20: Finally, the last step! Use the paint brush tool to draw a little squiggly line for the microphone cord. Save your work and let the branding begin!
And there you have it! That’s the process that a typical logo goes through from concept to completion. Of course, you can now go through and add fancy things like shadows and change the colors and virtually any other form of customization your heart desires!
Hope you all enjoyed this week’s edition of Tuesday Tutorial. The rest of the week will be your regularly scheduled crafts.