Acorn Acorn 5

Text to Bezier Shape 


text to bezier.acorn



This tutorial will outline how you can convert text to a bezier shape as well as how to use the 'exclude paths' Boolean operation to remove the center of a rectangle.  To start, create a new image, File ▸ New.  The dimensions used here are 1200 x 900 pixels with a white background.


Select the rectangle shape tool.  In the inspector palette, make sure the fill box is checked and the stroke is unchecked.  The color of the rectangle doesn't matter since it will change in subsequent steps.  Draw out your rectangle.  With the rectangle selected, change its dimensions in the inspector palette to 1000 x 700 in the width and height fields.


text_to_bezier_shape1.png

Now draw out a second rectangle.  Change the color of the rectangle to black.  Change the rectangle's dimensions to 800 x 500 in the inspector palette.  Go to View ▸ Guides and Grids and make sure Snap to Canvas is checked.  Using the move tool, move the rectangles to the center of the canvas.  They will snap in place once you get close to the center.

bezier text.acorn

Use the smaller rectangle to create a hole in the larger rectangle.  To do this, select both shapes by choosing Select ▸ Select All.  Then go to Shape ▸ Exclude Paths.


text_to_bezier_shape3.png


It's time to add the text!  Go to Layer ▸ New Shape Layer.  Choose the text tool from the tools palette.  In the inspector palette, choose your text settings.  The font and settings used here can be seen in the image below.  When you are ready to stop editing the text, click outside the text box or hit the escape key.  Choose the move tool and line up your text in the center of the canvas.


text_to_bezier_shape4.png


With your text selected, choose Shape ▸ Convert to Bezier Shape.  Click on the Bezier shape tool in the tools palette.  Click and drag on an anchor point to modify the text appearance.   For more details on moving and modifying anchor points, you can read up on 'Bezier curves'.   The 'A' and 'n' here have been stretched out to touch the rectangle.

text_to_bezier_shape5.png


Now choose Layer ▸ Merge Down.  Click the 'fx' button at the bottom of the inspector palette and choose Stylize ▸ Drop Shadow.  Play around with the drop shadow settings to make things pop!


 Screen Shot 2015-05-18 at 2.46.45 PM.png



text to bezier.acorn