Z Shaped Backgrounds in Photoshop

    ●  An easy way to create a background that conforms to the Z-shape requirements of your composition is to use the Gradient Tool in Photoshop by following this tutorial.

Learn About:

Gradient Tool Layers

  •   This tutorial is part of the Shoe Repair Project.

Other People's Work:

Here are examples of work inspired by this tutorial.


Step #1: Open your Project in PhotoShop ~

Open YOUR PROJECT in Photoshop …



… (Remember: all these tutorials are intended to be
applied to YOUR PROJECT) …

… go to: Layer > New > Layer

… or hit the keyboard shortcut: Cmd (⌘)+ Shift(⇧)+N

+ + n kye

… and hit OK.

hit OK

Step #2: Move your New Layer ~

Drag the New Layer to the bottom of the stack.

Step #3: Set Your Colors ~

Double-Click your colors …

Foreground color picker

… set the color to brown or gold or 994400 or whatever color you need.

Set the other color too to another color that matches, just change them both …

Step #4: Gradient Tool ~

Select the Gradient Tool which is behind the Paint Bucket

… select Reflected Gradient on the menu bar …

… and select the color gradient in the Menu Bar.

Step #5: Drag the Gradient Tool Across the Screen ~

Drag the cursor across the screen at a 45 degree angle.

Keep trying until you get a natural Z shape with the gradient fill.

Step #6: Try Different Gradients Settings ~

There are 5 kinds of gradients: • Linear Gradient => linear gradient • Radial Gradient => radial • Angle Gradient => angle gradient • Reflected Gradient => reflected gradient • Diamond Gradient => diamond gradient


Gradients are great for backgrounds!

Last Step: Save and Attach ~


Attach it!

  •   ALWAYS save your projects like this:


  •   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.