We draw a cutout logo in Photoshop

In this lesson we will draw a shape, as if cut out of paper. Let’s get started!

  • Download the archive with materials for the lesson
  • Download PSD file

Step 1

Start by creating a circle in the center of the canvas.

Size when creating a new document: 2880 x 1800 px.

The size of the first lap: 972 X 972 px.

Step 2

Add two more smaller circles, as shown in the image below. I used 3 circles for this composition, but you can add more if you like.

The size of the second circle: 822 x 822 px.

The size of the third circle: 653 x 653 px.

Step 3

Now we get to the most important part, add a layer style. After we add the layer style, we get the result we want to get. The first effect you need to add is Stamping (Bevel Emboss). We will apply this effect, because if you notice, when cutting a shape from a paper, the edges have a certain glow.

Stamping (Bevel and Emboss):

  • Style (Style): Inner bevel (Inner Bevel)
  • Method (Technique): Pmain (Smooth)
  • Depth (Depth): 1000%
  • Direction (Direction): Up (Up)
  • The size (Size): 1 px
  • Softening (Soften): 0 px
  • Angle (Angle): 90 °
  • Height (Altitude): 0 °
  • Global coverage (Use Global Light): uncheck
  • Smoothing (Antialiased): Uncheck
  • Backlight mode (Highlight Mode): Lightening basics (Color Dodge), white
  • Opacity (Opacity): 100%
  • Shadow mode (Shadow Mode): Darkening basics (Color Burn) black
  • Opacity (Opacity): 50%

Step 4

The second effect we add is the shadow. Adding a shadow will give an optical illusion of depth. For this effect, I used Inner Shadow (Inner Shadow), with this effect we can control the shadows for each circle. Another important detail is the noise. Adding noise will give the subject (material) a realistic look.

Inner shadow (Inner Shadow):

  • Blend mode (Blend Mode): Blackout (Darken) black
  • Opacity (Opacity): 50%
  • Global coverage (Use Global Light): Uncheck
  • Angle (Angle): 90 °
  • Bias (Distance): 8 px
  • Tightening (Choke): 0%
  • The size (Size): 20 px
  • Smoothing (Antialiased): Tick
  • Noise (Noise): 5%

Step 5

The last effect we apply to this layer style is Pattern overlay (Pattern Overlay) with paper texture. Find any paper texture on the Internet or download texture from raw materials.

Pattern overlay (Pattern Overlay)

  • Blend mode (Blend Mode): Normal (Normal)
  • Opacity (Opacity): 100%
  • Pattern (Pattern): Paper Texture
  • Scale (Scale): 25%
  • Link with layer (Link with Layer): Put a tick

To add a paper texture to the pattern set, open the paper texture in a new window (new document), then go to Edit – Define a pattern, give any name to the new pattern and click OK, then you can close the paper texture paper.

In the settings of the overlay pattern, you may have a different scale.

Step 6

After adding the layer style to the three layers, we get this result.

Step 7

Now add paper texture to the background layer.

Add a logo to the center of our image. I added the Abduzeedo logo and used almost the same layer style effects as in the previous steps, but instead Inner shadow (Inner Shadow) I used the effect Shadow (Drop Shadow).

Shadow (Drop Shadow):

  • Blend mode (Blend Mode): Multiplication (Multiply), color is black.
  • Opacity (Opacity): 30%
  • Global coverage (Use Global Light): Uncheck
  • Angle (Angle): 90 °
  • Bias (Distance): 10 px
  • Swipe (Spread): 1%
  • The size (Size): 10 px
  • Smoothing (Antialiased): Uncheck
  • Noise (Noise): 10%

Step 8

Add a new layer on top of all layers, then select the tool. Brush (Brush) and paint one half in blue and the other half in pink. You can use the largest circle as the mask shape.

Step 9

Change blending mode (Blend Mode) on Soft light (Soft Light), so it will only affect shadows and gray tones.

Conclusion

You can duplicate all layers and merge duplicated layers into one, and then change blending mode (Blend Mode) on Darkening basics (Color Burn), in order to increase the contrast. As a result, you get a simple image with a nice contrast.

Like this post? Please share to your friends: