In this photo-manipulation tutorial, we are going to learn how to create a fish jumping out of water with a lot of splashes from its glorious jump. We will learn how to create water splashes through the use of Photoshop brushes, blend images together, and form realistic water inside the glass complete with bubbles.
Preview of Final Results
How to Make a Fish Jump Out of Water Photoshop Tutorial
- Program: Adobe Photoshop CS2
- Difficulty: Hard
- Estimated Completion Time: 1 to 2 hours
- Water textures by ElithaStock (Creative Commons License)
- Water Background by knightfall-stock (Creative Commons License)
- Glass 001 by DeviantDualityStock (Creative Commons License)
- Gold Fish by Tracie76Stock (Royalty Free License)
- Hand 014 by ISOStock (Creative Commons License)
- Water Bubbles by millertimemsu (Royalty Free License)
- Water Brushes Sampler by FrozenStarRo (Royalty Free License)
- Splash Brushes by Baringa-of-the-wind (Royalty Free License)
Step 1 – Create the Photoshop document
To start, we will need to create a new image file, go to the Menu bar and click File > New, and then input the following values on their respective fields:
- Width – 3000 pixels
- Height – 3000 pixels
- Resolution – 300 dpi
- Color Mode – RGB Color; 8bit
- Background Contents – Transparent
Step 2 – Create the glass and the room
In this Step, we will be making the room with the glass; we will also be using a Gradient to enhance the feel of the room. Open the stock image – Glass 001 and left-click on it and then drag the glass to the new canvas using the Move tool (V). When you’ve done that, activate the Transform tool (Ctrl/Cmd + T) because we would need to reposition the glass for composition purposes.
Now you might be wondering what happens to the extra space, well we would still make use of that extra space. In order for that to happen we would need to stretch some parts of the background. Activate the Rectangular Marquee tool (M); this tool’s purpose is for creating a selection area or merely selecting an area on the image; to use it, just left-click on a point and drag the mouse to form a rectangle selection area.
Once you’ve created a selection area, activate the Transform tool (Ctrl/Cmd + T) and pull it up to increase its length. See image below:
Now, after you’ve done that let’s activate the Rectangular Marquee tool (M) once again to create another selection area.
Activate the Transform tool (Ctrl/Cmd + T) and follow the instructions on the image below:
Now the background and our subject are in its intended composition, we would now fix the color and enhance the look of the background. First let’s adjust its Saturation because the image looks too warm and we don’t want that since we’re going to add water and splashes in it, in short, we want it cool.
Let’s create a Hue/Saturation adjustment layer. To do that click on the Create New Fill layer/Adjustment layer on the Layer window and when the menu pops up, click on the Hue/Saturation button.
Before you proceed, make sure that all the selection areas have been deselected. To deselect, simply press Ctrl/Cmd + D. Now let’s input these values for our Hue/Saturation adjustment layer:
- Edit – Master
- Hue – 0
- Saturation – -65
- Lightness – 0
After doing that you’d notice that the image tone has now become a little more neutral. Now, it’s time we added the Gradient, to add some corners and to simply furnish the aesthetic value of this piece. Click on the Create New Fill layer/Adjustment layer button and pick Gradient.
Once the Gradient menu is open, input the following values on their respective places:
- Style – Linear
- Angle – -33.69
- Scale – 100%
- Reverse – Unchecked
- Dither – Unchecked
- Align with layer – Checked
Then once you’ve done that let’s pick another Gradient. See images below –
When you’re done put the Gradient layer under the Hue/Saturation layer so as to produce a neutral finish. You could put the Gradient layer above the Hue/Saturation layer just to check how Saturated that gradient is. Next, let’s change the Blending mode and Opacity of our Gradient.
- Blending mode – Linear Burn
- Opacity – 40%
We would also need to erase a region on our Gradient to give out a more luminescent image. Activate the Eraser tool (E) and use the following values:
- Brush size – 1500 px
- Hardness – 0%
- Opacity – 100%
- Flow – 100%
Note – To reduce the Hardness, right click on the image while the Eraser tool (E) is activated, then you’d see the Hardness scale, which is at default – 100%, just move the slider to the left to get 0%.
Now let’s clean up the background, activate the Clone Stamp tool (S); the Clone Stamp tool from its name clones a region and applies that area to the region of your choice. Now upon activating it, use the following values:
- Brush size – 300 px
- Mode – Normal
- Opacity – 100%
- Flow – 100%