vfxmaximum.com-create wings on fire emotional scene photo manipulation in adobe photoshop
TRANSCRIPT
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
1/42
CREATE WINGS ON FIRE EMOTIONAL SCENE
PHOTO MANIPULATION IN ADOBE PHOTOSHOP
www.vfxmaximum.com /create-wings-fire-emotional-scene-photo-manipulation-adobe-photoshop/
Learn photo manipulation of wings on fire emotional scene in photoshop. In this tutorial, you will learnblending tactics, digital painting, lighting and much more.
Final Result:
Resources:
Model
Model Dress
Wing
http://pixabay.com/en/seagull-flight-bird-beach-271103/http://pixabay.com/en/seagull-flight-bird-beach-271103/http://faestock.deviantart.com/art/Valentine20-367363740http://faestock.deviantart.com/art/Titania18-313782416http://www.vfxmaximum.com/create-wings-fire-emotional-scene-photo-manipulation-adobe-photoshop/ -
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
2/42
Landscape
Fire images
Clouds 1
Clouds 2
Clouds 3
Working with Background:
Step-1
Create a new document with 12001000 with 150pixel resolution.
Copy the landscape image into a new layer.
Convert the image into a smart object.
To do it, go to Layer >> Smart Objects >> Convert to Smart Object.
(or)
Right click on the layer >> Convert to Smart Object.
(This is to preserve the quality of the image)
Note: convert every image you put into the scene into smart object.
http://pixabay.com/en/clouds-sky-orange-surreal-388915/http://pixabay.com/en/sunset-clouds-afterglow-194702/http://pixabay.com/en/summer-thunder-storm-cloud-sky-398865/http://www.cgtextures.com/http://pixabay.com/en/clouds-mountain-nature-18974/ -
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
3/42
Step-2
Apply Gaussian Blur: Go to Filter>>Blur>>Gaussian blur
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
4/42
Step-3
Now, you will see smart filter layer below the image layer.
In that smart filter layer, remove the blur by masking in the following area
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
5/42
The result should look like this.
Set up the mood of the scene
Step-4
This is important step because we choose colors, lighting and shading of the scene in the background
image to present the theme and rest of the elements in the scene will follow the respective lighting and
colors.
Create Hue/Saturation adjustment layer to the image with following properties.
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
6/42
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
7/42
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
8/42
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
9/42
Step-6
Here, I choose center of the scene as light source.
For this, lets add Hue/Saturation adjustment layer to the overall scene with decreased brightness and
saturation.
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
10/42
Mask the center of the scene to retain the same brightness which we want to use as light source.
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
11/42
Step-7
Create a new layer on top of all layers.
Using soft brush with white color, draw like this.
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
12/42
Set the blending mode to overlay to get the following result
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
13/42
So far, we have successfully completed the background
Working with Model:
Step-8
Copy the model image into the scene.
Using polygonal lasso tool(L), select model.
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
14/42
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
15/42
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
16/42
Add Dress to the Model:
Step-11
Now , we are going to add dress to the model .
Import the image of the same model with different dress..
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
17/42
Using pen tool or polygonal lasso tool, select the dress and mask the rest of the image.
Position the dress to the model.
Step-12
The dress is too bright and colorful to the background.
So, lets decrease the color and brightness of the dress using Hue/saturation adjustment layer.
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
18/42
Step-13
Create a new layer with layer opacity 45%.
Using soft brush with white color, highlight the folds on the dress.
Similarly, increase the darkness in the shades of the dress using black color soft brush..
Finally, darken the bottom edges of the dress
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
19/42
Add shadows to the dress:
Step-14
Create a new layer below the dress layer, using black color soft brush, draw shadows like this.
Working with Wings:
This is the most interesting part of this project. We are going to play with wings, fire, lighting and many
more elements. So, lets get started!!
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
20/42
Step-15
Copy the bird image into the scene.
Desaturate it. (Shift + Ctrl + U)
Using polygonal lasso tool, select the wing of the bird which is suitable for our character.
Mask the rest of the bird image.
This is the right wing of the model.
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
21/42
Step-16
Duplicate the wing, transform the duplicated wing (Ctrl + T) >> right click >> Flip Horizontal.
This is the left wing of the model.
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
22/42
Step-17
Now, Create two new folders in the layer palette.
Place each wing layer in the each folder and name the folders as R wing(Right Wing) which contains the
right wing layer and L wing (Left Wing) which contains the left wing layer.
Working with Right wing:
Whatever the work we do with the right wing should be in the R Wing folder.
Step-18
Adding ash to the wing:
Since the wing image desaturated , it contains only black and white colors and its shades.
We can easily add ash to the wings using curves.
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
23/42
Step-19
Now, add vector layer mask to the R wing folder.
Select the brush with chalk 23 brush preset and mask the wing in the following areas.
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
24/42
Step-20
Now, create one more new folder in the layer palette and name it as R
Move this R Wing folder into the R folder.
We are going to add fire elements to the right wing, which should be placed in the R folder (Not in R
Wing folder)
Add fire to the wing:
Step-21
Extracting fire from the image:
Open the fire image.
Go to CHANNEL tab in layer palette hide all layers, except Red layer.
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
25/42
Pressing the Ctrl button from keyboard, click on the Red Layer to make selection of the layer.
Copy the selection.
Come to LAYERS Tab, in a new layer, paste it.
Using soft brush, slightly erase grayness around the fire.
Step-22
Copy different parts of the fire and place along the edges of the wing.
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
26/42
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
27/42
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
28/42
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
29/42
Working with lighting from the fire:
Step-24
Create a new layer above the dress layer.
Using soft brush with orange color (#f19c63), draw over the highlights of the dress and set the layer
opacity to 60%.
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
30/42
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
31/42
Lighting on the ground:
Step-26
Using lasso tool, select the following area of the background image.
Add color balance adjustment layer with following properties.
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
32/42
Add levels adjustment layer to increase the brightness on the ground.
Step-27
Lets decrease the brightness of the sky behind the wings, to highlight the main character.
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
33/42
Create a new layer above background image layer.
Using a soft brush with gray color (#211c1c), brush the following areas in the new layer.
Set the layer mode to Overlay and layer opacity to 75%
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
34/42
Creating sparks:
Step-28
Set foreground color to red(#ff0000)
Set foreground color to yellow (#f3ac27)
Create a new layer.
Using hard round brush with brush size around 6px, draw a red dot and yellow dot over the red dot in the
following way.
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
35/42
Using Smudge Tool (strength 30%, soft brush style), smear them in the following way.
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
36/42
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
37/42
Place some fire on the ground just like we did it to the wings.
Step-30
Lets add some more sparks and blur them to give depth of field effect.
Similarly, lets add some flowers in front of the scene.
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
38/42
Make selection of the image in the following way.
Mask the rest of the image and blur it (filter>>blur>>Gaussian blur (4 pixel))
To change the color of the flowers with respect to color of the scene, add Hue/Saturation adjustment layer
with following properties.
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
39/42
Increase the brightness of the flowers by adding Brightness/Contrast adjustment layer with following
properties
Step-31
Finally, add radial gradient in a new layer above all layers.
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
40/42
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
41/42
Final Result:
Thats it, this is the final result.
-
7/25/2019 Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop
42/42
I hope you find this tutorial useful.
Category:
PHOTOSHOP TUTORIAL: SPACE STATION PHOTO MANIPULATION
http://www.vfxmaximum.com/photoshop-tutorial-space-station-photo-manipulation/