Summary:

Cube Shapes in Photoshop

    ●   Create an isometric square with gradients and pictures.


Learn About:

Free Transform Tool Skew Gradient Tool

  •   This tutorial is part of the In Your Face project.

Other People's Work:

Here are some examples of work inspired by this tutorial.

cube example cube example cube example cube example cube example 5 cube example Cube Example
cube example Cube Example

Step #1: Open a New Blank Document in Photoshop ~

Go to: File > New and open a new document with these settings:

new document


Step #2: Draw a Perfect Square ~

Select the Rectangular Marquee Tool

rectangle

Hold Shift shift key and draw a square on the screen

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Holding the Shift key down keeps the shape perfectly square.


Step #3: Gradient Tool ~

Select the Gradient Tool which is behind the Paint Bucket

Pick a gradient from the Gradient Picker in the Menu Bar

Drag the gradient across the shape

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Hit the keyboard shortcut Cmd(⌘)+D to deselect the marching ants …


Step #4: Free Transform ~

Hit the keyboard shortcut: Cmd(⌘) + T

Then Right-Click and select Skew

skew

Tweek the shape like this:

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Hit Enter enter or the check mark check when you're done.


Step #5: Make a Copy ~

Duplicate the layer by Right-Clicking

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #6: Cmd (⌘)+ T Again ~

Hit the keyboard shortcut: Cmd(⌘)+T again, Right-Click and select Flip Horizontal

flip horizontal


Step #7: Adjust the Shapes ~

Adjust the shapes like this:

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player



Step #8: Make the Top ~

Create a New Layer

new layer

With the Rectangular Marquee tool, draw another square shape.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Hit Ctrl+D to deselect …


Step #9: Tweek the Top ~

Hit the keyboard shortcut: Cmd(⌘)+T again, but this time, hold Cmd(⌘) ctrl down …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #10: Make a Cube out of Pictures ~

Now that you know how to manipulate shapes using Cmd(⌘)+T, make a cube out of Pictures the same way.

cube example


Last Step: Save and Attach ~

Save your work as a .jpg

Attach it