citrus and mint
  • blog
  • shop
    • clip art and papers >
      • clip art
      • digital papers
    • patterns >
      • sewing patterns
      • embroidery patterns
    • art prints >
      • all art prints
      • downloadable art prints
      • house portraits
    • fabric
  • about
  • tou
  • fabric
  • contact
  • instagram
  • corrections

      tutorial tuesday: drop shadow basics

4/3/2012

0 Comments

 
Drop shadows are key to taking a layout from looking computer-generated to looking like you made it with actual paper supplies. They add depth and realism.  In order to achieve that realistic look, you have to venture out of the default drop shadow setting.  I promise it is easy.  (side note: I use Photoshop Elements, but in Photoshop CS you can do more things with shadows to make them look realistic like warp them and choose the blend mode.  Sadly I cannot, so this tutorial will not include changing those settings) [. . .]

no shadows

Picture
This has no shadows (except for the "tickles" whose shadow was saved permanently, oops). See how flat it looks?

default shadows

Picture
With default shadows, everything seems to be 'floating' on top of each other instead of layered. Open this up larger to really see the difference between this and altered shadows.

altered shadows

Picture
This looks a little more realistic. The photos and papers look like they are 'resting' on top of the other layers rather than 'floating' in space.

tips

1. These are the things you can change in Photoshop Elements:
Lighting Angle- changes the angle of light and 
therefore the angle of your shadow
Size- changes the size of your shadow, not to be 
confused with the distance.  The size will 
make your shadow softer or harder on 
the edges.  Small size=hard edge
Distance- changes how far away your shadow 
is from the layer underneath
Opacity- changes how dark the shadow is

2. Vary your shadows for different objects.  A button makes a larger shadow than a piece of paper or a photo. Sahlin Studio recommends the settings listed below.  That's too much for me to memorize so I usually just play with the sliders until I am happy with the result. 

Flat Paper/photos: distance 14/size 20
Stacked Paper/photos: distance 20/size 21
Flat Ribbons/strings: distance 33/ size 35
Ribbons/strings: distance 46/ size 49
Flowers: distance 46/ size 49
Stitches/staples: distance 7/ size 12


3. The closer an object is to the layer below, the darker the shadow will be because less light gets to it. For example, a paper sits closer to the background than a flower, so it would have a darker shadow.

4. Change the angle of the shadow.  Most people use the default 120 degrees, but I think that 45 degrees or -45 degrees looks more striking. Some of my pages use 120 degrees, some 45, some -53.  I like to live on the wild side, always changing.

5. Once you get a shadow that you like, you can right click on that layer and 'copy layer style'.  Then you can paste that layer style on any layer that you want to have the same shadow as that one.  Just right click on the layer you want to paste it to and click 'paste layer style'. My friend Brittany just barely showed me this, and it is a life saver!  I used to go through each layer one by one to fix the shadows! (I showed how to do this in the last step of the tutorial below)

6. Many times designers will pre-shadow templates for you.  When replacing a shape with an actual element, use the method in tip #4 to copy that element's layer style before deleting it and replacing it with your own so that you can paste that layer style to your actual element.

drop shadow basics.

Picture
Picture
Picture
Picture
Picture
Picture
0 Comments



Leave a Reply.

    Picture
    Hi! I'm Rachel and welcome to Citrus and Mint! Here you will find unique hand drawn illustrations for yourself or  someone you love.

    Picture
    Picture
    Picture
    Picture
    Picture

    archives

    July 2020
    May 2020
    April 2020
    August 2019
    February 2019
    December 2018
    June 2018
    April 2018
    February 2018
    November 2017
    September 2017
    August 2017
    July 2017
    May 2017
    February 2017
    December 2016
    September 2016
    July 2016
    May 2016
    April 2016
    March 2016
    February 2016
    January 2016
    December 2015
    October 2015
    September 2015
    August 2015
    May 2015
    April 2015
    March 2015
    February 2015
    January 2015
    December 2014
    September 2014
    May 2014
    April 2014
    March 2014
    February 2014
    January 2014
    December 2013
    November 2013
    September 2013
    August 2013
    July 2013
    June 2013
    May 2013
    April 2013
    February 2013
    January 2013
    November 2012
    October 2012
    August 2012
    July 2012
    April 2012
    March 2012
    February 2012

Proudly powered by Weebly
©citrusandmint contact subscribe pinterest facebook