Monday, 26 May 2014

Text along a circle

There are several ways how to put text on a curved path.

One is using the build in Gimp feature of 'Text along path'.
For a description look here: Gimp Manual

An alternative is ofnuts' excellent 'Text-Along-Path' python plug-in, 
which has a ton more options.

You can find the description here: Plug-in Manual

and download it here: Download

on Windows, put it in your:
C → User → gimp-2.8 → plug-ins folder


Another good way of putting text on a path is using Inkscape.
You can edit and scale the text a lot easier than in Gimp !

PhotoAdvanced2 on Youtube has a good tutorial on that topic:

and this one, by VscorpianC is even better:

01. I start with a canvas of 400x400px and guides at 50% horizontally and vertically.

EDIT 2016: choosing a 400x400px canvas was a huge mistake. 
Never, i repeat, never work with such small dimensions !

I used this canvas size because it looks good for the tutorial format but it can also easily give you jaggy edges on the finer details of your text.

So be warned and use a canvas of at least 800px or bigger for your work.

02. Create a circular selection, starting at the crossing of your guides.
Make sure you have  'Expand From Centre' and 'Fixed' ticked in the Tool Options.

02. Convert the selection to a path, then deselect.

03. In your paths tab, left click on your circle-path, go to Tools and then 'Text Along Path'.

Type your text and make sure you have the right options activated.

04. Call up the Rotate-Tool and make sure its set to path.

05. Create a new transparent layer, call up a selection from the text-path and fill it with a colour of your choice. Then deselect !
Also turn off the text-path

06. Call up the Flip Tool, make sure its set to path and flip the circular path horizontally.
It may seem nothing has changed, but you just changed the direction of the path.
The effect will be clear in the next step.

07. Call up the 'Text Along Path' plug-in and type something else.

08. Fill the selected path with colour, then deselect and turn off all paths.

09. Make a circular selection from the center of the page, fill it on a new transparent layer with a colour of your choice, then shrink the circular selection and cut.

10. I added a dropshadow to the text and a bevel.

11. Applied a 'New from visible' to the text and bevel-layers (or choose merge down in the bevel dialogue before you click okay), then made the text more shiny with a curve.
Also filled the background with a slate pattern.

12. To finish this project, i added Noise (G'MIC -> Degradations -> Noise [additive]) and a stroke to the red ring, plus a subtle dropshadow.

That concludes this tutorial.
Thank you !

No comments: