advanced photoshop
Oct
11

Photoshop Tutorial: Create with shapes, part 2

Posted in:
Tips & Tutorials, by Anna-lisa Saywell

Continued… Use both geometric and organic forms to create fresh and unique symmetry within your graphical designs

Click to follow the first part of this tutorial

Photoshop Tutorial: Create with shapes, part 2

Download the start files for this tutorial (select ‘Shapes’ from the list)

Step 9

Photoshop Tutorial: Create with shapes, part 2

We’ve varied the 2D circle effects by applying Soft Light and Color Burn blending modes, inverting some, as well as alternating opacity levels. 3D spheres have then been added. Specifically we’ve pasted in SXC’s ‘1272764’ moon picture, the ‘Sun shape.psd’ (layer effects visible on the CD) and gloss spheres from the iStockphoto’s ‘9928486’ image.

Step 10

Photoshop Tutorial: Create with shapes, part 2

As the sun layer acts as a lighting effect, we’ve made sure this affects the lighting of the surrounding elements. We’ve painted to the moon layer directly using Dodge and Burn tools. Duplicate your gloss sphere, apply Hue/Saturation>Lightness -100, lower Opacity to 20% and mask away edges where light would fall. Apply a Drop Shadow layer style to the smaller gloss sphere.

Step 11

Photoshop Tutorial: Create with shapes, part 2

Hard-edged triangles offset smooth circles well. We’ve strategically placed a purple equilateral triangle, set to Linear Burn, showing through textures beneath, and a 58% Opacity violet equilateral triangle, set to Vivid Light. Masking its edges to create transparent effects, we’ve also applied a white-to-transparent 90-degree Gradient Overlay. An applied line shape unites circles and triangles.

Step 12

Photoshop Tutorial: Create with shapes, part 2

Tweak symmetry and tones of existing elements, complementing with more shapes – using CD resources and mentioned blending effects. Apply a diagonal and horizontal line shape, creating a triangular form. Add a circular line shape using the Pen Path tool and Ellipse shape option. Now select the Path palette>Stroke Path option with a 2px white hard brush applied to a new layer.

Step 13

Photoshop Tutorial: Create with shapes, part 2

Inside your circular line shape layer, insert the ‘sand sphere.psd’ CD sample, setting it to Multiply blending mode. Underneath this layer add a ‘335675’ blue tone circle set to 50% Fill Color Burn, and then on top, a white smaller shape (overlapping the sand shape edges) set to Overlay. A small purple shape is applied centrally on top of all.

Step 14

Photoshop Tutorial: Create with shapes, part 2

Though acceptable with graphic design, our image seems static, so let’s busy it up with subtle movement. We’ve done so by applying the SXC ‘815479’ watercolour image, set to Screen blending mode, over our central shapes, masking edges. We’ve also thrown down more smaller scattered shapes from the CD.

Step 15

Photoshop Tutorial: Create with shapes, part 2

When referring to image cuts, we mean using selection tools to Copy and Paste from another image into our own – usually a reference of colour and texture without any clear indication of original picture content. These create diverse visuals, and can be colour adjusted, blended and used to create further symmetry/direction when mixed with path and line shapes.

Step 16

Photoshop Tutorial: Create with shapes, part 2

With all you’ve learnt here, feel free to finish the piece or add extra additions of your own. We’ve included another image cut with a Lens Flare effect and the ‘sand sphere2.psd’ – level tweaked – at adjacent ends of our line shapes to create balance. We’ve also added a fly-out circle with typography – balancing the piece and creating a cryptic visual cue (Google ‘Lifepath number’).