Those working in marketing understand that a company logo plays a key role in the success of a brand and it is therefore imperative thats its design is done with care, patience and expertise. There is more to a logo than just making sure that it is “pretty”. When you think of a logo it is generally because it successfully follows five key principles of being simple, relatable (appropriate), versatile, memorable and timeless. The same goes for flat design logos. Flat design has been the current go-to trend as of late as it not only allows designers to create more simplified and cleaner looks but they are also a lot more pleasing on the eye compared to overly designed logos that are carried by gradients and 3D elements. Of course when it comes to flat design you have the option of designing either “truly” flat or “almost” flat.
When you are designing your flat logo there are many things that you want to take in consideration during the first few steps of designing. Color, composition and size are three big factors but that alone won’t necessarily yield you a cool design. Remember that flat logos are purely visual so you must be creative when it comes to your graphics.Today we are going to do just that by creating a mock logo for the fictional design studio PocketArt. We will design a clever logo based off of the design studio’s name alone while utilizing flat design right in Photoshop so pull up your program and let’s get start designing our logo.
Step 1 New File
If you don’t have Photoshop already opened now is the time to do so. Once the program is up and running you will want to create a new file by going to File > New or simply pressing Ctrl + N and give your canvas the dimensions of 600px by 400px. Press OK.
Step 2 Background Color
Step 3 Gradient
To add more depth and dynamic to our background we will add a gradient effect. Set your background color to #ffffff and leave the foreground color as is. Now double click on the “bkg” layer to open up the Blending Options dialogue menu. Select the Gradient Overlay box and change the color in the Gradient Editor box to reflect your chosen colors. Check the reverse box; change your gradient mode to Multiply and the gradient style to Radial.
Step 4 Logo Body
Make a new layer and name this “logo body”. Chang your foreground color to #ffca29 and with the Rectangular Marquee Tool create a tall rectangle in the middle of your canvas. Fill it in with the selected color.
Step 5 Pocket Body
Step 6 Pocket Flap
Step 7 Metal
Traditional No.2 pencils tend to have a metal guard to keep the eraser in place. We will be creating one as well. Make a new layer called “metal” and with the Rectangular Marquee Tool create a rectangle that is the same width of the pencil then fill it in with #b6b6b6.
Step 8 Eraser
Step 9 Pencil Tip
Now we need to create our pencil tip. To do this you first need to change your foreground color to #000000. Next click on the Polygon Tool. Go to your tool bar at the top and indicate that you want your shape to have 3 sides.
Step 10 Grooves
Step 11 Button
Step 12 Pencil Highlights
Now we can add dynamic to our pencil body by adding highlights. In order to do this you need to use the Polygonal Lasso Tool. On your “pencil body” layer you want to create a random shape like I have done.