Cube Shapes With Pictures in Photoshop
● Create an "Isometric" square with Gradients and Pictures.
✓ Free Transform Tool ✓ Skew ✓ Gradient Tool
Other People's Work:
Here are some examples of work inspired by this tutorial.
Step #1: Open a New Blank Document in PhotoShop ~
✗ Go to: File > New and open a new document with these settings:
Step #2: Draw a Perfect Square ~
✗ Select the Rectangular Marquee Tool or hit the keyboard shortcut letter (m) …
✗ … holding Shift draw a square on the screen.
✗ 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.
✗ 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 …
✗ … tweak the shape like this:
✗ Hit Enter or the check mark ✓ when you're done.
Step #5: Make a Copy ~
✗ Duplicate the layer by Right-Clicking.
Step #6: Cmd (⌘)+ T Again ~
✗ Hit the keyboard shortcut: Cmd(⌘)+T again, Right-Click and select Flip Horizontal.
Step #7: Adjust the Shapes ~
✗ Adjust the shapes like this:
Step #8: Make the Top ~
✗ Create a New Layer …
✗ …and, with the Rectangular Marquee tool, draw another square shape.
Step #9: Tweak the Top ~
✗ Hit the keyboard shortcut: Cmd(⌘)+T again, but this time, hold Cmd(⌘) down …
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 …
✗ … 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.
Step #12: Insert the Cube in your Portfolio …
✗ Attach the .jpg to your portfolio.
Last Step: The Link ~
✗ If you're using your portfolio, navigate to the EXACT PAGE in your browser where your files and reflections are posted …
✗ … copy the URL address of your page …
● Then paste the URL address of THE SPECIFIC PAGE of your Portfolio so that when the link is clicked, it takes you directly to the example on your website.
✗ Remember: Paste the address into your reply so when the link is clicked it goes directly to the page that contains your evidence.
Attach your .psd File Too ~
✗ Also attach your colpleted .psd file too!