Acorn Acorn 6

Drop Shadows




There are a few different techniques for giving text and shapes a shadow.  The shapes shadow option in the inspector palette and drop shadow filter methods are described below.  Since text and shapes are essentially treated the same (they are both vector based), text will be used as the example.  



Shapes Shadow Option


With the text box selected, click on one of the shape tools in the tools palette.  This will bring up the vector shape options in the inspector palette.


drop_shadows0.png

Click on the bottommost option in the inspector palette which is the Shape Shadow:  


Screen Shot 2017-05-22 at 12.03.18 PM.png


Check the shadow box, then adjust the blur and shadow position.  To adjust the shadow color, click on the color well below where it says ‘Offset’ to bring up the colors palette.


drop_shadows2.png




Drop Shadow Filter


Another method for giving text, shapes, or a bitmap layer a drop shadow is to use the drop shadow filter.  Type out your text.  Make sure the text layer is selected in the layers list.  


drop_shadows3.png


Go to Filter ▸ Stylize ▸ Drop Shadow.  You can adjust the way your drop shadow looks by using the Y Offset, X Offset, and the Blur Radius sliders.  You can also change the color of your shadow by clicking on the shadow color well to bring up the colors palette. You can see the changes you make in real time on your text.


Screen Shot 2015-05-14 at 1.51.42 PM.png

drop shadows final.acorn





Customizable Drop Shadow


A combination of Acorn’s filters can be used to create a more customizable drop shadow.  Below are some examples of filters you can use to create drop shadows that have a gradient, pixelation, line overlay, and generated circles.  Use the keyboard arrow keys in the offset fields to adjust the position of your drop shadow.  Use the opacity and gaussian blur filters to give your shadow a more traditional appearance. 



gradient drop shadow.acorn

Screen Shot 2016-07-12 at 2.16.19 PM.png

hexagonal pixelate.acorn

Screen Shot 2016-07-12 at 2.33.49 PM.png

line overlay drop shadow.acorn

Screen Shot 2016-07-12 at 2.40.52 PM.png

drop_shadows12.png

Screen Shot 2016-07-12 at 2.38.56 PM.png