1. Design & Illustration
  2. Graphic Design

Mix Cool Retro Curves Into Your Photographs

Scroll to top
This post is part of a series called Photoshop Tutorials for Beginners.
Create a Wavy Blackberry Style Wallpaper Design
How to Make a Leather Texture in Photoshop

I'm a huge fan of James White's work. I love the way he plays with geometric elements and colors. It gives a retro feeling to the design, but at the same time he uses a modern approach. In an interview, he mentioned that he uses a Flash script to generate the vector shapes. Then he does the rest of the job in Illustrator and Photoshop.

Well, inspired by James's designs, I decided to figure out my own way of creating that type of effect in Photoshop. In this tutorial, I show you how to mix cool retro geometric shapes into your photos.


Step 1

Download the image at http://www.sxc.hu/photo/876777. Then place it in a new document in Photoshop. I used 1440px by 900px document size.

Step 1Step 1Step 1

Step 2

Go to Layer>Layer Style>Color Overlay. Use Soft Light for the Blend Mode. Apply a Brown color (#8b5c01).

Step Step Step

Step 3

Next, we'll create a brush that will be used to make the shapes. Select the Rectangle Tool(U) and create a black rectangle. Then go to Edit>Transform Path>Skew. After that, go to Layer>Rasterize. Use the image below for reference.

Step 3Step 3Step 3

Step 4

Right-click on the thumbnail of the layer and choose Select Pixels. Then go to Edit>Define Brush Preset, and create a brush. Rename it to Psdtuts+. After that go to the Brushes Engine (Window>Brushes) and edit the Psdtuts+ brush we've just created. Use the settings below.

Step 4Step 4Step 4

Step 5

Create a new layer and go to Layer>Layer Style. Let's apply some styles to the layer. We will use Gradient Overlay, Drop Shadow, and Inner Shadow. After that, with the Brush Tool(B), click a couple of times to create some shapes.

Step 5Step 5Step 5

Step 6

Right-click the layer on the Layers Palette. Choose Copy Layer Style. Then create a new layer. Right-click the new layer again. Now select Paste Layer Style. After that, with the Brush Tool, click a couple more times to create additional shapes.

Step 6Step 6Step 6

Step 7

Repeat Step 6 again two more times.

Step 7Step 7Step 7

Step 8

Select all layers we used to create the geometric shapes and go to Layer>Merge Layers. Then go to Edit>Transform>Rotate. After that resize the layer as shown below.

Step 8Step 8Step 8

Step 9

Now go to Edit>Transform>Warp. Start moving the mesh in order to create a wave form. The idea is to make the lines pass in front and behind the legs. This adds to the dimensionality of the effect.

Step 9Step 9Step 9

Step 10

With the Polygonal Lasso Tool(L), create a marquee selection of the leg you want to stay in front of the shapes. Then select the shapes layer, and go to Layer>Layer Mask>Hide Selection.

Step 10Step 10Step 10

Step 11

Create a new layer above the shapes layer and right-click on it. Then select Create a Clipping Mask. After that, select the Brush Tool (B) and a basic brush with 0% hardness. We will create a highlight on the shapes layer. Click once where you want to start the line. Then while holding Shift, click where you want to finish the line. This will create a straight line with the Brush Tool. The Blend mode will be Normal with 60% Opacity.

Step 11Step 11Step 11

Step 12

Repeat Step 11, but this time use black, and from another position. Change the Opacity to 40%.

Step 12Step 12Step 12

Step 13

Create a new layer in front of all layers. Fill it with white. Then go to Filter>Noise>Add Noise. Use 4% for the amount. After that, change the Blend Mode of the layer to Multiply.

Step 13Step 13Step 13

Step 14

Place another image in front of the other layers but behind the Noise layer. You can find the image I used at http://www.sxc.hu/photo/982364. Then resize the image and change the Blend Mode to Multiply.

Step 14Step 14Step 14

Conclusion

One of the best features in Photoshop is the Brush Engine. We can create lots of effects using it. In this tutorial we used it to create rectangular shapes similar to those seen in James White's work. You can even use rounded corners or different shapes. Play with the effect and have fun.

ConclusionConclusionConclusion
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads