Adobe Photoshop Tutorials - Photo Effects

Photoshop Fireworks: Adding Fireworks To A Photo In Photoshop

Learn Photoshop with Photoshop Effects Tutorials at Photoshop Essentials.com

Written By Steve Patterson

In this Adobe Photoshop tutorial, we're going to learn how to add fireworks to a photo. What you'll need is a photo of fireworks and the photo you want to add the fireworks to (preferably a nighttime shot, since fireworks tend not to look very impressive in the middle of the afternoon).

Blending the two images together is easy. If you can paint with a brush and change a layer blend mode, you have all the Photoshop skills you need.

Here's the photo of fireworks I'll be using:

A photo of fireworks

Here's the image I want to add the fireworks to:

A photo of a city at night

And here's what the final image will look like:

The final result
Photoshop Fireworks: The final result.

Photoshop Photo Effects tutorialsNot what you're looking for? Check out our other Photo Effects tutorials!

Want an easier way to learn Photoshop? Download our tutorials as Print-Ready PDFs!

Let's get started.

Step 1: Drag The Fireworks Photo Into The Other Photo

Open both images in Photoshop so that each one is in its own separate document window on the screen. We need to get the fireworks photo into the other photo, and with both images open in their own document window, all we need to do is drag the fireworks photo into the other photo's document window. To do that, we need the Move Tool, so select it from the Tools palette or press the letter V on your keyboard to quickly access it with the keyboard shortcut:

Selecting the Move tool from Photoshop's Tools palette.
Photoshop Fireworks: Select the Move tool from the Tools palette, or press "V" for the keyboard shortcut.

Then with the Move Tool selected, click inside the fireworks photo and drag it over into the other photo:

Dragging the fireworks photo into the second photo's document window with the Move Tool.
Photoshop Fireworks: Click inside the fireworks photo and drag it into the other photo's document window with the Move Tool.

When you release the mouse button, the fireworks photo will appear above the second photo in the same document window, and if we look in the Layers palette, we can see that it's been placed on its own separate layer, with the fireworks photo on "Layer 1" at the top:

Photoshop's Layers palette showing both images inside the same document, each on its own separate layer.
Photoshop Fireworks: Photoshop's Layers palette showing both images now in the same document, each on its own separate layer. The fireworks photo is on "Layer 1".

You can close out of the document window containing the fireworks photo by itself at this point, since we no longer need it.

Want an easier way to learn Photoshop? Download our tutorials as Print-Ready PDFs!

Go to page: 1 | 2 | 3