Find out more about the “Show Off Your Avatar Campaign
RocketTheme  |  General  |  General Discussion  |  Topic: Creating Mirrored Screen shots « previous next »
Pages: [1] Go Down Print
Author Topic: Creating Mirrored Screen shots  (Read 3462 times)
Firefrog
Professional
Rocketeer
*
Offline Offline

Posts: 64


Creating Mirrored Screen shots
« on: July 08, 2006, 12:18:18 AM »

Hi all apologies if this is the wrong spot to post this...

I have tried in PS and FW creating a similar effect to that seen on rockethemes front page, the mirrored template screen captures. I have tried using skew and perspective but can't seem to get it to look right and takes me forever tweaking things I run into trouble trying to get the mirrored section lining up and looking right......

I am not new to PS but a noob at FW's, can anyone point me in the right direction on the steps to take to make this happen?

Cheers

David
Logged
Andy Miller
RocketTheme
Hero Rocketteer
*
Offline Offline

Posts: 5974


RTTC Kahuna

Re: Creating Mirrored Screen shots
« Reply #1 on: July 08, 2006, 06:48:16 AM »

Did you check out my mirrored text effect video?  It's the same principal but with a little skewing.
Logged
Dave Gee!
Professional
Hero Rocketteer
*
Offline Offline

Posts: 1294


Second Life name: Stretch Mayo (a rockin' Raptor)

Re: Creating Mirrored Screen shots
« Reply #2 on: July 08, 2006, 08:23:23 AM »

I've found that if you have a small case 'g' or 'y' or other letter, that when they hang below the rest of the letters, the mirrored effect doesn't look as well.

dave
Logged

Washington D.C. (sometimes San Diego)
"I'm an individual, just like everyone else."
Andy Miller
RocketTheme
Hero Rocketteer
*
Offline Offline

Posts: 5974


RTTC Kahuna

Re: Creating Mirrored Screen shots
« Reply #3 on: July 08, 2006, 08:39:07 AM »

The trick is to pick a font where they don't hang below Smiley
Logged
Yves
Global Moderator
Hero Rocketteer
*
Offline Offline

Posts: 4389


Yves

WWW
Re: Creating Mirrored Screen shots
« Reply #4 on: July 08, 2006, 10:51:45 AM »

For Photoshop users, here is a simple tutorial which learn how to create a mirror image effect with text and images:

http://tutorialblog.org/reflecting-text-images/
Logged

Firefrog
Professional
Rocketeer
*
Offline Offline

Posts: 64


Re: Creating Mirrored Screen shots
« Reply #5 on: July 09, 2006, 12:15:08 AM »

Thanks for those thoughts - I was having trouble with the skewing! The mirror bit is easy easy..

We sat down last night and figured it out...I'm not the best at perspective changes...But we got it sorted!

Is it possible to create one of those screenshots that has a gradient mask and maintain clean transparency. I want to put the images into veratility 2 lime and match the gradients of the background?

Any tips on acheiving this.
Logged
Andy Miller
RocketTheme
Hero Rocketteer
*
Offline Offline

Posts: 5974


RTTC Kahuna

Re: Creating Mirrored Screen shots
« Reply #6 on: July 09, 2006, 08:02:38 AM »

It's exactly the same principle as with the text, but if you plan on dropping it on a transparent gradient, you will need to match the gradient up.  The other solution is to use a 32bit alpha png with traparency, but then you run into problems with IE, and will be forced to use one of those pnghacks, which are problematic.
Logged
Firefrog
Professional
Rocketeer
*
Offline Offline

Posts: 64


Re: Creating Mirrored Screen shots
« Reply #7 on: July 10, 2006, 06:34:41 PM »

hmmmm....So I need to place my image on a gradient that perfectly matches the gradient of the background - doesn't sound easy. Time for solid colours in my main content areas I think..... Sad
Logged
Pages: [1] Go Up Print 
RocketTheme  |  General  |  General Discussion  |  Topic: Creating Mirrored Screen shots « previous next »
Jump to: