Karbon/Tutorials/Artistic Text Shape: Difference between revisions
m (moved Karbon/Artistic Text Shape to KOffice/Tutorials/Artistic Text Shape: Lets give it some structure.) |
No edit summary |
||
| (10 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
This tutorial will present you what you can do with the Artistic Text Shape | <languages /> | ||
<translate> | |||
<!--T:1--> | |||
This tutorial will present you what you can do with the <menuchoice>Artistic Text Shape</menuchoice>. While this tutorial was done using '''Karbon''', the shape is available in other '''Calligra''' applications, and will work in a similar way. | |||
<!--T:2--> | |||
In this lesson you will | In this lesson you will | ||
* create a text shape | |||
* associate a text shape with a path | |||
: | <!--T:3--> | ||
{{Tip|If a docker is not visible, you can either go to the <menuchoice>Settings -> Dockers</menuchoice> menu, or right-click on a docker title, and then you can make that docker visible.}} | |||
= First step with a text shape = | == First step with a text shape == <!--T:4--> | ||
{| | <!--T:5--> | ||
|[[Image:Add-artistic-text-shape.png]] || To add an artistic text shape, go to the | {|class="tablecenter vertical-centered" | ||
|[[Image:Add-artistic-text-shape.png]] || To add an artistic text shape, go to the <menuchoice>Add shape</menuchoice> docker, click on the <menuchoice>Artistic Text</menuchoice> icon, and drag it to the canvas. | |||
|} | |} | ||
After adding the shape, you might want to edit the text and display something more interesting | <!--T:6--> | ||
After adding the shape, you might want to edit the text and display something more interesting. To do this, you need to activate the <menuchoice>artistic text shape tool</menuchoice>, either by double clicking on the newly created shape, or selecting [[Image:Artistictext-tool.png|16px]] in the toolbox. Then you can change the text to something like this. | |||
[[Image:Boring-artistic-text-shape.png]] | <!--T:7--> | ||
[[Image:Boring-artistic-text-shape.png|center]] | |||
{| | <!--T:8--> | ||
| Since you want a cool text, you will need to change the font | {|class="tablecenter vertical-centered" | ||
| Since you want a cool text, you will need to change the font. This is done by changing the properties in the <menuchoice>shape properties</menuchoice> docker, where you can change font, the style, and also the ''Offset'' which will be used to control the position of the text on a path shape. || [[Image:Shape-properties-artistic-text-shape.png]] | |||
|} | |} | ||
After changing the font to "Steve", the size to 30pt, and setting bold, you can have the following shape in your canvas: | <!--T:9--> | ||
[[Image:Cool-artistic-text-shape.png]] | After changing the <menuchoice>font</menuchoice> to "Steve", the <menuchoice>size</menuchoice> to 30pt, and setting <menuchoice>bold</menuchoice>, you can have the following shape in your canvas: | ||
[[Image:Cool-artistic-text-shape.png|center]] | |||
= Path follower = | == Path follower == <!--T:10--> | ||
This is still a very straight, flat text. Now we want a curvy text. To do this, we will need to create a path, for instance, using the | <!--T:11--> | ||
This is still a very straight, flat text. Now we want a curvy text. To do this, we will need to create a path, for instance, using the <menuchoice>Freehand Path Drawing Tool</menuchoice> [[Image:Draw-freehand.png]]. | |||
<!--T:12--> | |||
You should have something like this: | You should have something like this: | ||
[[Image:Cool-artistic-text-shape-and-curve.png]] | <!--T:13--> | ||
[[Image:Cool-artistic-text-shape-and-curve.png|center]] | |||
<!--T:14--> | |||
To associate the text with the curve, you need to activate the <menuchoice>artistic text tool</menuchoice> by double clicking on the text, or selecting [[Image:Artistictext-tool.png|16px]]. | |||
<!--T:15--> | |||
Then, if you move the mouse on top of the curve you will see the cursor changing to a hand, you will need to doubleclick on the curve<!--. In the | |||
<menuchoice>Tool options</menuchoice> docker, the <menuchoice>Attach path</menuchoice> icon [[Image:Artistictext-attach-path.png]] is now enabled, and you need to click on it--> to attach the path. Using the offset in the <menuchoice>Shape properties</menuchoice> docker, you can adjust the text to get the following result: | |||
<!--T:16--> | |||
[[Image:Cool-curvy-artistic-text-shape.png|center]] | |||
[[Image: | <!--T:17--> | ||
You can detach the path by clicking on [[Image:Artistictext-detach-path.png]]. You can <menuchoice>translate</menuchoice>, <menuchoice>rotate</menuchoice> and <menuchoice>edit</menuchoice> the text. If you change the curve, then the text will be updated. | |||
<!--T:18--> | |||
[[Category:Office]] | |||
[[Category:Tutorials]] | |||
[[Category:Graphics]] | |||
</translate> | |||
Latest revision as of 12:00, 30 December 2018
This tutorial will present you what you can do with the . While this tutorial was done using Karbon, the shape is available in other Calligra applications, and will work in a similar way.
In this lesson you will
- create a text shape
- associate a text shape with a path
Tip
If a docker is not visible, you can either go to the menu, or right-click on a docker title, and then you can make that docker visible.
First step with a text shape
 |
To add an artistic text shape, go to the docker, click on the icon, and drag it to the canvas. |
After adding the shape, you might want to edit the text and display something more interesting. To do this, you need to activate the , either by double clicking on the newly created shape, or selecting 
in the toolbox. Then you can change the text to something like this.
| Since you want a cool text, you will need to change the font. This is done by changing the properties in the docker, where you can change font, the style, and also the Offset which will be used to control the position of the text on a path shape. | 
|
After changing the to "Steve", the to 30pt, and setting , you can have the following shape in your canvas:
Path follower
This is still a very straight, flat text. Now we want a curvy text. To do this, we will need to create a path, for instance, using the 
.
You should have something like this:
To associate the text with the curve, you need to activate the by double clicking on the text, or selecting .
Then, if you move the mouse on top of the curve you will see the cursor changing to a hand, you will need to doubleclick on the curve to attach the path. Using the offset in the docker, you can adjust the text to get the following result:
You can detach the path by clicking on 
. You can , and the text. If you change the curve, then the text will be updated.