How to make vector cookies with shadows and depth of field effects

How to make vector cookies with shadows and depth of field effects

How to make vector cookies with shadows and depth of field effects

Here is the final result and picture used like reference for cookies, perspective and shadows.

vector-cake

cake-picture

1. Make a background using two shapes (square and triangle) and a white line.

cake-background

Use this color and gradient settings to illustrate the table for cakes.

cake-1

2. Make a new layer for plate. Add a white stroke with weight of 1px for a better contrast over table.

cake-2

3. Copy the shape and using “Direct selection tool” move down the top anchor. Select bottom anchor and drag a bit like in this image.

cake-3

5. Copy the first layer of the plate and place it behind. This will be used for shadow of plate. Apply a “feather” style with 25 pixels radius. Change the color to a more dark grey.

cake-4

Pages: 1 2 3 4
About reADactor

Try to be a mixer of inspiration, source of tutorials, tips and a reactor of your future design ideas, a place from where you can download freebies, vectors and web templates. Follow us on Twitter and Facebook

View all posts

Network News

Feedbox

Share this!

Subscribe to our RSS feed. Tweet this! StumbleUpon Reddit Digg This! Bookmark on Delicious Share on Facebook
  1. How to make vector cookies with shadows and depth of field effects « [Miguel Sá] | Blog

  2. Tweets that mention How to make vector cookies with shadows and depth of field effects | reADactor -- Topsy.com

  3. RUGRLN
    November 7, 2009 at 7:49 pm

    Nice tut….though from the angle u’ve shown, achieving a DoF like that is impossible…in this angle all the cookies are in the same distance from lens..the img is the correct angle for such a DoF effect..

    • reADactor
      November 7, 2009 at 8:47 pm

      Hi RUGRLN,

      Thanks. I know what you mean. I found that photo and i wasn’t thinking too far from there, from a photographer point of view. Maybe was used some macro settings?

  4. uberVU - social comments

Leave a reply

*

*

Your email address will not be published. Required fields are marked *