Summary:

Cube Shapes With Pictures 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 and Picture Perfect Projects.

Other People's Work:

Here are some examples of work inspired by this tutorial.

cube example cube examplecube examplecube 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 or hit the keyboard shortcut letter (m) …

rectangle

… holding Shift shift key 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 …

… and 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

… tweak 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 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

…and, 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


Step #9: Tweak 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: Your Portraits ~

Open at least 3 of your portraits or best work from this class (open them all in PhotoShop even if they're originally done in Illustrator) …

… go to: File > Save for Web & Devices

save for web

… and save them a .jpgs.


Step #11: Make Another Cube ~

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

cube example


Last Step: Save & Attach ~

Go to: File > Save as … and save your work as - FIRST_NAME_LAST_NAME_PROJECT_NAME.psd

save as .psd

Attach it!


  •   ALWAYS save your projects like this:
FIRST_NAME_LAST_NAME_PROJECT_NAME

 

  •   DO NOT name your project any other way - Improperly named projects will not receive credit and you will be sad.

 

  •   NEVER leave your work on the desktop or depend on a flash drive - instead, save your work in a folder you can find later - preferably on a virtual drive where it can be backed up.