photoshop creative

Design a stylish logo

Posted in:
Tips & Tutorials, by Mark White
June 14, 2017

Don’t be afraid to stand out: use layer styles, Smart Objects and the Pen tool to create an eye-popping logo

1. Create a gradient

Start by creating a new document, then go to Layer>New Fill Layer Gradient. Hit OK when the New Layer pop-up appears, then the Gradient Fill pop-up will appear. Make the left stop a dark navy and the right a slightly darker navy. Then change the Style to Reflected.

2. Convert type to a shape

Grab the Horizontal Type tool and type ‘Animal’ then ‘Kingdom’ into a separate layer. To convert your type layers to vector shapes, right-click on the type layer and within the drop-down menu, select Convert to Shape.

3. Transform the shapes

Now, move each letter to make them look warped and fun. To do this, grab the Path Selection tool, select each letter individually, then go Edit>Transform. Either rotate the letter slightly or scale to make them bigger (do this for the ‘A’ and ‘F’).

4. Draw a tail

Start by using the Direct Selection tool to help cut the anchor points on the flick of the ‘g’. Then grab the Pen tool and draw the end of a dog’s tail. Make sure you are holding the ‘+’ key to draw a new shape into the current shape layer.

5. Add a type gradient

Bring up the type’s Layer Style window and pick Gradients. Set the gradient to a dark-to-light orange. Ensure the Style is set to Linear and change the Angle to 100° and Scale to 150%.

6. Create a white stroke

Create a sharp, white stroke on parts of the letters for depth. To do this, stay in the Layer Style window. Select Inner Shadow and amend the following settings: Blend Mode: Screen, Shadow Color: White, Angle: 120°, Distance: 3 px, Choke: 0% and Size: 0%.

7. Make the text 3D

Using the Pen tool, draw around your type to make it look 3D. Ensure your 3D shapes are below the main text layers. Use darker oranges for the shadowy section of the 3D effect (the bottom shapes) and a slightly lighter orange for the highlights (inside left shapes).

8. Add shadowy gradients

Now we’re going to give the 3D shape layers some depth. You want to make the text appear like it is popping out of the canvas. To do this, give the darker 3D shapes a gradient. Bring up the shapes’ Layer Style window and apply a dark orange to darker orange gradient.

9. Convert to Smart Object

Because you have several shapes added to your text, it’s an idea to combine them together into one layer. Do this by selecting all your shapes, right-clicking on the layers and selecting Convert to Smart Object.

10. Add a drop shadow

To make your text appear as if it is popping out of your canvas, double-click your new Smart Object layer to bring up the layer styles and amend the following settings: Blend Mode: Overlay, Angle: 90°, Distance: 5px, Spread: 0% and Size: 10px.

11. Enhance the shadows

Create a new layer (Shift+Cmd/Ctrl+N). Change the blend mode to Hard Light, right-click the layer and then select Clipping Mask to clip it to the main Smart Object layer. Now grab the Brush tool, select a dark orange and start to paint around the darker areas of the text.

12. Brush away the mistakes

If you went a little overboard with the Brush tool and got a bit of dark orange on the main section of text, add a vector mask by clicking the Add Vector Mask thumbnail located at the bottom of the Layers palette. Using the Brush tool, rub away the unwanted paint.

13. Make the text glow

Create a new layer, change the blend mode to Soft Light and add a clipping mask to clip it to the main Smart Object layer. Use a white brush to paint around the white stroke lines to give them a glow effect. Then add a vector mask to brush away any unwanted paint.

14. Create more glow

Make an additional new layer, change the blend mode to Overlay and with a soft white brush, with the brush Opacity at 30%, lightly brush around the areas where you want to enhance the highlights.

15. Boost the key lines

After painting, the stroke lines have faded slightly. To bring them back, double-click the Smart Object thumbnail. Then drag over the main text shape layer on your canvas. Use the Move tool to move it to place, delete the gradient but leave the Inner Shadow layer style, and make the Fill 0%.

16. Draw a leaf

Using the Pen tool, draw a basic leaf with veins, then select your two shape layers and convert to a Smart Object. Bring up the Layer Styles window and add a drop shadow. Use the default settings but amend the Size to 43.

17. Make scattered leaves

Place your leaf Smart Object layer into a Group folder (Cmd/Ctrl+G) and duplicate the layer several times. Rotate the leaves for a scattered look. Change the blend mode of the group to Pin Light, duplicate the folder, and change the duplicated folder’s blend mode to Color Dodge.

18. Generate a backdrop glow

Create a new layer, which is above your leaf group but below the text layers. Change the blend mode to Soft Light and reduce the Opacity to 50%. Grab a white large soft brush and simply click your mouse once in the centre of the canvas to create a backdrop glow.

19. Add the extra bits

Add in a few extra illustrations to give your artwork some depth. Use the Pen tool to draw some paw prints, a cat and the same layer style effects as steps 6, 7, 9 and 10 to make the illustrations match the text.

20. Apply a textured foreground

Create a new layer, set black and white in your swatches (D), and the go to Filter>Noise>Add Noise. Choose 400, and Monochromatic, before you add it into your canvas. Ensure it’s at the top of the Layers palette. Change the blend mode to Soft Light and reduce Opacity to 40%. Add a Hue/Saturation adjustment layer and turn Saturation to +20.

  • thanks for sharing

  • martasmit3

    Best for kids)