Go Back   Hardware Forums > Software Support Forums > Graphics Design

Reply
 
LinkBack Thread Tools
Old 19-05-2006, 04:25 PM   #1 (permalink) Top
iMod

 
Matt555's Avatar
 
Join Date: May 2005
Age: 21 Male
Posts: 3,844
Times Helpful: 238
My Mood: Happy
Status: Offline

My Computer

Default Reflection and Shine Tutorial

In this tutorial I will be teaching you how to add some nice shine and a reflection to your images. The image we will be using is like my signature although you are free to use your own images. This tutorial was made in Photoshop CS.
SHINE
First off create a new image. Make it a decent size (give youself a nice room to work with, you can always crop later).

Add the shape you want to add the shine to like in the image below. (mine is a rounded rectangle - radius 15px. Dark glue gradient with a slight white inner glow)

Now create a new layer and name it shine. CTRL - Click on the layer below (the shape layer) and then select the elliptical marquee tool, make sure it is set to 'Subtract from Selection'. Now drag out an area so you leave yourself a small shape at the top like the one in the image below. (this may require taking more of the selection away by repeatedly dragging over the selected areas you want to get rid of)

Now go to Select > Modify > Contract > 1px.

Now set your foreground colour to white and choose the gradient tool. Make sure the gradient is set to 'Foreground to Transparent'. Drag from the top of your image to about half-way between the bottom of the selection and the middle of your image.

Adjust the opacity of your shine until it looks more a part of the image (you'll nee to do that by eye for your image - I set mine to 65%)

Duplicate that layer and then go to Edit > Transform > Flip Vertical. Move this layer to the bottom of your image and lower the opacity until it's not so striking (I used 40% for my image)

Now create a new layer and call it 'Blurry' Now CRTL-Click on your bottom shine layer to highlight it's selection on the blurry layer and go to Select > Feather > 50px. (you may get a box appear saying your selection edges won't be visible, click ok as this doesn't matter)

Using your gradient tool (with the same gradient as set in a previous step) drag from the bottom of the image to the middle of the image. Lower the opacity of this layer until it's only just visible. (Mine only needed a slight adjustment to about 90%)

Now CRTL-Click on the main shape layer. Hold CTRL and SHIFT and Press 'I' to invert the selection. Now press delete (this will get rid of anything on the 'Blurry' layer that is outside the main shape - useful if you're thinking of putting a background behind all this when you're done)

There you have a nice shine!


REFLECTION
To compliment the shine - we're going to add some reflected text.
WIth your document open click the text tool. Select your desired font, colour and size (I used white, size 72 and Tw Cen MT Condensed).

Add your text in the middle. (I used a space in between my letters as I think it's a nice look)

Now lower the opacity of the text layer slightly (I used 80%)

Duplicate the text layer and go to Edit > Transform > Flip Vertical. Move this layer so it's positioned just under the text above it.

Now click the 'Add layer mask tool' (located at the bottom of your layers pallet it looks like a grey rectangle with a white circle in it). Select the gradient tool, set your foreground colour to black and your background colour to white. Make sure the 'Foreground to Background' Gradient is selected.

The layer mask shows areas that are white and doesn't show areas that are black, so drag as the diagram below directs you to.

Now lower the opacity of that layer slightly until it looks a little more subtle. (I used 50%)

There we have our text reflection!

I hope this tutorial helps you!

__________________
  Reply With Quote
The Following User Says Thank You to Matt555 For This Useful Post: Show me >>
Whats this? G15 Gaming Keyboard
G15 Gaming Keyboard
Seller Price (inc. VAT) Delivery Total Price Availability Seller Rating
Misco.co.uk £52.84 £3.99 £56.83 In Stock Rated: 4 out of 5 - Number of votes: 1355
Tekheads.co.uk £54.99 £4.95 £59.94 In Stock Rated: 3 out of 5 - Number of votes: 310
Dell Business £44.35 £8.23 £52.58 In Stock Rated: 0 out of 5 - Number of votes:
Old 19-05-2006, 04:14 PM   #2 (permalink) Top
The King

 
Addis's Avatar
 
Join Date: Jan 2004
Age: 18 Male
Posts: 5,255
Times Helpful: 403
My Mood: Drunk
Status: Offline

My Computer

Nice tut Matt, was wondering how you made that banner on your site.
__________________
Never trust a program you don't have the source code for.

My website | Powerful Desktop Linux | Linux for human beings | Linux for power users | Linux for ricers
Send a message via MSN to Addis   Reply With Quote
Old 13-06-2006, 12:59 AM   #3 (permalink) Top
It's D Grav80 Of Luv
 
Karanislove's Avatar
 
Join Date: Jan 2006
Age: 23 Male
Posts: 3,460
Times Helpful: 160
My Mood: Cool
Status: Offline

My Computer

Thanks for the great help Matt. After so long time, today I got time to make a shadow design.....Your tutorial helped me a lot, please tell me where I am lacking behind in this design.
__________________
__________________________________________________ ___


Troubleshoot a Dead/Unbootable PC / Microsoft Events Viewer

Troubleshoot Printer / Most Common Home Audio Problems_
  Reply With Quote
Old 13-06-2006, 08:11 AM   #4 (permalink) Top
iMod

 
Matt555's Avatar
 
Join Date: May 2005
Age: 21 Male
Posts: 3,844
Times Helpful: 238
My Mood: Happy
Status: Offline

My Computer

I think you need something to define the edge of the iamge a bit more, it's non existant on the left hand side.

I tihnk the top and bottom black bars need to be a bit more gradual as well. So they're a bit more 'full'
__________________
  Reply With Quote
The Following User Says Thank You to Matt555 For This Useful Post: Show me >>
Old 14-06-2006, 10:47 PM   #5 (permalink) Top
It's D Grav80 Of Luv
 
Karanislove's Avatar
 
Join Date: Jan 2006
Age: 23 Male
Posts: 3,460
Times Helpful: 160
My Mood: Cool
Status: Offline

My Computer

I think this will have less critics then previous one. Critics Matt!
__________________
__________________________________________________ ___


Troubleshoot a Dead/Unbootable PC / Microsoft Events Viewer

Troubleshoot Printer / Most Common Home Audio Problems_
  Reply With Quote
Old 15-06-2006, 03:19 PM   #6 (permalink) Top
iMod

 
Matt555's Avatar
 
Join Date: May 2005
Age: 21 Male
Posts: 3,844
Times Helpful: 238
My Mood: Happy
Status: Offline

My Computer

That one's a lot better than the last one definitely, maybe reduce the effect you've got on the edges of the background though.
__________________
  Reply With Quote
Reply

Bookmarks


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

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 Off
Pingbacks are On
Refbacks are On
Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
PHP - Beginner Tutorial Waffle Web Development 5 08-03-2008 01:58 AM
Smileys Tutorial Matt555 Tutorials 2 16-03-2006 02:24 AM
Intel Equipped Macs Shine syngod News and Article Comments 2 15-07-2005 04:23 PM
Tutorial requests do50 Graphics Design 6 24-12-2004 05:56 PM
Sig Tutorial Waffle Tutorials 21 10-12-2004 09:23 PM


All times are GMT +1. The time now is 06:21 AM.


Copyright © 2000 - 2008 · HARDWAREFORUMS.COM · All rights reserved