Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop

download Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop

of 42

Transcript of Vfxmaximum.com-create Wings on Fire Emotional Scene Photo Manipulation in Adobe Photoshop

  • 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/