Acorn Acorn 7

Outer and Inner Glow



aliens text_final.acorn


This tutorial will outline how you can give your text an outer and inner glow effect using both a simple method and a more complicated one.



Outer Glow


First, create a new image in Acorn, File ▸ New (⌘N).  The dimensions used here are 1200 x 1200 pixels with a white background.  Type out some text.  The font style, and size can be seen in the palette below.  A dark gray color is chosen in the fill color well in the tools palette.



Screen Shot 2021-03-26 at 3.13.58 PM.png


Choose Filter ▸ Stylize ▸ Fuzz Stroke.  Play around with the settings, the ones used here can be seen below.  Click on the 'Stroke Color' box in order to change the color of the outer glow in the colors palette.  Your text should now appear to have a glowing outer edge!  If you want to go back and change the settings of the outer glow, just double click on the 'fx' to the right of your text layer in the layers list.  


Screen Shot 2021-03-26 at 3.16.08 PM.png

An additional method to achieve an outer glow is to add two drop shadow filters to your text layer.  You can then adjust the offsets to have the glow appear along all the outer edges.


Screen Shot 2021-03-26 at 3.18.37 PM.png


glow text final.acorn



Inner Glow


Type out some text.  Go to Filter ▸ Stylize ▸ Inner Shadow.  The settings used here can be seen below.  To easily duplicate the Inner Shadow filter, hold down the option key while clicking and dragging on the filter.  Place the duplicated filter above or below the current one in the filters list.


Screen Shot 2021-03-26 at 3.20.56 PM.png


Play around the the blur radius, opacity and offsets to make the glow more or less “glowy”.







More Complicated Glow


To take creating an outer glow to the next level, there are some additional steps to apply.  Create a new image in Acorn, File ▸ New.  The one used here is 1200 x 1200 pixels with a white background.  Select the gradient tool and create a gray to black radial gradient.  


Screen Shot 2021-03-26 at 3.26.20 PM.png


Type out your text.  The font, size, and settings used here can be seen below.


Screen Shot 2021-03-26 at 3.28.10 PM.png


Go to Filter ▸ Stylize and add the following filters:


Screen Shot 2021-03-26 at 3.31.14 PM.png


Your image should be looking good!


Screen Shot 2021-03-26 at 3.32.23 PM.png


To create a little more brightness along the edges, duplicate your text layer (⇧⌘D).  Disable the filters by right-clicking on the 'fx' on the right side of the layer and choosing 'disable layer filter'.  Change the color of the duplicated text layer to the same blue you used in your filters.  


Screen Shot 2021-03-26 at 3.33.51 PM.png


Move the duplicated text layer below the original text layer.  Select the move tool.  Using the arrow keys, move the duplicated text layer up or down a few pixels so that it gives the boundary a nice glow.  Repeat the steps of duplicating the layer again if you want additional brightness.


Screen Shot 2021-03-26 at 3.35.03 PM.png



1__#$!@%!#__aliens text_final again.acorn