Design tutorials    
 
     
CitraTemplate - Website templates design
Search website template desing
Website Template Design Website Template Design Website Template Design Website Template Design Website Template Design
  Search website templates Search :
 
search template design
Tutorials web desgin
Artcile collections
Free link  directory
     
     
Home page
WEB TOOLS
Free web tools
web design
Template products
TEMPLATES
Web templates design
webdesign
SEO web tools
SEO NEWS
Website SEO News
website design
Web design tutorials
TUTORIALS
Web Design Tutorials
design web
Article collections
ARTICLES
Article Collection
template design
 
Marketiva is a financial services or forex online trading system
Submit a site Submit a Site Exchange links Link to Us
All web templates
Show all web templates design
all flash template
Website Template Design
Most poppular
The most poppular website templates
most poppular
Website Template Design
 
Website Template Design
Last added template
MoneyBookers Account
Electronic currency payment system for FREE
Website Template Design
Premium Templates
Website Template Design
Website Template Design
Web Templates Website Templates
Web Templates Swish Templates
Web Templates PHP-Nuke Templates
Web Templates Icon Sets Design
Web Templates WordPress Themes
Web Templates Flash Templates
Web Templates osCommerce Templates
Web Templates phpBB Skins
Web Templates CRE Loaded Templates
Web Templates Flash Intro Templates
Web Templates Corporate Identity
Web Templates Logosets Design
Web Templates Zen cart Templates
Website Template Design
Website Template Design
Others Categories
Website Template Design
Template last added
 Last Added Templates
Template last added
 Most Popular
Template last added
 Zero Download
Template last added
 Low Budget
Website Template Design
Website Template Design
Free Download
Website Template Design
 
Download free website templates
Free Templates
Download sample web Templates for free
Download Free Templates View Free Download
 
Download free clipart adn logo design
Free Clipart & Logo
Download free Clipart & Web desing elements
Dwonload free clipart View Free Download
 
Download firefox with google toolbars
Free Firefox
download firefox Download Firefox
Website Template Design
 
Website Template Design
Valid XHTML 1.0 Transitional Valid CSS!
Website Template Design
 
Website Template Design
LibertyReserve ecurrencies
Website Template Design
Website Template Design
Photoshop Tutorials
Website Template Design
 
Tutorial Photoshop - Wednesday, January 02, 2008
Simple Reflection and Shine

To have a reflection, we need to start with something to reflect. This technique can be used with text or images - I'm using the image below, which I grabbed from clantemplates.com in their renders gallery.

Step One: Reflection Image

To have a reflection, we need to start with something to reflect.

This technique can be used with text or images - I'm using the image below, which I grabbed from clantemplates.com in their renders gallery.

If you're using an image, open it up and make sure it's in RGB mode (Image, Mode, RGB mode).

For text, create your word(s) and rasterize them (right-click the text layer and choose "Rasterize Type").

image 1

Step Two: Double the Canvas Height

Our next gotta-have for reflections is room to reflect in.

If you're using text, you're probably fine - you'll usually have plenty of room left over on your canvas.

Images are another matter. Click "Image" and choose "Canvas Size". Then, change the measure to "percent" and un-tick the "Relative" box. Next, put 200% in the height box. Finally, click the middle-top button with arrows in it so that the canvas will stretch straight down. Click OK.

image 2

Step Three: Flip Vertical

We've got plenty of room to hold a "double" of our image (or text) now.

Duplicate your original image (or select it if it's on the background layer and choose Layer - New - Layer via Copy). Then, click "Edit", "Transform", "Flip Vertical". This turns your duplicated image upside down but doesn't change its orientation.

To push the flipped duplicate into place, click your "Move" tool. Use the down-arrow key on your keyboard to make the duplicate start moving down.

Using the arrow keys instead of your mouse makes the image move pixel-by-pixel in one single direction. This way, you won't be trying to make the reflection line back up - it won't ever go out of line.

image 3

Step Four: Apply a Layer Mask

Layer masks are nifty things - they make it possible to completely erase parts of images without actually touching the original.

Click "Layer", choose "Layer Mask", and pick "Reveal All".

Now, you'll see a second icon on your reflection layer. This is the layer mask. The way that layer masks work is simple - black "hides" parts of the image beneath the mask, and white "reveals" them.

The other thing you'll notice is that your foreground and background colors have switched to black-and-white. This is temporary, and will only show up while the layer mask is selected.

Use your gradient tool to make a gradient that is white on top and black on bottom, making the reflection "fade" towards the bottom.

image 4

Step Five: Lower the Fill

The only thing that's left to really make this look like a reflection is to fade the whole look just a bit.

Locate the 2 sets of numbers above your layers in the layer palette. One set says "Opacity", the other says "Fill". Lower the fill by adjusting the slider to the left until you have a beautiful reflection.

At this point, you can crop it up for perfection.

Simple Reflection Tutorial: Final Result

Step Six: Shine Image

Now that you've done a reflection, the shine is going to be super-easy.

Start with an image you want to add shine to. I'm going with a simple circle that has a bevel and emboss applied.

image 6

Step Seven: Start the Shine

The actual shape you'll use for your shine will depend on the image and location you're placing the shine. Usually, though, it will be some form of a circle.

Create the shine-shape in white and rasterize the layer.

image 7

Step Eight: Add a Layer Mask

Look familiar? That's right - this is exactly the same as the reflection. Add a layer mask and gradient on the mask so that the shine smoothly fades out.

Simple Shine Tutorial: Final Result

Your Ad Here
 
 
 
Website Template Design
Web Tutorials
Website Template Design
Website Template Design
Creating Web Using Dreamweaver Dreamweaver
Creating Web Using Dreamweaver
Creating Web Using Dreamweaver Macromedia Flash
Animation & ActionScript Tutorials
Creating Web Using Dreamweaver Photoshop
Design Web Using Adobe Photoshop
Creating Web Using Dreamweaver ImageReady
Adobe ImageReady Tutorials
Creating Web Using Dreamweaver PHP Language
PHP Language Tutorials
Website Template Design
 
RSS : RSS 0.2 RSS Valid
Website Template Design
Website Template Design
Live Support
Website Template Design
Website Template Design
Website Template Design
Check for FAQ 24/7 Live Chat Support
Check for Terms of Usage Technical Support
Check for Terms of Usage Billing Questions
Website Template Design
Website Template Design
Template Information
Website Template Design
Website Template Design
Check for FAQ Check for FAQ
Check for Terms of Usage Terms of Usage
Website Template Design
Website Template Design
Link Partners
Website Template Design
Website Template Design
Templatemonster Templatemonster
Web Design Library Web Design Library
Site2you Site2You
Template tuning Template Tuning
Flash design Grahacitra.com
Link Exchange iWEBTOOL.com
sman matauli SMAN 1 Plus Matauli
Seknas MHA Seknas MHA
Yayasan Dharmais Yayasan Dharmais
Website Template Design
 
 
 
Design tutorials    
Website Template Design Website Template Design
  Copyright 2007 @ CITRATEMPLATE.
All Rights Reserved
  Main menu : Front Page | Template Products | Seo News | Tutorials | Articles | Sitemap | Award | Link to Us | Directory
Partners : Link Exchange Directory. Exchange links the easy way! | Linkslister | Linkdash | Partners | Resources - Link Exchange | ComExchange - Link | Trade web Links | Add Your Links | links highway |