Killersites Community: Tapered Shadow? - Killersites Community

Jump to content

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Tapered Shadow?

#1 User is offline   Eric 

  • PipPipPipPip
  • View blog
  • Group: Advanced Member
  • Posts: 2,430
  • Joined: 19-December 08
  • LocationCarlsbad, CA

Posted 14 May 2009 - 07:47 AM

How do you make a tapered shadow in photoshop? Like this page for instance. See how the shadow fades away? Thanks!
0

#2 User is offline   virtual 

  • PipPipPipPip
  • View blog
  • Group: Advanced Member
  • Posts: 881
  • Joined: 29-December 08
  • LocationLa Jolla, California

Posted 14 May 2009 - 08:31 AM

Draw a rectangle the size you want the tapering gradient to be, duplicate the layer and fill new layer with white for example.
On bottom layer, use gradient tool and fill with grey foreground to transparent background gradient.
Next go to top layer and Com+T or Ctrl+T and expand top layer to hide the majority of the gradient layer.
I hope this is clear? If not let me know
Lynne
180virtual
0

#3 User is offline   Eric 

  • PipPipPipPip
  • View blog
  • Group: Advanced Member
  • Posts: 2,430
  • Joined: 19-December 08
  • LocationCarlsbad, CA

Posted 14 May 2009 - 10:06 AM

Thanks a lot! I'll give it a try... If you have any free time it would be ever so helpful if you could make a little screencast for me? They're free and nothing to download - all done in the browser. Thanks!

http://www.killersit...ese-well-known/
0

#4 User is offline   Ben 

  • View blog
  • Group: Administrators
  • Posts: 5,413
  • Joined: 19-December 08
  • LocationChico, CA

Posted 14 May 2009 - 03:53 PM

My usual solution to this usually involves creating the shadow by using the rectangular select tool, filling the area with black, and then applying a gassian blur. The tapered part is applied by going to Edit -> Transform -> Skew, and adjusting the shape.

I'll try to do a screencast on this, but I'm crazy busy at the moment and I am not sure when I will get to it.
Benjamin Falk | Falken Creative : Twitter : KillerSites Screencast Blog
Skills: Photoshop, Illustrator, HTML, CSS, jQuery, PHP and CodeIgniter
0

#5 User is offline   Eric 

  • PipPipPipPip
  • View blog
  • Group: Advanced Member
  • Posts: 2,430
  • Joined: 19-December 08
  • LocationCarlsbad, CA

Posted 14 May 2009 - 04:00 PM

Cool - thanks a bunch Ben! I'll give that a try. I actually have two clients at the same time - first for me. It's a start...

If you find the time, a screencast would forsurely help. If not, no problem, I'm sure I have enough to go on...
0

#6 User is offline   Eric 

  • PipPipPipPip
  • View blog
  • Group: Advanced Member
  • Posts: 2,430
  • Joined: 19-December 08
  • LocationCarlsbad, CA

Posted 14 May 2009 - 04:23 PM

OK - stuck! I didn't know how to do a gassin blur, so I did it the only way I know how. So let's say I had this image. Can I taper the shadow on the left and right sides. Or no? Thanks!
0

#7 User is offline   Eric 

  • PipPipPipPip
  • View blog
  • Group: Advanced Member
  • Posts: 2,430
  • Joined: 19-December 08
  • LocationCarlsbad, CA

Posted 14 May 2009 - 10:26 PM

OK I finally got that to work, thanks for your help!

Now, what's the easiest way to cut out the center section of a graphic image in order to reduce it's width. I don't want to just adjust it's size as that will distort it. Should I use the slicing tool?

This post has been edited by Eric: 14 May 2009 - 10:28 PM

0

#8 User is offline   Ben 

  • View blog
  • Group: Administrators
  • Posts: 5,413
  • Joined: 19-December 08
  • LocationChico, CA

Posted 14 May 2009 - 10:35 PM

You could slice it. You could also flatten all layers, and simply use the crop tool.
Benjamin Falk | Falken Creative : Twitter : KillerSites Screencast Blog
Skills: Photoshop, Illustrator, HTML, CSS, jQuery, PHP and CodeIgniter
0

#9 User is offline   Eric 

  • PipPipPipPip
  • View blog
  • Group: Advanced Member
  • Posts: 2,430
  • Joined: 19-December 08
  • LocationCarlsbad, CA

Posted 15 May 2009 - 06:43 AM

Thanks Ben! I ended up doing this... With the Marque I tool I selected the outer sections >> then used the move tool to drop it into new doc >> moved them together >> then trimmed away the fat.
0

#10 Guest_Cashster09

  • Group: Guests

Posted 15 May 2009 - 08:03 AM

I looked at this post yesterday and tried it in photoshop but couldnt get the look i was looking for.
I too was looking to do this for a client..

Eric you could do a screencast?
0

#11 User is offline   Eric 

  • PipPipPipPip
  • View blog
  • Group: Advanced Member
  • Posts: 2,430
  • Joined: 19-December 08
  • LocationCarlsbad, CA

Posted 15 May 2009 - 08:15 AM

Quote

I looked at this post yesterday and tried it in photoshop but couldnt get the look i was looking for.
I too was looking to do this for a client..

Eric you could do a screencast?


Sure! But I didn't do the screencast. A very nice girl over at Sitepoint did. But here it is just he same...

http://www.screentoa...bottom_gradient
0

#12 User is offline   CrimianVaid 

  • View blog
  • Group: New Members
  • Posts: 3
  • Joined: 20-August 09
  • LocationChicago, IL

Posted 20 August 2009 - 11:14 AM

I am a big fan of the 'Add Layer Mask' if I am looking to taper things such as these.
Masks are your friend.
0

#13 User is offline   Iverson 

  • View blog
  • Group: New Members
  • Posts: 5
  • Joined: 23-March 10

Posted 02 June 2010 - 02:02 PM

How do you slice an image.

Thanks

Pat

:blink:
Come see me at indiana web design.
Have a great day...
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users