Line Gradients on Apple.com

[NStocks]

Hello,

I'm trying to create a vector based line similar to those on Apple.com where a radial gradient cuts beneath a solid line.

I've tried a radial gradient in Illustrator (CS6) with another line placed on top, but it just doesn't look very good - there's no depth to it.

Any ideas?

Thank you

 

[Renzatic]

How's this look to you? (click for big)

I replicated the effect by using the pen tool to make a tapered line using the brush stroke command, duplicated the layer, added a drop shadow to the layer underneath, and tweaked it a bit til I got the desired results.

 

[NStocks]

Thanks for your reply.

I really need to keep this vector based and so I can't use PS.

 

[heehee]

Would a drop shadow in Illustrator work?

 

[davedee65]

How does this look? All done in Illustrator.

Cheers
D

 

[davedee65]

OOOOPS finger quicker than my brain!! Here's the screenshot I missed!

D

 

[NStocks]

OOOOPS finger quicker than my brain!! Here's the screenshot I missed!

D

Very close! I think all that needs changing is the darkness by 10% and a very thin line placed directly on top.

Please share how you did it

----------

Would a drop shadow in Illustrator work?

Nope because it is radial and not all the way along the line. It is also a gradient.

 

[davedee65]

Here's an updated version. Basically it consists of the thin line, and two lozenges with outer glow inside a clipping mask with a white box over the top to tidy up. I've attached an outline view to show the elements. I can send you the file if it helps?

D

 

[NStocks]

That looks very good!

How did you create the outer glow if there is no colour on the fill or stroke? Would you mind uploading the file please?

Thanks for your help

 

[davedee65]

the lozenges with the outer glow are filled with white. File attached.

Cheers
D

 

[NStocks]

the lozenges with the outer glow are filled with white. File attached.

Cheers
D

Excellent! Thank you very much.

 

[davedee65]

You're welcome

Cheers
D