In this tutorial, we are going to learn how to create a surreal image that has the look and feel of a traditional image. We are going to learn how to blend images seamlessly together. We are going to learn how to create reflections, shadows and light using only the images themselves, a few brush strokes and some Photoshop adjustment layers. We are also going to learn how to blend textures together to enhance the feel of the image and finally we are going to learn how to make the image look like a traditional painting.
Preview of Final Results
Traditional Painting-Like Surreal Image Photoshop Tutorial
Resources
- Sky 17 - sacral stock
- Calm Water - strwberrystk
- 57 - annerireSTOCK
- Phone booth - digital amphetamine
- Old trunk17 - sd_stock
- Tall Ship jpg Pack - alegion-stock
- Texture 119 - sirius-sdz
- Texture 54 - night-fate-stock
- Metal Texture 15 - Wojtar stock
Step 1: Create a New Photoshop File
Let's start by creating a new Photoshop file, go to the Menu bar and click File > New, and then input the following values on their respective fields:- Width: 3000px
- Height: 3000px
- Resolution: 300pixels/inch
- Color Mode: RGB Color; 8 bit
- Background Contents: Transparent
Step 2: Create the Afternoon Sky and its Reflection
In this step, we will be creating the sky and its reflection which will serve as the background of our picture. To start, open the image "sky 17" by sacral stock. Once you have it open, simply activate the Move tool by pressing V on your keyboard and left-click on this image and drag it to our canvas. Once on the canvas, rename this new layer to "Sky". To rename a layer, simply double-click on the words: "layer 1" (which is our layer - clouds) to prompt a text box to appear. Once that appears, you may now rename the layer.See sample below:
Move it and position as shown on the image below:
Next, activate the Transform tool by pressing Ctrl/Cmd + T and resize it as shown on the image below:
The result should be similar to this:
Now, that the sky is done, we will now create its reflection on the sea, but first we will have to duplicate it by pressing Ctrl/Cmd + J. Once duplicated, activate the Transform tool (Ctrl/Cmd + T) and then right click on the canvas to bring up the Transform tool's contextual menu and once the menu is active, click on Flip Vertical. See image below:
After you click on Flip Vertical, the result would be like this:
Now, activate the Move tool (V) and drag the image as shown below:
Next, we will make this reflection on the sea more realistic by adding a little Motion Blur. To do that, first make sure that the duplicated layer is active and then go to Filter > Blur > Motion Blur and then input the following:
- Angle: 0'
- Distance: 50pixels
Step 3: Add a Sea Texture
Now, we will be making the reflection on the sea more realistic by blending an image of the sea to it. To start, open "Calm water" by strwberrystk. Once open, activate the Rectangular Marquee tool (M) and create a selection area around the water in the stock image. See image below:The result:
Now, when you're done, activate the Move tool (V) and drag the selected area (sea) to our canvas. Rename the layer to "Water". Make sure that this layer is above the two layers that we've already created.
Next, move it to the position shown on the image below:
After that, activate the Transform tool (Ctrl/Cmd + T) and resize the image as shown below:
The result:
Now, let's desaturate the water's color a bit to make it blend nicely with our sky and its reflection. To do that, make sure that the "water" layer is selected and then go to Image > Adjustments > Hue/Saturation and input the following:
The result would be similar to this:
Next, let's change the "water" layer's Blending mode to Soft Light and its Opacity to 50%. To change that, simply click on "Normal" on the Layer window to show the list of Blending modes and once open, click on Soft Light. To the right is the Opacity level, so set it to 50%. See image below:
The Blended layer will look like this:
Now, we will make the horizon in this image look seamless. To do that, we will need the help of the Eraser tool (E). Activate that and set the following:
- Brush size: 125px
- Hardness: 0%
- Opacity: 100%
- Flow: 100%
The result:
Now, select ALL the layers that we've made and press Ctrl/Cmd + G to put them all in one group. Now, name the group to "Background".
Note: Renaming a group is similar to renaming a layer.
Step 4: Add the Platform
In this step, we will be adding the platform to where the phone booth and the lost woman will be situated. To start, open "57" by annerireSTOCK. Next, activate the Polygonal Lasso tool (L) and create a selection area around the platform. See images below:Now that you're done, activate the Move tool (V) and drag the selected area to the canvas. Rename this layer to "platform". Position it on this region:
Next, let's create its reflection on the water. To start, open "57" by annerireSTOCK again and activate the Polygonal Lasso Tool (L) and create a selection area as shown on the image below:
Activate the Move tool (V) and drag the selected area to the canvas. Rename it to "platform reflection". Position it as shown on the image below:
Note: Make sure that that layer is on top of the "platform" layer.
Activate the Transform tool (Ctrl/Cmd + T) and resize the image. See image below:
The result:
Now, we will blend this reflection to the water to make it seamless. Activate the Eraser tool (E) and input the following:
- Brush size: 70px
- Hardness: 0%
- Opacity: 100%
- Flow: 100%
After erasing, reduce the "Platform" layer's Opacity to 95%.
The result of erasing and reducing the Opacity:
Select all the layers we handled in this step and group them. Rename this group to "Platforn".
Step 5: Add the Phone Booth
Now, in this step, we will be adding a phone booth on the platform. Now, let's get started - open "phone booth" by digital amphetamine and create a selection area using the Magnetic Lasso Tool (L).When you're done, activate the Move tool (V) and move this layer to our canvas. Once on the canvas, rename this layer to "phone booth". Position the phone booth on this area:
Now, activate the Transform tool (Ctrl/Cmd + T) and resize the phone booth as shown on the image below:
Next, let's adjust the Brightness/Contrast of this layer. Make sure this layer is active and then go to Image > Adjustments > Brightness/Contrast and input the following:
- Brightness: -53
- Contrast: -30
- Use Legacy: Uncheck
Now, we will remove that distracting plant on the booth's lower area. To do that, we will need to activate the Clone Stamp tool (S). Once activated, input the following:
- Brush size: 20px
- Hardness: 0%
- Opacity: 100%
- Flow: 100%
The result of that should be similar to this:
After that, let's now darken the phone booth to make it blend well with the rest of the images. To start, create a new layer (Ctrl/Cmd + Shift + N) and name it "Darken". Put this layer above the "phone booth" layer.
Now, click on the "Darken" layer and right click on it to show the contextual menu. Once the menu is shown, click on "Create Clipping Mask".
Now, activate the Brush tool (B) but before we proceed on setting the right settings, make sure that your brushes are the default brushes.
To make sure that you're using that, simply right click the canvas while a layer is selected and while the Brush tool (B) is activated and then click on the button highlighted below:
Then click on "Reset Brushes" from the contextual menu.
Now that the brushes are the default ones, input the following:
- Brush size: 250px
- Hardness: 0%
- Opacity: 25%
- Flow: 100%
- #: 000000
The #: 000000 is the color of the Brush tool (B), so this means it is colored black. To set the brush color, follow the instructions below:
When you're ready apply black paint through the "Darken" layer as shown on the image below:
Now, let's make the phone booth look more realistic by adding a shadow. Start by selecting the "phone booth" layer and duplicate it (Ctrl/Cmd + J) and then activate the Transform tool (Ctrl/Cmd + T) and the right click on the canvas and then click on Flip Vertical. When you're done, activate the Transform tool (Ctrl/Cmd + T) once again and right click on the canvas and then click on Distort and then just follow the instructions below:
Drag the encircled squares to the direction of the cyan arrows:
Now, let's convert this distorted phone booth to a shadow! Click on this duplicated layer and go to Image > Adjustments > Brightness/Contrast and input the following:
- Brightness/Contrast:
- Brightness: -100
- Contrast: -100
- Use Legacy: Check
The result should be like this:
Now that we're done, group all the layers and name the group - "Phone Booth".
Step 6: Add the Woman with an Old Trunk
In this step, we will be adding the woman who in our image is trying to get a ride from the flying boats. To start, open "Old trunk17" by sd_stock, once open activate the Polygonal Lasso Tool (L) and create a selection area around the woman. See image below:Activate the Move tool (V) and drag the woman to our canvas. Once on the canvas, rename this layer to "woman". Now, activate the Transform tool (Ctrl/Cmd + T) and right click the canvas and then click on Flip Horizontal. After that, resize the woman as shown on the image below:
Next, let's create her shadow. To start, create a new layer and name it "Shadow". Put this layer below the "woman" layer.
Activate the Brush tool (B) and input the following:
- Brush size: 30px
- Hardness: 0%
- Opacity: 15%
- Flow: 100%
- #: 000000
The result is:
Now let's adjust the brightness some parts of the woman. To do that, first create a new layer (Ctrl/Cmd + Shift + N) and then name it to "Darken". Make sure that this layer is on top of the "woman" layer. Now, right click on "Darken" and click on Create clipping mask.
After that, activate the Brush tool (B) and input the following:
- Brush size: 125px
- Hardness: 0%
- Opacity: 15%
- Flow: 100%
- #: 000000
Now that we're finished, group these layers and name it "Woman".
Step 7: Add the Flying Ships
In this step, we will be adding some ships that instead of treading through sea, they will be flying in the sky. To start, open "Ship 13" by Alegion-stock (this is included in the Tall Ship PNG stock).Activate the Move tool (V) and drag this ship to our canvas. This is a PNG file, and its background is transparent, that means it has no background - just the ship. So after moving it to our canvas, you'd only see the ship. Rename this layer to "Ship 1".
Position "Ship 1" on this location:
Next, activate the Transform tool (Ctrl/Cmd + T), right click on the canvas and click on rotate. Rotate as shown below:
Next, activate the Transform tool (Ctrl/Cmd + T) once again and resize it as shown below:
Next, to give the illusion that this ship is far away from our subject, reduce its Opacity to:
- Opacity: 70%
Now, let's create ship # 2. Click on "ship 1" and hit Ctrl/Cmd + J to duplicate it. Rename it to "ship 2". Once duplicated, activate the Move tool (V) and drag it to the position shown on the image below:
Next, activate the Transform tool (Ctrl/Cmd + T) and rotate and resize it as shown below:
Reduce the Opacity of the "ship 2" layer to:
- Opacity: 40%
Now, for ship # 3 - select "ship 1" and duplicate it (Ctrl/Cmd + J). Once duplicated, activate the Move tool (V) and drag it to the area shown on the image below:
Now, activate the Transform tool (Ctrl/Cmd + T) and then rotate and resize the image as shown below:
Now, reduce this layer's Opacity to:
- Opacity: 60%
When you're done, select all these layers and then group them. Name the group to "Ships".
Step 8: Add Textures
Now, let's add some textures to our image to give it a grungy feel. To start, let's open "Texture 119" by Sirius_sdz. Activate the Move tool (V) and drag this to our canvas. Make sure you put it on top of the "Ships" group. Rename this layer to "Texture 1".Position it as shown on the image below:
Now, activate the Transform tool (Ctrl/Cmd + T) and resize it as shown below:
The result:
Next, let's change the Blending mode and Opacity of this texture:
- Blending Mode: Soft Light
- Opacity: 40%
Let's now add the next texture - open "Texture 54" by night-fate-stock. Activate the Move tool (V) and drag it to our canvas. Rename to "Texture 2". Position it here:
Next, activate the Transform tool (Ctrl/Cmd + T) and resize it as shown below:
Now, change Blending mode and Opacity of this texture:
- Blending Mode: Soft Light
- Opacity: 40%
Next, open "Metal Texture 15" by wojtar stock. Move it to the canvas using the Move tool (V). Once there, rename it to: "Texture 3". Position it as shown below:
Activate the Transform tool (Ctrl/Cmd + T) and resize it as shown below:
Now, change Blending mode and Opacity of this texture:
- Blending Mode: Soft Light
- Opacity: 100%
Next, open "Paper Texture 1" by Wojtar Stock. Move it to the canvas using the Move tool (V). Once there, rename it to: "Texture 4". Position it as shown below:
Resize it using the Transform tool (Ctrl/Cmd + T) as shown below:
Now, let's change the Blending mode and Opacity of this texture:
- Blending Mode: Overlay
- Opacity: 40%
- Fill: 70%
Group all those layers, and rename the group to "Textures".
Step 9: Create a Vignette
In this step, we will learn how to create a vignette which will help enhance the focus on our subject.To start, go to the Menu bar and click on File > New and use the same settings we used to create our canvas. (Refer to Step 1).
Take note, the background contents should be: WHITE
Once it has been created, go to Filter > Distort > Lens Correction. Find the tab Vignette and use these settings:
- Vignette amount: -100
- Midpoint: +50
- Blending mode: Multiply
- Opacity to 40%
The unblended Vignette will look like this:
Once the blending mode is set to "Multiply" it would look like this:
Step 10: Retouch the Image
Now let's retouch the colors of our image to give it a more painting-like feel! For starters, we're going to create a Solid Color adjustment layer. To do that, simply click on the button shown on the image below:When it opens, click on the following:
Once you've clicked on Solid Color, the Color Picker menu would open. When it opens, input the following color:
- #: 00011e
- Blending Mode: Exclusion
- Opacity: 80%
- #: cd8e50
- Blending Mode: Soft Light
- Opacity: 40%
Once it opens, input the following for the Red Channel:
- Input Levels: 15, 1.00, 255
- Input Levels: 15, 1.00, 255
Next, let's create a Channel Mixer adjustment layer.
When it opens, input the following:
- Output Channel: Gray
- Source Channels:
- Red: 0%
- Green: 100%
- Blue: 0%
- Constant: 0%
- Monochrome: Check
When it opens, use the following:
- Deep Blue
- Density: 25%
- Preserve Luminosity
- Layer Opacity: 50%
- Photo Filter
- Warming Filter (81)
- Density: 25%
- Preserve Luminosity
When it opens, input the following:
- Brightness/Contrast
- Brightness: -15
- Contrast: 0
Step 11: Make it look like a painting
In this step, we're going to make our photo-manipulation look like a painting using some Photoshop Filters. To start, select any layer in our image and right click on it to bring out the contextual menu. Once the menu is shown, click on Flatten Image.Once flattened, duplicate this layer (Ctrl/Cmd + J) and go to Filter > Filter Gallery. Once the Filter Gallery opens, click on the Artistic Folder and then click on Dry Brush.
Once you've clicked on Dry Brush, input the following settings located on the right:
- Brush size: 2
- Brush Detail: 8
- Texture: 1
But that doesn't look too good because the details are lost so we should reduce its Opacity to:
- Opacity: 40%
Select both layers and right click on any of them and click Flatten Image.
Step 12: Add some Lighting Effects
Now, for our final step, let's enhance the lighting of this image .We're going to put the focus of our viewers to the subjects of our image - the girl and the phone booth. To do that, first, duplicate the image (Ctrl/Cmd + J) and then go to Filter > Render > Lighting Effects. When it opens, input the following:- Style: Default
- Light Type: Omni
- On: Check
- Intensity: 21
- Opacity: 70%
Keine Kommentare:
Kommentar veröffentlichen