Photoshop Tutorial: techniques of reflection

Monday, June 30, 2008

Apple Web 2.0 images "reflected" have flooded Intrenet. Often, however, are always abused impressive. Knowing how to make good business is not complicated and, with a Pizzoc fancy, you can make it less "obvious" and "discount" ... if you really can not do without.

The basics of SLR

First of all we see how to set a reflection base. The technique for setting a basic reflection, at least my favorite is that I use constantly, is simple and rapid deployment. This method allows the maximum freedom of subsequent modifications and maintain transparency in case you want to save the image in PNG 24 with transparency.

Loading Flash Player ...

1. As always Phosotoshop open and load the image that we want to reflect on a separate layer
2. Duplicate our layer (drag the layer icon to duplicate image ) And nominiamolo "shadow" or "reflex"
3. From the "Edit" menu select "Transform" / "Flip vertical"
4. Drag the new layer "reflex" below the original layer and spostiamolo behind the original layer
5. Select the layer "reflex" and hold down the ALT key, add a mask by clicking the icon image "mask" in the tool window layer, the layer "reflex" should disappear
6. Select the layer mask in the "reflex" and click on image filling
7. Set a gradient from black or white to transparent: image
8. We draw the gradient from the center of the original layer in the center of the layer "reflex"

Setting a radial gradient, rather than linear, we can make our reflections more unusual, as shown in the figure below:

image

The surface reflection

We can act on layer "reflex" in order to simulate different superfci of reflections. If this layer does not alter the effect will be a "mirror" homogeneous, thus generating a smooth surface and fully reflective. Applying such a blur, blur, we are superior computing:

image

You can also apply filters to the layer of "reflex". Even the simple "color overlay" can give interesting results:

image

In this case I used a red (# FF0000) with "blending mode" set to "soft light". By setting the blending modes and applying effects you can get more results, in order, blending mode "Brightness" + disturbance effect, blending mode "normal" + effect "apply texture" Blending "normal" + effect "motion blur", the new layer blend mode to "multiply" + effect ditherbox Binaco striped and black

imageimageimageimage

Distortions

Select the layer "reflex" we can apply some strain on it, this to simulate a reflective surface differently:

image

This image, for example, is achieved simply selezionado layer "reflex" and distorting the menu "Transform"> "Altera". You can have fun applying different types of distortion.

Light and shadow

The final touch of class, you can add lighting effects and / or shadows to enhance the total effect of our consideration, as well as the addition of an appropriate background. Here is a screencast to add a simple shadow when resizing, hold down the ALT key to zoom out from both sides ;)

Loading Flash Player ...

With the same process as in the screencast shade, inverting the background and color of the shadow we get:

image

Related Post

Was this article helpful?: Per nientePocoAbbastanzaMoltoMoltissimo
Loading ... Loading ...

9 comments to "Photoshop tutorial: techniques of reflection"

  1. getAvatar 1.0
    01 lug, 2008 Julius:

    Excellent tutorial!

  2. getAvatar 1.0
    01 lug, 2008 Samuel:

    hello, great tutorial ... very nice ... tu ke you want Web graphics, and maybe you anke qualke contact, familiar qualkuno Verona ke face these effects? I would thank ciau! x info: samuz93@hotmail.it

  3. getAvatar 1.0
    01 lug, 2008 GiusMat:

    I tried a tutorial that in just a few steps to explain this technique and finally I have found. Thanks

  4. getAvatar 1.0
    01 lug, 2008 Joseph:

    very interesting, as all the tutorials on this blog!

  5. getAvatar 1.0
    02 lug, 2008 Caramel:

    This was a long sought ways you are fantastic .....

  6. getAvatar 1.0
    09 lug, 2008 groggit.com:

    Photoshop Tutorial: techniques of reflection ...

    Apple Web 2.0 images "reflected" have flooded Intrenet. Often, however, are always abused impressive. Knowing how to make good business is not complicated and, with a Pizzoc fancy, you can make it less "obvious" and "discount ...

  7. getAvatar 1.0
    December 10, 2008 Star:

    Hello, very interesting tutorial!

    How do I make elliptical shadow you made the last picture?

    thanks!

  8. getAvatar 1.0
    December 11, 2008 Giovambattista Fazioli:

    @ star:

    Hello, very interesting tutorial! How do I make elliptical shadow you made the last picture? Thanks!

    In very simple: create a new layer and draw a radial gradient from white to transparent, so it is a kind of circle. Then select "transforms Imaging Info" and resizes the image only vertically, so as to create ellipse.

  9. getAvatar 1.0
    January 30, 2009 Webdesign Heilbronn:

    Sehr schönes Tutorial, vielen Dank ... weiter so

    Gruß Steve

Leave a comment

TAG XHTML PERMISSIONS: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> INSERTION CODE:
 <pre></pre>         // blocco generico [code][/code]       // blocco generico [as][/as]           // Actionscript [css][/css]         // CSS Style Sheet [html][/html]       // HTML [js][/js]           // Javascript [objc][/objc]       // Objective-C [php][/php]         // PHP [sql][/sql]         // SQL