common object example


Make Windows using Gradient Tool in Photoshop

    ●    Windows are always difficult to make look realistic.

    ●    Here's an easy way to make a cool effect.

Learn About:

Opacity Gradient Tool GradientsPen Tool Bézier Curves

 •   This is the 1st tutorial in the Drive Me Wild project and is part of a series:

The Pen Tool Tutorial #1 - Straight Lines Pen Tool Tutorial #2 - Curved Lines Pen Tool Tutorial #3 - Windows Lines

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

Step #2: Make a New Layer~

Make a new layer, call it window or whatever …

new layer

… and set your colors gray and white.

Step #3: Select the Window ~

With the Pen Tool, trace around the window.

Step #4: Make Selection ~

Right-Click and choose Make Selection and then select New Selection

make selection

… and now your shape is selected.

Step #5: Gradient Tool ~

Select the Gradient Tool which is behind the Paint Bucket

… select Linear Gradient on the menu bar …


… click the Gradient Picker

… select the Gray and White Gradient

Step #6: Drag the Gradient ~

With the Gradient Tool, drag across the screen.

Step #7: Lower the Opacity ~

On the window layer, lower the Opacity (if necessary) to make it semi-transparent.

Last Step: Save and Attach ~

Go to: File > Save as …  and save the image as a .psd file - FIRST_NAME_LAST_NAME_PROJECT_NAME.psd


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.