Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Top Posters

Who's Online (2)

Powered by Vanilla. Made with Bootstrap.
Create a Realistic Glass Reflection
  • GameOver
    Posts: 675
    In this tutorial I will run you through some very simple methods to create a realistic refection of someone as if they were in front of a glass window.

    http://images.ientrymail.com/easyphotoshop.info/glassreflection/screenshotFINAL.jpg

    First download this picture

    http://images.ientrymail.com/easyphotoshop.info/glassreflection/girlface.jpg

    Start a 822X542px document and place the picture of the girls face in the right side of the canvas.

    http://images.ientrymail.com/easyphotoshop.info/glassreflection/screenshot1.jpg

    Now duplicate the face and drag it to the left side of the canvas

    http://images.ientrymail.com/easyphotoshop.info/glassreflection/screenshot2.gif

    http://images.ientrymail.com/easyphotoshop.info/glassreflection/screenshot3.jpg

    Flip the image on the left horizontally. With that layer chosen hit the keyboard shortcut ctrl+t on a windows keyboard to transform the object. Right click on it and click flip horizontally.

    http://images.ientrymail.com/easyphotoshop.info/glassreflection/screenshot4.gif

    You should have something similar to this

    http://images.ientrymail.com/easyphotoshop.info/glassreflection/screenshot5.jpg

    I want the left picture to touch the right picture so it looks like she is leaning her head on a glass window.

    On an accurate reflection if her head is against the glass it will be the closest thing in the reflection since it is touching the glass. Her chin will be the furthest away in the reflection since it is not touching the glass.

    So first I am going to rotate and scale the image down a bit so it will look accurate
    in the reflection.

    http://images.ientrymail.com/easyphotoshop.info/glassreflection/screenshot6.jpg

    There is a little white gap at the top and a big white gap toward the bottom so I am going to fix this with the warp tool.

    With the image chosen hit ctrl+t on your keyboard to transform the layer. Then click
    warp.

    http://images.ientrymail.com/easyphotoshop.info/glassreflection/screenshot7.gif

    On the top gap just grab the very top right square and drag up and right.

    http://images.ientrymail.com/easyphotoshop.info/glassreflection/screenshot8.gif[hr]
    The bottom gap grab the bottom right square and drag.

    http://images.ientrymail.com/easyphotoshop.info/glassreflection/screenshot9.gif

    ow there are some other gaps that I need to cover up, the one on the top left and the other on the bottom. So first I will get rid of the top left one by using my crop tool and just crop the whole image to get rid of that.

    As for the bottom gap I am going to copy a portion of the image, paste it back in the canvas and use the warp tool to manipulate it.

    So copy a part of the image…

    http://images.ientrymail.com/easyphotoshop.info/glassreflection/screenshot10.jpg

    Copy and paste it back in the image

    http://images.ientrymail.com/easyphotoshop.info/glassreflection/screenshot11.jpg

    ine it back up to its original position.

    Now use the warp tool on that copied piece to cover the gap.

    http://images.ientrymail.com/easyphotoshop.info/glassreflection/screenshot12.jpg

    It does not have to look perfect and can look a little stretch, since this is for the reflection it will look a lot different later in the tutorial.

    I am going to do the same concept with the bottom gap.

    After that I merged the layer together and use the smudge tool to make it look a little
    better.

    http://images.ientrymail.com/easyphotoshop.info/glassreflection/screenshot13.jpg

    To lighten up the image to make it look like a reflection I will use the levels on the image. Duplicate your layer and hide it so you have a backup in case you need to go back.

    Hit ctrl+L for the levels control and set them similar to this

    http://images.ientrymail.com/easyphotoshop.info/glassreflection/screenshot14.gif

    Then set her opacity to about 80%.

    Here is what I have so far


    http://images.ientrymail.com/easyphotoshop.info/glassreflection/screenshot15.jpg

    That looks OK but it needs some outside reflection like of a city so I am going to use this picture of a city:

    http://images.ientrymail.com/easyphotoshop.info/glassreflection/city.jpg

    Open that picture take any part of it and place it over your reflection layer

    http://images.ientrymail.com/easyphotoshop.info/glassreflection/screenshot16.jpg

    Cut off the part that overlaps the right image.

    Add some motion blur to it by going to filter>>blur>>motion blur and use these settings

    http://images.ientrymail.com/easyphotoshop.info/glassreflection/screenshot17.gif

    Set its opacity to about 70% and its blending mode to overlay.

    I hope this gives you a basic idea on how you can make a realistic glass reflection of someone. Thanks for reading.

    ***QUICK NOTE***
    Based off of some comments I received I modified the tutorial a bit to make it look more realistic. All I did was take a regular picture of the city without blurring it, put it below your reflection layer, and set the opacity to about 46%. Then I changed our reflection layer blending mode to hard light. Hope this looks better. Thanks!
  • undead
    Posts: 822
    Nice girl xD
  • GameOver
    Posts: 675
    haha :D yes.. she's nice girl xD
  • Xin
    Posts: 3,251
    Nice tutorial Gameover :)
    Xin
  • GameOver
    Posts: 675
    thanks Xinapse! :)
  • tranx
    Posts: 22
    useful post keep up
  • GameOver
    Posts: 675
    glad you like it dude! :)