Acorn Acorn 7

Heart Path Text



Acorn’s path text makes creating text designs simple.  This tutorial will outline how to create a vector heart, then place text around the heart.  


To start, create a new image, File ▸ New.   The dimensions used here are 1200 x 1200 pixels with a white background.  Select the Bézier pen tool.  Be sure to read and watch the video tutorials on how to use this tool:  Bezier Curves,  Bézier Basics Part 1  (video tutorial), Bézier Basics Part 2 (video tutorial).  You can download the heart shape used in this tutorial here.


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

Once you have your heart shape looking good, go to Edit ▸ Copy, then Layer ▸ New Layer with Selection.  You should now have two layers in your layers list with a heart shape.  Hide the visibility of lower layer by clicking on the visibility icon.  Click on your uppermost layer in the layers list to select it.


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


Click and hold on the text tool and a drop down menu will appear.  Choose path text.  Click on your shape where you want the path text to start and write out your text.


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


If you want the heart shape to appear in the middle of your text, click on the visibility icon of the lower heart layer.  


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



To make the heart shape smaller, click on the heart with the move tool to select it.  Hold down the shift key while dragging inwards on a corner boundary.  By holding down shift, you can maintain the aspect ratio.  Use the move tool to recenter the shape within your text.

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


And you’re done!

Hearth Path Text.acorn





See Also:  Path Text, Path Text on Text, Path Text Basics (video tutorial)