Spotlight Background using Photoshop and Illustrator

    ●   Learn to use Photoshop and Illustrator Together.

Learn About:

  •   Create an interesting background Photoshop and and import it into Illustrator to create shapes over it.

  •   This tutorial is often used in the Portrait, the Comic Book Cover, Drive Me Wild, and other Projects.

Other People's Work:

Here are examples of work inspired by this tutorial.


Step #1: Open Photoshop ~

Open YOUR PROJECT in Photoshop


… if you're working on the Photoshop Portrait Project, open that …


… if you're working on the Comic Book Cover Project, open a document in Photoshop according to the template size …


… if you're working on the Picture Perfect Project, open your portrait …


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

Step #2: New Layer ~

Make a New Layer above your background layer.

Step #3: Fill with White ~

Go to: Edit > Fill and fill the new layer with White …


… or hit the keyboard shortcut letters: Alt (⌥) + Delete/Backspace + to fill the area with the foreground color.

Step #4: Lighting Effects Filter ~

Now go to: Filter > Render > Lighting Effects

… and select Tripple Spotlight.

Step #5: Change the Color ~

Change the color of the effect …

… and the others too.



Make each light a different color.


Try the other settings too. Create a unique effect!

Step #6: Duplicate the Layer ~

Right-click your spotlight background layer and hit Duplicate layer to make a copy .

Step #7: Flip the Layer Up-Side-Down~

Hit the keyboard shortcut letters: Cmd(⌘)+T cmd enter +





Right-Click and select Flip Vertical.

Step #8: Blending Mode ~

Scroll through the Blending Modes and find one you like …







Try Multiply, Screen or Overlay or whatever you like best …


If you see other blending modes you like as you're scrolling down, don't be afraid to experiment.


Blending Modes are awesome!

Hint: You can scroll through the different Blending Modes by hitting Alt (⌥)+Shift+Plus:

Step #9: Merge the Layers ~

Select the two layers by holding the Shift Key and clicking them both …

… hit Cmd(⌘)+E cmd enter + t or Right-Click and hit Merge Layers.

Step #10: More Blending Modes ~

Now scroll through the Blending Modes on the merged layer and pick ANOTHER blending mode and watch how the layer reacts with the background. Try different Things.




You can scroll through the Blending Modes by hitting Alt (⌥)+Shift+Plus

Last Step: Save & Attach ~

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

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