PhotoshopForums.com Home
Navigate Contact FAQ Search Members
How do I create this graphic/image
Post new topic   Reply to topic    PhotoshopForums.com Forum Index -> Manipulation
 See a User Guidelines violation? Please contact us.
Author Message

OscarGamble

Joined: 31 Dec 2007
Posts: 1



PostPosted: Mon Dec 31, 2007 2:47 pm    Post subject: How do I create this graphic/image Reply with quote

Hey guys, I can't figure out the lingo for this technique so I figured I'd just ask.

http://rawnet.com/

see the right panel that says "Our Services" with links to "Web Sites" and "Presentations"... see how the top and side of the box is faded with dark edges and what not? It makes it stand out... How do you do that? Could anyone point me to a tutorial to do that?
View user's profile Send private message

helcyon

Joined: 02 Oct 2005
Posts: 191

PS Version: CS3
OS: OSX 10

PostPosted: Thu Jan 03, 2008 5:13 pm    Post subject: Reply with quote

Hey,


Open a new file with a white background.

Draw a white, rounded rectangle on the artboard, into a new layer.

Open the layer styles/blending options.

Under the top tab, Blending Options, put a check mark on "Layer Mask Hides Effects."

Click on the Outer Glow Tab.

Change the blending mode to normal and the color to black.

Mess around with the opacity, spread, and size sliders until it looks right.

Once you have your basic effect, you will need to hide the parts you don't want.

Instead of using the eraser tool, I like to use a non-destructive method for this.

Click on the button called, "Add Layer Mask" at the bottom of the Layers panel.

Choose a medium sized soft brush with a foreground color of black.

Use that like the eraser tool, and "paint" over anything you do not want.

(If you paint with a white brush, the image will come back)

After you get to that point, you can then crop/ slice the image to separate the different sections.

When you are saving images for the web, it is best to use the built in, "Save For Web & Devices..."

You want to have the lowest file size possible while still retaining the image quality.

Experiment with different settings. The save for web dialog box lets you change settings while showing you the output and file size.


I hope this helps. Ask if you have any more questions on this.

Kevin

_________________
www.kg-studios.com
View user's profile Send private message Visit poster's website AIM Address
Display posts from previous:   
Post new topic   Reply to topic    PhotoshopForums.com Forum Index -> Manipulation 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