In this tutorial, we will be creating a surrealistic room with realistic water as its floor, real clouds as its wallpaper with a clock on the wall and a boat on the water floor. We will learn a lot of technical aspects like visualizing and creating a perspective using the ruler and the transform tools especially the distort tool, creating realistic waves using the brush tool and two wave brush sets, using brush textures and apply it to the walls to make them realistic. Then we would be creating shadows using the brush tool and the burn tool. Finally we would make the boat look like it really is running and producing waves in its wake.
Preview of Final Results
Surrealistic Room Photo Manipulation Photoshop Tutorial
- Program: Adobe Photoshop CS2
- Difficulty: Medium
- Estimated Completion Time: 1 to 2 hours
- 18 Vintage Photoshop Brushes by Photoshop Free Brushes (Unrestricted Stock)
- Water Effects Photoshop brush set by fiftyfivepixels (Royalty Free License)
- Waves Brush by anaRasha (Creative Commons License)
- Clock by Mind IllusionZ Stock (Royalty Free License)
- Stormy Sea by darkrose42-stock (Royalty Free License)
- Toy Boat by Simona Dumitru (Royalty Free License)
- Big Blue Sky Stock by fahrmboy-stock (Royalty Free License)
Step 1 – Create a new file
Create a new file with these settings:
- Width: 3000px
- Height: 3000px
- Resolution: 300 dpi
- Color Mode: RGB Color; 8bit
- Background Contents: Transparent
Step 2 – Create the Walls
To start off, let’s open Big Blue Sky Stock. We will be using this to create the walls of our room. So let’s transfer it to our 3000×3000 layer. Click our stock image, press (M)to activate our Marquee tool and select the sky and leave the trees outside the marquee box, once you’ve done that press (V) and drag the selected part of the image by holding down the left mouse button to our canvas. See example below:
Note that that image has large dimensions (8591 x 3912 pixels) so, obviously we would need to decrease that size to be optimal for our canvas. We would need a lot of precision on this and on the succeeding steps, so let us activate our ruler by pressing Ctrl+R. You’d be seeing a ruler which is in inches on the top and on the left size of our image. Now that the ruler is active let us create a guide. Click the top ruler and drag it all the way down to the axis or level: 5.3in See image below:
Press Ctrl+T to transform our image. Resize it to come up with something similar to the image below:
Now that that’s done, let us create the room’s perspective. Let us set the navigator to 15% so the ruler would be counting in 1’s. See image below:
Activate your marquee tool and use it to select the area from axis 5.3in of the ruler on the left to axis 3in on the top ruler. An example is shown below:
Now use the transform tool and right click anywhere on the canvas and left click on the Distort tool. Follow instructions seen on the image below:
Do the same thing on axis 5.3in below and axis 7in to 10in on the top ruler. See instructions on the image below:
Step 3 – Adding texture to the walls
In this step, we will be adding a texture to the very flat looking wall. We will be putting the texture over the clouds to give it a feel of a dirty wall. Let’s open our 18 Vintage Photoshop Brushes. (Note: After downloading this brush set, extract it to ABR file to “Adobe Photoshop > Presets > Brushes”)
We will need to apply the brush on a clean layer so let us create a new layer. Press Ctrl+N or click on the “Menu bar’s Layer > New > Layer.” You may also create a new layer by pressing the paper button located on our Layer Window. Be sure to rename our new layer as “Wall texture: middle” Changing the layer’s name is easy, just click on the words Layer 1, double click on it and there you have a new name for it.
Press (B) to activate your brush tool and right click anywhere in the image and click on the button that resembles the play button on audio players then left click on Replace Brushes.
Replace your current brush set with our “18 Vintage Photoshop Brushes” which should appear as “vintage-paper-brush” in your Photoshop Brushes folder. Don’t worry you may revert back to your original brush set by loading your choice of brushes or if you’d like to use the original Photoshop brushes just click on the play button again and click onReset Brushes.
Now you see the brushes have been replaced. We would be using only one of the 18 brushes. The other brushes are nice but the one that I picked fits well with our image. With the proper opacity, it would make our wall look really convincing. Click on the brush that has a size of 1650px. See image below:
Once you’ve clicked it, the brush would appear on screen ready to be stamped to our canvas. Notice that the brush is on a horizontal position? We would need to flip that to a vertical position. First set your brush Opacity to 100%. Set the Brush color to this value: 494949 on the color picker. See Reference below:
After that, apply the brush anywhere on the image. Next, transform the image by pressing Ctrl+T and click on Rotate 90’ CW. Once it has been rotated let us transform it again to make it fit the wall. Be sure to activate the ruler since we would need it drastically throughout. Transform the image and align its width from the axis 3in to 7in on the top ruler and be sure its height is in the axis 5.3in on the left ruler. Reference is below:
After doing that, transform the image and click Flip Horizontal.
The wall isn’t convincing yet isn’t it? Let’s lower the layer’s opacity. Go to the Layer Window and change the Opacity to 25%.
To create the texture for the wall on the left just duplicate “Wall texture: middle” press Ctrl+T and click Flip Horizontal and then rename it to: “Wall Texture: Left” We would need to distort that to fit the wall, so let’s transform the image and use the Distort Tool. Distort the texture like we did with our sky image earlier to fit the wall and make sure to align it to axis 10in on the ruler on the left. Set its opacity to 50%. See reference below:
For the wall on the right just duplicate “Wall Texture: Left” rename it to “Wall Texture: Right” and drag it using our Move Tool (V) to the right. It should now look like this:
You may want to group all the Wall textures to lessen the confusion on later steps. To create a group, “go to Layer > New > Group” and name it “wall textures.”
Let’s darken some parts of the wall to enhance its contrast and appearance. Activate your Burn tool by pressing (O) and clicking on that tool to bring out the menu shown on the image below for instructions:
Set the Burn tool values to the following:
- Brush size: 900px
- Range: Midtones
- Exposure: 35%
The reference below shows the region to be burned or darkened.
Step 4 – Creating the floor
For our floor, we will be using the image Stormy Sea. Open the file, use the marquee tool and select the sea and drag it to our 3000x3000px layer and put it under all the layers that we have created. Let us transform it so it would fit the canvas and make it look like the room’s floor. See reference below:
Step 5 – Creating the waves
A sea without waves wouldn’t look or feel like a real sea right? So let’s add some waves on the walls to make it feel an authentic sea. Create a new layer, name it “wave1”. Activate your brush tool and replace it with the brush set: Waves Brush by anaRasha. When it opens, pick the wave brush which has a size of 600px. Press (D) to revert the foreground color and background color to its normal state which is black and white and then press (X) to revert back it to their original position. Now you’ll notice that you’d be using the color white for your brush. Press (B) again to activate the brush.
Use these brush values:
- Brush Opacity: 100%
- Set its size to 600px (default size of the brush that we’re going to use)
See image below for instructions:
Rotate the image by pressing Ctrl+T and clicking Rotate. Rotate it so it would be straight and aligned with the sea; right click on that selected area and stretch the image (press free transform and stretch it) so it would fit perfectly with our floor. Instructions are shown below:
Next, let’s create a new layer for our new wave and name it “wave2.” We would be putting this on the right wall. In total there will be 13 waves. Activate your brush tool, make sure that the brush set you’re using is still Waves brush by anaRasha and click the wave brush with the size: 526px. Do not change the brush size, just use the default size and then brush it over the right wall, just beside “wave1.” Make sure to rotate it to be aligned with the wall.
Press Ctrl+T to transform it once again and this time click Scale, for we will be resizing it to be aligned until axis 8 of the left ruler. Just erase the unwanted waves that would appear. I would recommend using an Eraser Hardness of 0% and a Opacity of 100%. You can do that by clicking the Eraser tool or pressing (E) and then changing the Hardness to 0%. See reference below:
Create a new layer and name it “wave3.” Open your brush tool again and click on the wave brush which has the size 461px. Use the default size and brush it over the right wall just in line with “wave2.” (You can move it using the Move tool or V) Remember to erase the excess waves. See image below:
It’s time we create a layer for “wave4.” Use the same brush we used for “wave3.” Brush it on the right wall just beside “wave3.” Remember to rotate it to be aligned with the present waves and erase the excess waves that you see. See image below:
Now for the left wall, just duplicate “wave2” and “wave3” and align them to the left wall. Do the necessary rotations to align it with the wall. See reference below:
Step 6 – Creating the splashes on the walls
Now we will be creating the splashes on the walls. Activate your brush tool and replace the current brushes with the water effects brush by fiftyfivepixels. We will be adding some authentic-looking water splashes with the help of these brushes. Create a new layer and name it “wave5.” Activate your brush tool once again (Take note that the brush opacity should still be set to 100%) and follow instructions from the image below:
Change the brush size now to 1411px and brush it over “wave1.” Do the necessary erasures to the excess waves. The result should be similar to this:
Create a new layer and name it “wave6.” Open your brush tools and select the brush indicated by the image below:
Once you’ve selected that brush, change its size to 1014px. Brush it on the left wall over the duplicated “wave2” and “wave3” layers. Then use your Distort tool via the Transform tools and distort the layer so it would be aligned to the wall, therefore making it look like it splashed on that wall. It should result to something similar to this: