Photoshop: Image Reflection

Discussion in 'Tutorials' started by goobimama, Nov 5, 2006.

Thread Status:
Not open for further replies.
  1. goobimama

    goobimama  Macboy

    Joined:
    Sep 8, 2004
    Messages:
    4,482
    Likes Received:
    11
    Trophy Points:
    0
    Location:
    Goa
    As it turns out, I've decided to write tutorials again. Here goes.

    This one will help you create reflections for pictures, useful for web page headers and such.

    Step 1: Create a new document. Make it nice and big to work with (at least 1024*768). You can always resize later.

    Step 2: Open your working image. Ctrl+A and then Ctrl+C.

    Step 3: Select the New Document, and paste it there. Ctrl+T to resize to a workable size. Rename this layer to alpha.

    [​IMG]

    Step 4: Ctrl+J to duplicate alpha. Then with alpha duplicate selected, hit Ctrl+T and then Right-Click in the middle of the image. Select Flip Vertical.

    [​IMG]

    Step 5: Drag the image down till there is a small gap between the two.

    [​IMG]

    Step 6: Select both Alpha copy and alpha in the layers palette. Press Ctrl+T.

    Step 7: Right-click in the middle and select 'Perspective'. Now drag either of the four corners up OR down depending on which side you want the angle to be.

    Step 10: With 'alpha copy' selected, go to Layer > Layer Mask > Reveal all. A white box will appear next to the 'alpha copy' layer.

    Step 11: Make sure that you colors are default (press D), select the 'Gradient Tool' and select Foreground to Background from the gradient type menu.

    [​IMG]

    Step 12: Make sure that the Layer Mask is selected in the layers palette, and drag from somewhere in the middle of the top image to the middle of the inverted image. Keep experimenting till you get a good result.

    [​IMG]
     
    Last edited: Jan 15, 2007
    tuxfan likes this.
  2. tuxfan

    tuxfan New Member

    Joined:
    Feb 4, 2004
    Messages:
    2,653
    Likes Received:
    9
    Trophy Points:
    0
    Location:
    Mumbai
    Who other than goobimama!! :)) I a noob in photoshop and was just thinking about creating some reflection effect and was about to google it up. But here you are with the right tutorial :) Thanks so much.

    This tut will be very helpful, added a rep :)
     
  3. blueshift

    blueshift Wise Old Crow

    Joined:
    Apr 17, 2005
    Messages:
    1,227
    Likes Received:
    17
    Trophy Points:
    0
    Location:
    Inside the Pixel
    Nice effect goobimama.
    I ll be submitting some PS tuts too.
     
  4. Rollercoaster

    Rollercoaster -The BlacKCoaT Operative-

    Joined:
    Mar 10, 2005
    Messages:
    1,206
    Likes Received:
    17
    Trophy Points:
    0
    Location:
    Dehradun, India
    kool one...
     
  5. iMav

    iMav The Devil's Advocate

    Joined:
    Mar 28, 2006
    Messages:
    7,004
    Likes Received:
    11
    Trophy Points:
    0
    Location:
    Masti Ki Paathshaala
    good tut goobi mama
     
  6. NagpurDaMunda

    NagpurDaMunda New Member

    Joined:
    Jul 15, 2005
    Messages:
    428
    Likes Received:
    0
    Trophy Points:
    0
    Location:
    come on u know it
  7. POISON

    POISON New Member

    Joined:
    Jan 10, 2007
    Messages:
    4
    Likes Received:
    0
    Trophy Points:
    0
    xllwnt tut bro....really helpful one....thanx.
     
  8. koolbluez

    koolbluez Šupər♂ - 超人

    Joined:
    Oct 19, 2004
    Messages:
    1,619
    Likes Received:
    50
    Trophy Points:
    0
    Location:
    Look up... up in da sky... see me yet? Nah... Use
    Goobsie.. need i say it again... u r kool !!!

    Hey I'ld ask u to add a bit of spice in ur curry... a little wavy look with the filters would do good. But of course, it's for water reflections only. For glass reflections, this is kool, or u can add a little frosted glass filter.
     
    Last edited: Jan 16, 2007
  9. OP
    OP
    goobimama

    goobimama  Macboy

    Joined:
    Sep 8, 2004
    Messages:
    4,482
    Likes Received:
    11
    Trophy Points:
    0
    Location:
    Goa
    .....nice idea. I'll try that out...or maybe you could do it and merge it with this one...what say.
     
  10. koolbluez

    koolbluez Šupər♂ - 超人

    Joined:
    Oct 19, 2004
    Messages:
    1,619
    Likes Received:
    50
    Trophy Points:
    0
    Location:
    Look up... up in da sky... see me yet? Nah... Use
    Ok..as Goobsie said,follow Step 12 with the frosted glass distortion filter for a glassy effect or the ripple/ocean ripple distortion filter for the watery effect.
    It's not a big deal.. just experiment with various values, till u get what u want.
    And of course, u need the right picture to reflect. [​IMG]

    Samples:
    Frosted glass
    |
    v
    [​IMG]
    Ocean ripple
    |
    v
    [​IMG]
     
    Last edited: Jan 16, 2007
  11. Tech Geek

    Tech Geek Wise Old Owl

    Joined:
    Sep 21, 2006
    Messages:
    1,602
    Likes Received:
    18
    Trophy Points:
    0
    Location:
    Cyber Hell
    nice tuts
     
  12. techno_funky

    techno_funky da' Ťurntable ruleth

    Joined:
    Dec 2, 2003
    Messages:
    845
    Likes Received:
    3
    Trophy Points:
    18
    Location:
    Mumbai
    Was trying for a logo contest last year, this is one of the products from my experiments :)

    [​IMG]
     
  13. Very old trick, can be commonly found on all the sites offering tutorials.
    heres one i made a long time ago...............
    [​IMG]
    Very easy trick, select a layer and make another copy of it, click on "show bounding box" and make it flip, keep it down the original image and use some ripple, Blur , liquify effects................thats all u got what u want.
    __________
    And heres a new one receltly made by me......not regarding reflection, but.....its cool.
    [​IMG]
    I used only one tool for the background..........Gradient tool and some special effects.

    And heres a new one receltly made by me......not regarding reflection, but.....its cool.
    [​IMG]
    I used only one tool for the background..........Gradient tool and some special effects.
     
    Last edited by a moderator: Jan 16, 2007
  14. deepak.krishnan

    deepak.krishnan New Member

    Joined:
    Jan 11, 2005
    Messages:
    423
    Likes Received:
    0
    Trophy Points:
    0
    Location:
    Palakkad/Bangalore
    Great tutorial ..... I was looking out for this one.... thanks
     
  15. blueshift

    blueshift Wise Old Crow

    Joined:
    Apr 17, 2005
    Messages:
    1,227
    Likes Received:
    17
    Trophy Points:
    0
    Location:
    Inside the Pixel
    This is offtopic.

    @techno_funky: Your pic dimensions are unnecessarily big. Use the Crop tool.
    @shashank_digitreader: Your 2nd pic size is too huge. You could have achieve more compression.

    btw good work from both of you.
     
  16. Thanx for the advice Blueshift.
     
  17. cooljeba

    cooljeba The Photoshop Guy

    Joined:
    Jun 30, 2004
    Messages:
    606
    Likes Received:
    0
    Trophy Points:
    0
    Location:
    On Your monitor!
    Good for starters.. Nice one

    ..:: peace ::..
    Jeba
     
  18. ax3

    ax3 Cool as a CUCUMBAR ! ! !

    Joined:
    Dec 14, 2003
    Messages:
    5,388
    Likes Received:
    5
    Trophy Points:
    38
    nice work goobi .........
     
Thread Status:
Not open for further replies.

Share This Page