It is currently Fri Mar 29, 2024 10:47 am


All times are UTC - 5 hours [ DST ]



Post new topic Reply to topic  [ 87 posts ]  Go to page 1, 2, 3, 4, 5  Next
Author Message
 Post subject: Text around arc tutorial
PostPosted: Mon Mar 18, 2013 8:18 am  (#1) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
This is a tutorial on how to place text around an arc or sphere.

Image


1. Go to file > New > 640x400 (default) is fine.

2. Use your Ellipse Select tool > Expand from center, and create a circle in the center of your layer, fill it with color. Use your move tool to center it. SELECT NONE

3. Now you want to make another selection out side this globe. Grow your selection 20 pixels.

Image


4. Now we will turn the selection to path.
Go to Select > To path.
You don't need your Selection anymore so SELECT NONE.

5. Now we will start with some text. Change your foreground color to black.
Type your text for the top of your arc. "This is the top of the arc."
Right click on the text layer > text along path.

6. Go to your path dialogue and click your ellipse and use your flip tool, make sure your path is selected and flip horizontal.
Image


7. Now you need to make some more text for the bottom. Type your text the same as you did for the top, right click and choose text along path.
Your path should curve along the bottom of your path. You can use your rotate and move tool to place them later.

8. After you have your two curved paths, top and bottom, you can delete the two original layers OR turn off the eyes to hide them. I prefer to delete them.
Image

Image


9. In Layers, make two new transparent layers at the top.
Name one top arc and the other bottom arc.

10.Click lower arc in new layer, go back to paths and click your lower arc, click path to selection. Change color, pick a color for the foreground, edit > change foreground color, Select NONE

11.In your layers, click upper layer in your new layer, go back to path and click upper arc > path to selection, change your fg color in your color dialogue, path to selection > edit > change fg color > select NONE
Turn eyes in paths off to hide paths

12.Go back to layers, select rotate tool and select upper arc, rotate to center it and use move tool to move it.into position. Repeat for lower layer.
Image


When you are all finished and you want your text a little different you can edit it. In mine, I used ICCII > layer effects > bevel and Emboss with the default settings.


Attachments:
Text around arc tutorial.pdf [188.39 KiB]
Downloaded 1385 times

_________________
Image
Share on Facebook Share on Twitter Share on Orkut Share on Digg Share on MySpace Share on Delicious Share on Technorati
Top
 Post subject: Re: Text around arc tutorial
PostPosted: Mon Mar 18, 2013 8:47 am  (#2) 
Offline
GimpChat Member

Joined: Sep 13, 2011
Posts: 77
I am right now working on path animations. This tutorial is great for beginners/intermediate users.

_________________
Using Windows Vista 32 bits, 3GBRAM, Intel core 2 Quad Q6600 2.4Ghz, Radeon HD 3450 graphics card, Lambda Lexicon USB audio interface.


Top
 Post subject: Re: Text around arc tutorial
PostPosted: Mon Mar 18, 2013 10:58 am  (#3) 
Offline
Retired Staff
User avatar

Joined: May 22, 2008
Posts: 6947
Location: Somewhere in GIMP
This tutorial reminds me of one of my biggest wants in GIMP. The ability to place text on a path where you want it to go.

Nice tut, Molly. :bigthup

Image

_________________
Image
World War IV will be fought with sticks and stones. - Albert Einstein


Top
 Post subject: Re: Text around arc tutorial
PostPosted: Mon Mar 18, 2013 11:01 am  (#4) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
That is very nice "0". I love your little world.
Thank you for doing my tute.

_________________
Image


Top
 Post subject: Re: Text around arc tutorial
PostPosted: Mon Mar 18, 2013 1:27 pm  (#5) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
Try watching this video. When he is flipping the sphere, it shows that the direction of the arrow is horizontal so that is what I did. I know it doesn't make sense but if by any chance you happen to click it twice, it will flip it back again.
video of curved tutorial

_________________
Image


Top
 Post subject: Re: Text around arc tutorial
PostPosted: Mon Mar 18, 2013 3:23 pm  (#6) 
Offline
GimpChat Member

Joined: Aug 05, 2011
Posts: 606
Location: limestone,ny
Image


Top
 Post subject: Re: Text around arc tutorial
PostPosted: Mon Mar 18, 2013 3:59 pm  (#7) 
Offline
GimpChat Member

Joined: Mar 04, 2013
Posts: 105
Thanks Molly for the tutorial and thanks He4rty for the 'glossy ball' tutorial, which I also used. :tyspin


Attachment:
Text on a Path_2.jpg
Text on a Path_2.jpg [ 50.12 KiB | Viewed 50836 times ]


Top
 Post subject: Re: Text around arc tutorial
PostPosted: Mon Mar 18, 2013 4:44 pm  (#8) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
Thank you Jas45. You did a beautiful job. I luv that ball, it is so nice and shiny.

_________________
Image


Top
 Post subject: Re: Text around arc tutorial
PostPosted: Mon Mar 18, 2013 8:48 pm  (#9) 
Offline
GimpChat Member
User avatar

Joined: Apr 08, 2010
Posts: 5420
Location: Northwest Ohio
great text tutorial....and you don't even need the circle in the middle. I just made the selection using the elipse tool and used that as the 'path', and added the stuff in the middle at the end, just for fun.
Image


Top
 Post subject: Re: Text around arc tutorial
PostPosted: Tue Mar 19, 2013 3:48 am  (#10) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
really nice 2-ton. and yes there are several ways to get to the same place. Yours sounds easier.

_________________
Image


Top
 Post subject: Re: Text around arc tutorial
PostPosted: Tue Mar 19, 2013 5:30 am  (#11) 
Offline
GimpChat Member
User avatar

Joined: Mar 23, 2012
Posts: 7301
Location: Göteborg at last!
Image

Thanks Molly. I didn't position "Erisian" very well but never mind.


Top
 Post subject: Re: Text around arc tutorial
PostPosted: Tue Mar 19, 2013 5:52 am  (#12) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
Looks good to me Eris...nice to see you posting again. woo hoo.

_________________
Image


Top
 Post subject: Re: Text around arc tutorial
PostPosted: Tue Mar 19, 2013 5:57 am  (#13) 
Offline
GimpChat Member
User avatar

Joined: Mar 23, 2012
Posts: 7301
Location: Göteborg at last!
Thanks. It's nice to be doing stuff again.


Top
 Post subject: Re: Text around arc tutorial
PostPosted: Tue Mar 19, 2013 12:39 pm  (#14) 
Offline
GimpChat Member
User avatar

Joined: Apr 08, 2010
Posts: 5420
Location: Northwest Ohio
Is there a way to have the text start at the starting point you select?


Top
 Post subject: Re: Text around arc tutorial
PostPosted: Tue Mar 19, 2013 12:42 pm  (#15) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
I don't understand your question 2-ton.

_________________
Image


Top
 Post subject: Re: Text around arc tutorial
PostPosted: Tue Mar 19, 2013 12:47 pm  (#16) 
Offline
GimpChat Member
User avatar

Joined: Apr 08, 2010
Posts: 5420
Location: Northwest Ohio
When you have the circular path, the computer picks where to start the text, so you have to rotate and move it to get to where you want it. If you could pick where you wanted the text to start, you would not have to rotate it, it would be there already.


Top
 Post subject: Re: Text around arc tutorial
PostPosted: Tue Mar 19, 2013 12:56 pm  (#17) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
As far as I know at this time, there isn't a way. BUT maybe someone else would know with some of those path scripts.
I remember FP's map with the animated path, you could set it at a starting place and destination.
Try making a path and stroke it with your text.

_________________
Image


Top
 Post subject: Re: Text around arc tutorial
PostPosted: Tue Mar 19, 2013 12:59 pm  (#18) 
Offline
GimpChat Member
User avatar

Joined: Apr 08, 2010
Posts: 5420
Location: Northwest Ohio
Ah, perhaps make just the arc, not the whole circle!
Erisian, did you fancy up your text before or after you did the text to path????


Top
 Post subject: Re: Text around arc tutorial
PostPosted: Tue Mar 19, 2013 1:10 pm  (#19) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
I did mine after the path cuz I used the ICCII filter and that adds layers, but you can do it either way.

_________________
Image


Top
 Post subject: Re: Text around arc tutorial
PostPosted: Tue Mar 19, 2013 1:28 pm  (#20) 
Offline
Script Coder
User avatar

Joined: Oct 25, 2010
Posts: 4726
2-ton wrote:
Is there a way to have the text start at the starting point you select?

Yes, open the circle at that point (add two points very close to each other, and delete the segments in between).

If the path is a perfect circle, you can create the text-along-path anywhere, and then use the Rotate tool in "Path" move and rotate the produce path around the center of the circle.

You can also use my text-along-path script, that works a bit differently and gives you a lot more control on the horizontal and vertical position of your text in respect to the "guide" path

_________________
Image


Top
Post new topic Reply to topic  [ 87 posts ]  Go to page 1, 2, 3, 4, 5  Next

All times are UTC - 5 hours [ DST ]


   Similar Topics   Replies 
No new posts Attachment(s) Quick and Easy Text Tutorial

5

No new posts Change From Cross Hair To Pointer (Quick Tip Text Tutorial)

2

No new posts Attachment(s) Lurid text effect plugin from Conbagui's tutorial (Edited)

18

No new posts Attachment(s) GEGL Text Style Collection - plugin with many fancy text styles

14

No new posts Attachment(s) manipulate a portion of text inside a text layer using python-fu

2



* Login  



Powered by phpBB3 © phpBB Group