Photo Manipulation

Create a Mixed Media Style Design In Photoshop

Learn how to create this creative mixed-media composition in Photoshop! You will learn how to combine different graphic elements with extensive use of layer masks. This is a great tutorial for designers who want to experiment with a more modern approach to digital collages.


Preview of Final Results

final-results


Create a Mixed Media Style Design In Photoshop


Resources


Step 1

Let’s create a blank document similar to these dimensions.

img(1)


Step 2

A subtly textured background works well than a plain one. Locate the paint texture and bring it into Photoshop. Drag and drop it into the composition.

img(2)


Step 3

Desaturate the texture (Ctrl+Shift+U). You may need to resize the texture to fit the document.

img(3)


Step 4

Adjust the layer Opacity and blending to make it subtle. Double click on the layer thumbnail to load Blending Options dialog box.

img(4)


Step 5

We now need to create several shapes that will define the overall design and contain other graphic elements. Set the color to #000000. Let’s Start off from the middle by drawing a circle with the Ellipse Tool. Choose the Shape layers option on the Options panel. Working with shape layers is very productive and time saving. They are resolution independent and can transform them without losing any quality.

img(5)

Draw this shape using the Rectangle Tool. Edit the corner with the Direct Selection Tool.

img(6)


Step 6

Press Ctrl+T, rotate the shape by -45 degrees. Use the Info palette see to see the properties.

img(7)


Step 7

Reposition the shape. Duplicate the layer a couple of times. Stack the layers in this manner.

img(8)

Now construct the bottom side.

img(9)


Step 8

Create another circle outside the main circle. Duplicate the circle ( Ctrl+J ). Scale it approximately by 145%. Hold Alt+Shift while scaling to maintain the center point.

img(10)


Step 10

We need to punch a hole in the circle. Click on the Vector Mask thumbnail. Copy the path by pressing Ctrl+C and hit Ctrl+V to paste. Press Ctrl+T and scale it down to 80%.

img(11)

Select the inner circle, on the Options Panel click on “Exclude overlapping shape areas” button to punch hole in the circle.

img(12)


Step 11

We don’t need the whole circle but a portion of it. Hide the rest with a layer mask.

img(13)


Step 12

Create another circle bigger than the outer one. Just as before, duplicate the middle circle, place it below the rest.

img(14)

Cut hole in the circle.

img(15)


Step 13

I want to use this part of the circle, hide rest of it.

img(16)


Step 14

Create a new layer above the cut circle. Use the Pencil Tool with 1px diameter to create the pattern. Select it with the Marquee Tool. Choose Edit > Define Pattern.

img(17)


Step 15

Clip the pattern layer to the circle layer. The shortcut is Ctrl+Alt+G.

img(18)


Step 16

Duplicate the circle and delete the Layer Mask. Delete the inner circle.

img(19)

img(20)


Step 17

Reduce the fill opacity to zero. Then Apply stroke.

img(21)


Step 19

Hide part of the circle with a layer mask.

img(22)


Step 20

Open up the model stock image in Photoshop. Isolate the subject from the background. Use the Pen Tool to select the subject, pay some attention while selecting the hair.

img(23)


Step 21

Copy and paste the model into the main document. Convert the layer to Smart Object ( Layer > Smart Objects > Convert to Smart Object ). Resize the model.

img(24)


Step 22

Apply Unsharp Mask ( Filter > Blur > Smart Blur ).

img(26)


Step 23

Ctrl+click on the circle vector mask to load selection. Click on the Add layer mask button to add mask.

Related posts
Photo ManipulationPhotoshop Tutorials

How to Create a Sci-Fi Lighting Scene with Photoshop

Photo ManipulationPhotoshop TutorialsUpdated

How to Create Vivid Arabian Night Composite in Photoshop

Photo ManipulationPhotoshop TutorialsUpdated

How to Add a Mermaid to a Dark Bleak Landscape

Photo ManipulationPhotoshop TutorialsUpdated

Create an Abstract Sci-Fi Scene with Photoshop

24 Comments

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Join Our V.I.P. Mailing List!

Subscribe and get the latest Photoshop tutorials, tips, and more via email. As a way of saying thanks, you'll also receive a free copy of Lomocam Photoshop Actions ($7 retail value).