Karbon/Tutorials/Artistic Text Shape: Difference between revisions

From KDE UserBase Wiki
(Marked this version for translation)
No edit summary
 
(5 intermediate revisions by 2 users not shown)
Line 2: Line 2:
<translate>
<translate>
<!--T:1-->
<!--T:1-->
This tutorial will present you what you can do with the <menuchoie>Artistic Text Shape</menuchoice>.  While this tutorial was done using '''Karbon''', the shape is available in other '''KOffice''' applications, and will work in a similar way.
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-->
<!--T:2-->
Line 10: Line 10:


<!--T:3-->
<!--T:3-->
{{Tip|If a docker is not visible, you can either go to the "Settings > Dockers" menu, or right-click on a docker title, and then you can make that docker visible.}}
{{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 == <!--T:4-->
== First step with a text shape == <!--T:4-->
Line 16: Line 16:
<!--T:5-->
<!--T:5-->
{|class="tablecenter vertical-centered"
{|class="tablecenter vertical-centered"
|[[Image:Add-artistic-text-shape.png]] || To add an artistic text shape, go to the <manuchoice>Add shapeM/menuchoice> docker, click on the <menuchoice>Artistic Text</menuchoice> icon, and drag it to the canvas.
|[[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.
|}
|}


<!--T:6-->
<!--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]] in the toolbox. Then you can change the text to something like this.
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.


<!--T:7-->
<!--T:7-->
Line 31: Line 31:


<!--T:9-->
<!--T:9-->
After changing the <menuchoie>font</menuchoice> to "Steve", the <menuchoice>size</menuchoice> to 30pt, and setting <menuchoice>bold</menuchoice>, you can have the following shape in your canvas:
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]]
[[Image:Cool-artistic-text-shape.png|center]]


Line 46: Line 46:


<!--T:14-->
<!--T:14-->
To associate the text with the curve, you need to activate the <menuchoce>artistic text tool</menuchoice> by double clicking on the text, or selecting [[Image:Artistictext-tool.png]].
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-->
<!--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 click on the curve. In the  
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:
<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-->
<!--T:16-->

Latest revision as of 12:00, 30 December 2018

This tutorial will present you what you can do with the Artistic Text Shape. 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 Settings -> Dockers 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 Add shape docker, click on the Artistic Text 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 artistic text shape tool, 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 shape properties 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 font to "Steve", the size to 30pt, and setting bold, 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 Freehand Path Drawing Tool .

You should have something like this:

To associate the text with the curve, you need to activate the artistic text tool 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 Shape properties docker, you can adjust the text to get the following result:

You can detach the path by clicking on . You can translate, rotate and edit the text. If you change the curve, then the text will be updated.