Karbon/Tutorials/Artistic Text Shape: Difference between revisions

    From KDE UserBase Wiki
    (Markup edit)
    (Marked this version for translation)
    Line 1: Line 1:
    <languages />
    <languages />
    <translate>
    <translate>
    <!--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 <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.


    <!--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-->
    {{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 "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-->
    {|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 <manuchoice>Add shapeM/menuchoice> docker, click on the <menuchoice>Artistic Text</menuchoice> icon, and drag it to the canvas.
    |}
    |}


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


    <!--T:7-->
    [[Image:Boring-artistic-text-shape.png|center]]
    [[Image:Boring-artistic-text-shape.png|center]]


    <!--T:8-->
    {|class="tablecenter vertical-centered"
    {|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]]
    | 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]]
    |}
    |}


    <!--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 <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:
    [[Image:Cool-artistic-text-shape.png|center]]
    [[Image:Cool-artistic-text-shape.png|center]]


    == Path follower ==
    == Path follower == <!--T:10-->


    <!--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]].
    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:


    <!--T:13-->
    [[Image:Cool-artistic-text-shape-and-curve.png|center]]
    [[Image:Cool-artistic-text-shape-and-curve.png|center]]


    <!--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 <menuchoce>artistic text tool</menuchoice> by double clicking on the text, or selecting [[Image:Artistictext-tool.png]].


    <!--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 click 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-->
    [[Image:Cool-curvy-artistic-text-shape.png|center]]
    [[Image:Cool-curvy-artistic-text-shape.png|center]]


    <!--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.
    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>
    </translate>

    Revision as of 13:02, 15 September 2010

    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.

    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 <manuchoice>Add shapeM/menuchoice> 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 <menuchoie>font</menuchoice> 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 <menuchoce>artistic text tool</menuchoice> 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 click on the curve. In the Tool options docker, the Attach path icon 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:

    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.