Solved

how is this drop shadow type effect possible

Posted on 2006-07-11
2
363 Views
Last Modified: 2011-10-03

hi experts

i am capable of creating a shape and, by using the blending options of that layer, putting a drop shadow 'underneath' that shape. however, i don't understand how it is possible to create this particular type of effect. the effect has a drop shadow that tapers off towards each end of the shape, making it look as though the shape is further away from the background in the middle of the shape, than at the end. for examples, look at the main area on these sites, and notice how the layer looks closer to the eye in the middle of the layer, than it does at the end. as though the ends are stuck to the browser, but the middle of the page has been lifted up slightly...

http://www.yuldezign.com/
http://www.solutionstream.com/
http://www.mediamente.biz/
http://www.desarrollosdigitales.net/ (a complete rip of the site above by the looks of it!)
http://www.biego.com/ (just tapered towards the bottom)
http://comunidad.uem.es/ (tapered just to the bottom again)

any help would be greatly appreciated, and certainly worth 500 points.

thank you!
0
Comment
Question by:geordie007
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 6

Expert Comment

by:TheRookie32
ID: 17086397
I believe it is a normal shadow with a mask applied over it.

Meaning create you drop shadow on your object with the styles in the layers pallette
Then click the mask button so there is a mask on your layer.
Select your gradient tool and using the white to black gradient, draw a gradient on your mask.

It should be tapered on the end now...  If you want it tapering on both ends, modify the gradient so it has black in the middle and white on the ends.

let me know if this works...
0
 
LVL 9

Accepted Solution

by:
Slynky earned 500 total points
ID: 17094014
Hi, geordie007,

Well, I've tinkered around and I can make the tapered and "bowed" shadows just as I see in the example.  In fact, hard to tell the difference.  NOW, I'm not saying this is the way it was done but this is the way to "replicate" the final result.

(general instructions, NOT step-by-step):

Using the Marquee, make a square or rectangle selection;
Fill it with white;
Add a drop shadow to it (adjusting it to make it flare out a bit more than normal...jiggle the spread, etc.);
With the selection still going, Edit --> Transform --> Warp;
In warp, pull the corners back where you want the drop shadow to be pulled back or taper out;
Press enter and you have a bent "box" with a bent drop shadow that follows the one side you altered;
NOW, just add a new layer above this one and mark off a selection with the marquee that catches the slightest bit of the dropshadow at the corners and making sure you have left enough in the middle so that it gets fatter in the middle and then tapers off getting slimmer on the other side.  In other words, cover up all you have drawn except the THAT portion of the drop shadow you want to bow out.

Give it a try and see what you get...I get something looking exactly like what you showed.  If I've been too vague, "give me a ring".

Regards,
Slynky
0

Featured Post

[Live Webinar] The Cloud Skills Gap

As Cloud technologies come of age, business leaders grapple with the impact it has on their team's skills and the gap associated with the use of a cloud platform.

Join experts from 451 Research and Concerto Cloud Services on July 27th where we will examine fact and fiction.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

HOW TO CREATE A WEB 2.0 IMAGE WITH A REFLECTION I would like to start by saying I know Web 2.0 isn't a style. It is actually the practice of information sharing or  collaboration on the Web. It is also associated with the technology that is used …
Read about why website design really matters in today's demanding market.
In this tutorial viewers will learn how to correct colors in Photoshop using the Color Balance adjustment Open a photo for editing in Photoshop: Open a photo for editing in Photoshop: Select "OK" on the dialogue: The Color Balance adjustment works b…
In this tutorial viewers will learn how to create a vector texture to apply a non-rasterized texture to vector images, using Photoshop and Illustrator Open a textured image such as a scanned-in piece of cardboard in Photoshop: Convert the texture to…
Suggested Courses

632 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question