PhotoshopForums.com Home
Navigate Contact FAQ Search Members
Making a CallOut Box with shadowed edges with transparency
Post new topic   Reply to topic    PhotoshopForums.com Forum Index -> General Photoshop and Design Discussion
 See a User Guidelines violation? Please contact us.
Author Message

JoeyG

Joined: 29 Mar 2010
Posts: 3



PostPosted: Mon Mar 29, 2010 10:30 am    Post subject: Making a CallOut Box with shadowed edges with transparency Reply with quote

I need to make a call out box for a tooltip and I need to match the existing style which has an all white content area, a shadowed edge that is transparent, See attached image example.


tooltip_eg.png
 Description:
 Filesize:  2.21 KB
 Viewed:  5102 Time(s)

tooltip_eg.png


View user's profile Send private message

hawkeye

Joined: 14 May 2009
Posts: 2377
Location: Mesa, Az

OS: Windows 7 Pro 64 bit

PostPosted: Mon Mar 29, 2010 3:27 pm    Post subject: Reply with quote

Use the pen tool to draw it, and save as a custom shape. Then you can add a drop shadow layer style.
View user's profile Send private message

JoeyG

Joined: 29 Mar 2010
Posts: 3



PostPosted: Mon Mar 29, 2010 3:30 pm    Post subject: Reply with quote

hawkeye wrote:
Use the pen tool to draw it, and save as a custom shape. Then you can add a drop shadow layer style.


I can duplicate the drop shadow, using the rounded rectangle and layer styles as you specify, but I just can't figure out how to make the shadow's gradient transparent.
View user's profile Send private message

hawkeye

Joined: 14 May 2009
Posts: 2377
Location: Mesa, Az

OS: Windows 7 Pro 64 bit

PostPosted: Mon Mar 29, 2010 3:59 pm    Post subject: Reply with quote

Use the opacity slider in the drop shadow layer style.


Untitled-2.jpg
 Description:
 Filesize:  66.31 KB
 Viewed:  5080 Time(s)

Untitled-2.jpg


View user's profile Send private message

JoeyG

Joined: 29 Mar 2010
Posts: 3



PostPosted: Tue Mar 30, 2010 11:30 am    Post subject: Reply with quote

hawkeye wrote:
Use the opacity slider in the drop shadow layer style.


I am definitely no PS expert, but from you picture I am guessing that I need to start with a transparent background (which I think has been my main problem) then on a different layer create my callout box and add a style to it for the drop shadow.

Since I am pretty much a newbie, I just needed know all the steps. Thanks.
View user's profile Send private message
Display posts from previous:   
Post new topic   Reply to topic    PhotoshopForums.com Forum Index -> General Photoshop and Design Discussion 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