Placing an image/text on a transparent surface.

goldenwaters · 10-26-2011, 09:00 AM

Hello Friends, can anyone help me out on how to make the lower portion of an image/text reflect below the original.
Like a person standing on a marble floor that makes his original image reflect.
Thanks,
Golden Waters.

DHDdirect · 10-26-2011, 09:34 AM

You can do it dynamically with jquery

or manually in photoshop, or illustrator, or gimp, or inkscape

Hope that helps.

goldenwaters · 10-26-2011, 11:32 AM

Thanks Jason. It surely will help.
Golden Waters.

**PixelPusher** · 10-26-2011, 04:26 PM

In Photoshop, i suggest Layer Masks.

Open Image
Drag image over new layer icon at bottom of layers palette
This will Duplicate layer
Go to Edit > Transform > Flip Vertical
This will invert your duplicated image
On this same layer, click third icon from left on bottom of layers palette
This will add a layer mask to the duplicate layer
Select the gradient tool (G)
Be sure the layer mask is selected (there will be an outline on the four corners, and the color choice will be black and white)
Be sure black is the foreground color
Hold shift and drag upward though 1/2 - 2/3 of the inverted layer
You will see it mask out part of the image
Repeat and adjust as you see fit

Note: you can also use the Brush tool (B) for more detail touches. Flip the colors and add white back where you want more of the image visible. If you dislike the final result, simply fill the mask white and start over. There is no loss to the image. Have fun!

goldenwaters · 10-29-2011, 07:09 AM

Thanks Darling, i am very grateful.

Golden Waters

10-26-2011, 09:00 AM	#1
goldenwaters Silver Member Join Date: Feb 2010 Location: Satellite-Town, Lagos, Nigeria, West-Africa. Posts: 110	Placing an image/text on a transparent surface. Hello Friends, can anyone help me out on how to make the lower portion of an image/text reflect below the original. Like a person standing on a marble floor that makes his original image reflect. Thanks, Golden Waters.

10-26-2011, 09:34 AM	#2
DHDdirect Gold Member Join Date: Feb 2011 Location: Australia Posts: 383	You can do it dynamically with jquery or manually in photoshop, or illustrator, or gimp, or inkscape Hope that helps. __________________ Jason H. Modernwebsitesolutions.com Domains - Hosting - Design

10-26-2011, 04:26 PM	#4
PixelPusher Diamond Member Join Date: Oct 2008 Location: Arizona, USA Posts: 1,092	In Photoshop, i suggest Layer Masks. Open Image Drag image over new layer icon at bottom of layers palette This will Duplicate layer Go to Edit > Transform > Flip Vertical This will invert your duplicated image On this same layer, click third icon from left on bottom of layers palette This will add a layer mask to the duplicate layer Select the gradient tool (G) Be sure the layer mask is selected (there will be an outline on the four corners, and the color choice will be black and white) Be sure black is the foreground color Hold shift and drag upward though 1/2 - 2/3 of the inverted layer You will see it mask out part of the image Repeat and adjust as you see fit Note: you can also use the Brush tool (B) for more detail touches. Flip the colors and add white back where you want more of the image visible. If you dislike the final result, simply fill the mask white and start over. There is no loss to the image. Have fun! __________________ John Darling Graphic / Web Designer / Front-end Developer SmarterTools Inc. (877) 357-6278 www.smartertools.com jsdarling.com Last edited by PixelPusher; 10-26-2011 at 04:28 PM.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

10-26-2011, 11:32 AM	#3
goldenwaters Silver Member Join Date: Feb 2010 Location: Satellite-Town, Lagos, Nigeria, West-Africa. Posts: 110	Thanks Jason. It surely will help. Golden Waters.

10-29-2011, 07:09 AM	#5
goldenwaters Silver Member Join Date: Feb 2010 Location: Satellite-Town, Lagos, Nigeria, West-Africa. Posts: 110	Thanks Darling, i am very grateful. Golden Waters