Professional Documents
Culture Documents
Open both of the images you want to blend together. Theyll each appear in their own
separate documents, so the first thing we need to do is move both images into
the same document. By default, only one image is visible on the screen at a time,
but we can switch between them by clicking on their name tabs along the top of
the screen. Ill switch to my storm photo by clicking on its name tab:
Then, to move this image into the same document as my other image, Ill select
the Move Tool from the top of the Tools panel along the left of the screen:
With the Move Tool selected, Ill click anywhere inside my storm photo and, with my
mouse button held down, Ill drag it up onto the other documents tab. Keep
holding your mouse button down over the tab until you see Photoshop switch to your
other image on the screen:
Dragging the photo up onto the other photos tab. Hold until Photoshop switches to the
other photo.
Then, still with your mouse button held down, drag down into this other document:
A white highlight border will appear around the edges of the document:
A white highlight border appears when you drag down into the other document.
Before you release your mouse button, press and hold the Shift key on your
keyboard, then release your mouse button. Adding the Shift key tells Photoshop to
center the image inside the document, and now we can see my storm photo centered
in front of the other photo:
This places the Free Transform box and handles (the little squares) around the
image. Theyll appear around the actual dimensions of the image, not just the
viewable area of the document, so since my image is larger than the viewable area,
the Free Transform box and handles appear in the gray pasteboard
area surrounding the photos (if your image is so big that the Free Transform
handles extend right off your screen, go up to the View menu in the Menu Bar and
choose the Fit on Screen view mode).
To resize the image, click and drag any of the corner handles, keeping your
mouse button held down as you drag. To constrain the proportions of your image as
youre resizing it (so you dont distort the shape of the photo), press and hold
the Shift key as youre dragging the handles. When youre happy with the size of
the image, release your mouse button first, then release the Shift key. Here, Im
dragging the top left corner handle in towards the center of the image to make it
smaller:
Press and hold Shift, then click and drag any of the corner handles to resize the image.
I also need to move the image down to the bottom. To move it, with Free Transform
still active, all I need to do is click on the image and drag it downward, again keeping
my mouse button held down as I drag. When youre done moving and resizing your
image, press Enter (Win) / Return (Mac) on your keyboard to accept the
transformation and exit out of the Free Transform command:
If you select the Background layer in the Layers panel, youll find that the Free
Transform command under the Edit menu is grayed out and unavailable. Even if you
just try moving the image with the Move Tool, Photoshop will toss up a warning
message saying you cant move it because the layer is locked:
To get around this problem, simply hold down your Alt (Win) / Option (Mac) key
and double-click directly on the name Background in the Layers panel. This will
automatically rename the layer Layer 0, and now youll be able to resize and/or
reposition it as needed:
Nothing will happen to the images in the document window, but we now see a whitefilled layer mask thumbnail on Layer 1, letting us know that weve added our
mask. We also see a white highlight border around the thumbnail which tells
us that the mask, not the photo on the layer, is selected:
With the Gradient Tool selected, click on the gradient preview bar on the far left
of the Options Bar along the top of the screen:
This opens the Gradient Editor, and at the top is a collection of small thumbnails,
each representing a different preset gradient. Click on the Black, White gradients
thumbnail to select it (top row, third from the left), then click OK to close out of the
Gradient Editor:
Ill release my mouse button, and the spot where I release it becomes the end point
for my gradient. Photoshop draws my gradient, and because it was drawn on the
layer mask, not on the photo itself, we dont actually see it in the document window.
Instead, we see the two photos now blended together, with the area between the
start and end points of the gradient becoming the transition area from one photo to
the other:
If you want to see the actual gradient itself on the layer mask, press and hold
your Alt (Win) / Option (Mac) key on your keyboard and click on the layer mask
thumbnail in the Layers panel:
Hold Alt (Win) / Option (Mac) and click on the masks thumbnail.
The black to white gradient appears in the document window. What were seeing
here is the layer mask itself, not the contents of the layers (the photos). To switch
back to the photos (the layer contents), once again press and
hold Alt(Win) / Option (Mac) and click on the layer mask thumbnail:
This opens the Add Noise dialog box. First, set the Distribution option
to Gaussian and make sure theMonochromatic option at the bottom of the
dialog box is checked. Then, set the Amount value by dragging the slider a little
towards the right. A value of between 2-6% usually works best, and it will depend on
the size of your image. Dont add too much noise or youll make the image look
overly grainy. We need just enough noise to add a little bit of uniform texture. When
youre done, click OK to close out of the dialog box:
Selecting the Black & White adjustment layer from the Adjustments panel.
This adds a Black & White adjustment layer above Layer 2, which we can see in the
Layers panel:
The Layers panel showing the newly added Black & White adjustment layer.
It will also create an instant black and white version of the image in the
document window. The controls for the Black & White adjustment layer are found in
the Properties panel. Here, we find a series of sliders, each labeled with a
different color (Reds, Yellows, Greens, and so on). Drag the sliders left or right to
adjust the brightness of different areas in the black and white version based on their
original colors. For example, dragging the Reds slider towards the right will lighten
any areas that originally had red in them, while dragging the slider towards the left
will darken those areas. Each slider works the same way, allowing you to increase or
decrease the brightness of any areas that originally contained that color. You can
experiment with the sliders as much as you want until youre happy with the results,
or you can simply click the Auto button above the sliders to have Photoshop take a
guess at what the black and white conversion should look like:
Drag the color sliders to create a custom black and white version.
The Hue/Saturation adjustment layer appears above the Black & White layer in the
Layers panel:
Once again, the controls for the adjustment layer appear in the Properties panel.
First, select the Colorize option by clicking inside its checkbox. Then, drag
the Hue slider left or right to choose a color for your image. A live preview of the
color appears in the document window as you drag the slider. Ill choose an eerie
orange color for my image by setting the Hue value to around 30. Ill also increase
the saturation of the color a little by dragging the Saturationslider to a value of 35.
Of course, the color you choose for your image may be completely different:
Make sure you check the Colorize option before dragging the sliders.
Finally, back in the Layers panel, change the blend mode of the Hue/Saturation
adjustment layer from Normal toColor. Youll find the Blend Mode option in the
top left corner of the Layers panel. The Color blend mode lets us add color
without affecting the brightness values of the image (which weve already set using
the Black & White adjustment layer):
Here, after colorizing my image and changing the blend mode to Color, is my final
movie poster result: