...

View Full Version : Any ideas how to create this graphic?



BabyJack
04-05-2009, 08:16 PM
http://www.codemc.com/

I want to try and create the graphic that is featured on the homepage of this site. It's the big image on the site, aligned to the right of the content text.

Any ideas, tutorials or something to aid me?

Regards,
Jack

Rowsdower!
04-06-2009, 08:26 PM
Basic starter's examples are here:
http://www.planetphotoshop.com/curved-type-reflections.html
http://www.tutorial9.net/photoshop/the-5-essential-photoshop-reflections/

Video walkthrough here:
http://www.metacafe.com/watch/yt--zrNsQExh-A/photoshop_cs4_tutorial_simple_easy_reflections/

Then to fade away you just apply a layer mask with a gradient on the reflection layer. It can take some practice to master but it's not too tough to get a working sample even as a beginner. For curved reflections I believe you'll just be applying a warp to the layers (requires Photoshop CS2 or higher).


Oooh, and this one, too!
http://www.photoshoptalent.com/photoshop-tutorials/pst/645/Advanced-reflections.html

This gets into doing non-horizontal reflections which is what you'll need to get used to with any type of interesting reflections...


And also this one:
http://denmuel.blogspot.com/2007/10/car-reflection-in-photoshop.html

This is a video tutorial on creating a reflection of a car in 3/4 view...

BoldUlysses
04-06-2009, 10:10 PM
For curved reflections I believe you'll just be applying a warp to the layers (requires Photoshop CS2 or higher).

Warp is one way; another alternative might be to use the Shear filter (Filter > Distort > Shear).

Rowsdower!
04-07-2009, 01:41 PM
Warp is one way; another alternative might be to use the Shear filter (Filter > Distort > Shear).

Ah, I didn't know about Shear. Cool! This seems pretty handy as it preserves your shear line between layers and uses (that way you don't have to try to match the curve of the reflection to the curve of the original as you would have to do with warp). Another bonus is that you don't have to have CS2 or higher because it's present on my version of Photoshop 7.

The one minor downside seems to be that you have to rotate the image onto its side before using shear (and then rotate it back when you're done with shear) but for the avoided hassle of trying to match one curve to another I'd say this is my new way of choice!

Check out the quick and rough sample image here (http://rowsdower.freehostia.com/Reflection.png) that I whipped up using Shear...

Well I used to have the image embedded in this post but freehostia stopped displaying it :(. The image still exists at the directory listed but you'll have to copy and paste the URL to get to it because for some reason I can't even direct link to the image even though I haven't disabled hotlinking.

This lovely image is based on the results page of a google image search for "photoshop curved reflection." The PSD file is here (http://rowsdower.freehostia.com/Reflection.psd) if you want to see the layers, masks, and opacities that were used to get there. I'm a photoshop beginner so bear that in mind as you look at this. :D

BabyJack
04-08-2009, 06:10 PM
My Photoshop version is CS4.

Your link to the image doesn't work.

Rowsdower!
04-08-2009, 08:24 PM
CS4 is higher than Photoshop 7 so you're fine. You'll have all of my options plus a few. Can't say why you are unable to view the PNG file (it's there, I just checked). Did you copy the link and paste it into your address bar?

Anyway, I'm attaching a jacked up JPEG version here so you can at least see what you can get with the "Shear" tool...

BabyJack
04-08-2009, 08:58 PM
Looks nice.
Hopefully, I'll be able to customize it to my liking.

Thanks guys!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum