PhotoshopForums.com Home
Navigate Contact FAQ Search Members
HowTo: Nice screenshots of web pages
Post new topic   Reply to topic    PhotoshopForums.com Forum Index -> General Photoshop and Design Discussion
 See a User Guidelines violation? Please contact us.
Author Message

knuckle05

Joined: 06 Jul 2009
Posts: 5



PostPosted: Fri Aug 21, 2009 7:51 am    Post subject: HowTo: Nice screenshots of web pages Reply with quote

Hi All,

Across a few sites, I've seen some product or demo shots of the site that are sort of shown with depth and a slight mirror reflection underneath.

ex: http://www.redzoneleagues.com/redzone/features/schedules

Can anyone provide some insight on how to do this, or perhaps a tutorial as I've been unable to find anything so far.

Thanks!
View user's profile Send private message

hawkeye

Joined: 14 May 2009
Posts: 2377
Location: Mesa, Az

OS: Windows 7 Pro 64 bit

PostPosted: Fri Aug 21, 2009 10:30 am    Post subject: Reply with quote

Duplicate the image to a new layer, then edit-transform-flip vertical and move it in place. Add a layer mask with a B&W gradient to fade the effect. Merge the two layers and use edit-transform perspective if you want to duplicate what the link shows.


ScreenShot002.jpg
 Description:
 Filesize:  33.61 KB
 Viewed:  204 Time(s)

ScreenShot002.jpg


View user's profile Send private message

knuckle05

Joined: 06 Jul 2009
Posts: 5



PostPosted: Fri Aug 21, 2009 10:32 am    Post subject: Reply with quote

Wow. Thanks.

Can you advise on how I can add the depth, where the left side of the image appears further back than the right side?
View user's profile Send private message

hawkeye

Joined: 14 May 2009
Posts: 2377
Location: Mesa, Az

OS: Windows 7 Pro 64 bit

PostPosted: Fri Aug 21, 2009 10:33 am    Post subject: Reply with quote

knuckle05 wrote:
Wow. Thanks.

Can you advise on how I can add the depth, where the left side of the image appears further back than the right side?


Like I said, merge those two layers into one then use Edit-Transform Perspective.
View user's profile Send private message

knuckle05

Joined: 06 Jul 2009
Posts: 5



PostPosted: Fri Aug 21, 2009 10:37 am    Post subject: Reply with quote

Okay, I see. I'll let you know how it goes. Thanks for the tip!
View user's profile Send private message
Display posts from previous:   
Post new topic   Reply to topic    PhotoshopForums.com Forum Index -> General Photoshop and Design Discussion All times are GMT - 6 Hours
Page 1 of 1
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You can download files in this forum


Contact - User Guidelines >

Copyright © 2003-2016. PhotoshopForums.com, iFroggy Network. All Rights Reserved.
Powered by phpBB © phpBB Group. phpBB SEO. Privacy Policy.
We are in no way affiliated with Adobe. Photoshop, Adobe and related marks are registered trademarks of Adobe.
PhotoshopForums.com