Karbon/Tutorials/Artistic Text Shape: Difference between revisions

From KDE Wiki Sandbox
No edit summary
No edit summary
 
(7 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{{Template:I18n/Language Navigation Bar|KOffice/Tutorials/Artistic Text Shape}}
<languages />
 
<translate>
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 KOffice applications, and will work in a similar way.
<!--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
* create a text shape
::* associate a text shape with a path
* associate a text shape with a path


::{|
<!--T:3-->
|[[Image:help-hint.png]]||'''Tip'''
{{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.}}
||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 =
== 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 "Add shape" docker, click on the "Artistic Text" icon, and drag it to the canvas.
{|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, to do this, you need to activate the ''artistic text shape tool'', 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.
<!--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, 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. || [[Image:Shape-properties-artistic-text-shape.png]]
{|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 ''Freehand Path Drawing Tool'' [[Image:Draw-freehand.png]].
<!--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]]


To associate the text with the curve, you need to activate the ''artistic text tool'' by double clicking on the text, or selecting [[Image:Artistictext-tool.png]].
<!--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]].


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  
<!--T:15-->
''Tool options'' docker, the ''Attach path'' 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 ''Shape properties'' docker, you can adjust the text to get the following result:
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:


[[Image:Cool-curvy-artistic-text-shape.png]]
<!--T:16-->
[[Image:Cool-curvy-artistic-text-shape.png|center]]


You can detach the path by clicking on [[Image:Artistictext-detach-path.png]]. You can translate, rotate and keep editing the text. If you change the curve, then the text will be updated.
<!--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:Office]]
[[Category:Tutorials]]
[[Category:Tutorials]]
[[Category:Graphics]]
[[Category:Graphics]]
</translate>

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.