Web Design Forum  

Go Back   Web Design Forum > Web and Graphic Design > Graphic Design

Reply
 
LinkBack Thread Tools Display Modes
Old 10-26-2011, 10:00 AM   #1
Silver Member
 
Join Date: Feb 2010
Location: Satellite-Town, Lagos, Nigeria, West-Africa.
Posts: 110
Default 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.
goldenwaters is offline   Reply With Quote
Old 10-26-2011, 10:34 AM   #2
Gold Member
 
Join Date: Feb 2011
Location: Australia
Posts: 383
Default

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
DHDdirect is offline   Reply With Quote
Old 10-26-2011, 12:32 PM   #3
Silver Member
 
Join Date: Feb 2010
Location: Satellite-Town, Lagos, Nigeria, West-Africa.
Posts: 110
Default

Thanks Jason. It surely will help.
Golden Waters.
goldenwaters is offline   Reply With Quote
Old 10-26-2011, 05:26 PM   #4
Super Moderator
 
PixelPusher's Avatar
 
Join Date: Oct 2008
Location: Arizona, USA
Posts: 1,092
Default

In Photoshop, i suggest Layer Masks.
  1. Open Image
  2. Drag image over new layer icon at bottom of layers palette
  3. This will Duplicate layer
  4. Go to Edit > Transform > Flip Vertical
  5. This will invert your duplicated image
  6. On this same layer, click third icon from left on bottom of layers palette
  7. This will add a layer mask to the duplicate layer
  8. Select the gradient tool (G)
  9. 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)
  10. Be sure black is the foreground color
  11. Hold shift and drag upward though 1/2 - 2/3 of the inverted layer
  12. You will see it mask out part of the image
  13. 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 05:28 PM.
PixelPusher is offline   Reply With Quote
Old 10-29-2011, 08:09 AM   #5
Silver Member
 
Join Date: Feb 2010
Location: Satellite-Town, Lagos, Nigeria, West-Africa.
Posts: 110
Default

Thanks Darling, i am very grateful.

Golden Waters
goldenwaters is offline   Reply With Quote

Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT. The time now is 02:12 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2014, vBulletin Solutions, Inc.
Content Relevant URLs by vBSEO 3.6.0 ©2011, Crawlability, Inc.