 Good afternoon. My name is Ina Hensel. Welcome to the Phonework workshop. I will guide you to create your own Phonework geometry. We first have a look at what you can expect. I show you the current user interface of Phonework and then we make a Phonework with text on path. Then we make a Phonework with warp mode. I tell you something about the size of the text. I have some examples and tips. This is a appendix. There are some things about markup in file source. Who has worked already in the file source of shapes? I think I cannot skip it but we have to look at it. This is, for example, a Phonework with text here. Look at the user interface. You see the icons for the custom shapes. Here or here in the menu. Here you have an icon with an F. This F generates a predefined Phonework shape. The separation here gives the expression, as if custom shapes on Phonework shapes are different things. But that is not the case. In fact, a Phonework is only a special mode of a custom shape. Here you have things you can collect. You can click on and it will be positioned in the middle of the view area. That are only suggestions for styling. But when you have insert such shape and you click on it, you get a Phonework toolbar. It should be somewhere on your screen, likely in the bottom of where the status bar is. That has a flow term for geometries. There are 30 predefined ones here in the flow term. This workshop is how to create an own geometry for a Phonework. We start with text on paths. The predefined ones have only a few, which are really text on paths that are these six predefined ones. We will create a wave as a geometry. This image shows a wave as it is created with a curve tool. It is a cubic bezier curve, such as a start point and an end point, and has control points to determine how the curve is formed. But before we convert this to a Phonework, we look in the marker. We will work on the file itself. It is good to have it in a form that is readable, such as a pretty print printing, and you should enable it. That is in an options dialog. Then there in advanced. Then there is a button with open export configuration. In the search line, you enter pretty. That gives one result, and you only double click on it to set it to true. That is not normal when it is false. Then there are compact forms where all line ends and superfluous blanks are removed. It is hard to find the things which we need. We need a file to start with. So you should start draw and insert a rectangle from the basic shape category. Double click and enter a short text, and then it is important to do not a simple serve. Save it, but save it in the flat file format. Why I suggest to start with such a file is that you do not need to care about all the surrounding parts. You need not know what a draw page is, and you need not know how to style something, but that is already all in the file itself. We can focus really on the shape and see what changes we need to do to the shape. That is where you, as I have shown in the beginning, here. Here that are on the basic shape that are here in this drop down there is a rectangle. It is slow, and in this floater you have here a rectangle. For example, draw it and write some text. And when you save it in a flat format, that is here, flat XML format. Where can I save it? So, when you have saved it, you should open it in an editor. You can take any editor you like. Of course, if you have an editor which has some features concerning XML, that is nice. But even in Windows, the Notepad does what you want. Yes, please let me first open the... And the next, that was for pre-printing. And the next was we make a file which we can use. One way to go, slow everybody down. When you open it in an editor, it might be that you have very long lines. You can enter some line feeds. You find this part which we need at the end of the file. When you scroll down, you will find this text draw custom shape. Here at the very end of the shape, you will find this draw custom shape. You have found it? In general, this is a workshop, so if you have questions, please ask immediately. And not at the end. I first explain a little bit about this markup that you know what you see. I have here entered some line breaks so that it is not a long line. But the parts are beneath another. So markup consists of XML elements. If you know HTML, it's similar. An element has a starting. A check starts with this angel bracket. It has an end text that has the same name but with a slash before it. Between this text, there is a content of the element. The content can be simple text, as in this case, but it can contain other elements. Questions? There exist elements which have no content. They have only a starting, but it has this slash immediately before closing part. An element has attributes. And the custom shape has some attributes which are common to nearly all kind of shapes. You have reference to a style for the graphic. You have a reference to a style for the text. You have attributes which determine the size of the shape. And attributes for the position. And you have a sub-element p from a paragraph which contains the text that is seen on the shape. Unique for custom shapes is this element and hence geometry. This enhanced geometry has a viewbox. This viewbox determines an internal coordinate system. The meaning is left top. That is the origin of the coordinate system. And this is the width and that is the height of the box. A custom shape has a type. LibreOffice uses a type to assign some default values. So if you make your own shape, you need to replace it with something type and then non-primitive. That is a fixed word which indicates that it is a shape which you have done yourself. It's not a predefined somewhere. If you have that found in your text, you can already do that and replace this text rectangle with the text non-primitive. And then we have an attribute and hence path that describes the geometry itself. It has commands with a single letter. And behind that in most cases coordinates, I have here a list. Here for example, M means move to and sets the pan on point 00. We have an L for a line tool and in this case not only one line tool but several. And we have a command set for closing. We do not need it for fun work shapes. And N which says this path is finished. So for our curve, you need to know what commands you need to make a curve. Let us go back and look. We start with a few books. The few books, this internal coordinate system is free to what you use for it. But it makes things a lot easier if you really start with a left top with zero. And besides that, sometimes I don't like these large numbers, but you should use a value which fits to your drawing. And when I suggest here is to use a few books which goes with a width of 60 and a height of 30. So when you define this coordinate system, you should use for the width and height of the shape the same ratio. That makes it easier to understand what you have drawn. I read a moment so that you can change the text where you have an editor. So for width you enter 6 cm, for height 3 cm and you change the viewbox to these values. A viewbox is an attribute which is aligned with SVG. Therefore it has the prefix SVG here. ODF uses some attributes similar as in SVG. It's not original SVG, but if you know SVG you can understand that. Now we need the enhanced path. For the start point, we simply move to it. And this is in the middle of the height, so it is 15 cm. You would change the move to 0.15 cm. The command for drawing a bezier curve is C, the cubic bezier curve. The first pair of values is the coordinate of the first control point. And the second are the coordinates of the second control point here. And the last one are the coordinates of the endpoint. The enhanced path had a large number of different curve types. I have chosen here the bezier curve because you know it already from the curve command which we have in the UI. You will learn another one, hopefully, but this is for this wave. And when it is all went right, you can save your file. You should use a new name, of course, and save it still in FODT. And then you can open it in your Librovis and hopefully you get such a story. If it doesn't look like that, then you could go back and look whether you have already all these parts really changed in that way. That is a normal shape, and now we make a homework shape of it. That is the same markup, but only there is an additional attribute that is draw text path equals true. So you need to open the editor and add this attribute, save it again and open it in Librovis and homework. And then it should look this way. That means that the text now follows the curve we have drawn. When you have created such shape, you can style it in several ways. For example, here selecting another form and adding a shadow. This is a bitmap fill. Here I have turned it in 3D. That is all the same as with the predefined shapes. When you do that and you will keep the files for other documents, you should make your changes as really as hard, direct formatting. Then you can drag the shape and put it into your gallery. When you make it with a style, it will be lost when you drag it into the gallery. So to make files to collect in a gallery, make your styles all as direct styles. That means you open the area fill, drop down and select what you want for example. That is your first formwork shape. Questions so far? Microsoft OXML has a fixed set of formwork shapes and gives the user no ability to make their own formwork shapes. So you cannot export this in PPGX. But this enhanced path has no relative commands. They are all absolute, but you find the same kind of describing a path already in VML in the same way. It is always a command followed by a coordinate. There is surely one. I need to search for it, otherwise I can write one. Then we go to the next tab. You still need to open your file again in the editor. Now we change the geometry a little bit. Behind the part which makes the curve, you enter a new part which is a move to this point and then a line to this point. Which means it stores a straight line in addition to this curve. What do you expect? What happens? It's a real question. What do you expect when I have a second line in my path? I show you what happened. It looks like this. What happens there? Here is a screenshot. Here is an illustration. This brown dashed line that is a curve and the blue dashed line that is this line here. And the text is stretched between these lines. This is connected here and that here and so on. Here is this gap here that is a small letter that doesn't reach to the top. And here the y that goes down to here. This is called warp mode. When you stretch the text between two lines. It's more an example from the existing shapes. We have the open circle. We have in a mode called pull. It has six lines. And the text is stretched between. That is a general rule. If we have an even number of lines, then we have a warp mode. And we have the same with a cold open circle in the UI2. Which is an addition curve. It has three lines. And when we have an odd line of numbers, then the text follows the line. I don't know. I thought to make a practice with a warp mode too, but I think it's from time here not so good. What you should do is you define here a coordinate system. You have to look what your coordinates you need. You need a move, then a line, a line and so on. That gives such a markup. And when you have really finished, then it can look this way. I have a simple text alphabet here. And you see when you draw a line from left to right, then your letters are seen from front. And when you draw your lines from right to left, then you see the letters from the back. This is made with lines, a move tool and a line, a line, a line. When you exchange the line with y, then you get quarter ellipses. And then you have here really a round text. That does not exist in the predefined question so far. If you should have learned, a single line gives text online. Two lines give text between lines. What you need, you need only to enter the path in the enhanced path. You need to enter the geometry and you need to enter an additional attribute text path. Let us look at what we have in addition. There exists an additional attribute in ODF for which LibreOffice has no user interface. And that is an attribute text path scale. It determines how the text is fit to the path. Here, for example, is a text with a set to 50 points and the dashed line shows the path. When I now drag the shape wider, then I get this here. The text keeps the size and the path is longer than the text. That is, the text uses the size which is defined for the shape. This attribute is a simple edit where you have added the other attribute to the nominal size of the shape. This attribute has a second value. That value is called path. When you use that value, it looks this way. This is the same, but when you make it wider, you see that now the text really fills the whole path. To do that, the font size is drawn larger. That does not mean that the nominal font size is changed, but for rendering it is increased so that it fills the entire path. I want to point you to one problem in the user interface. The user interface has icons for alignment. Most people think that is alignment of a paragraph, but that is not the case. It has nothing to do with the paragraph alignment, but it is the settings which you make in text attributes. But you will find it. That means that this icon has a text justify that is nonsense. There exists no justify for phoneworks. We have a vertical alignment, but we have some command. You have seen I have here a text with two lines. That is possible, but you need to enter each text as own paragraph. That means you make a line, click enter, write the next line and enter. You cannot use shift enter and there is no wrap that text breaks at the end of a line. Of course you can make tricks when this is a predefined curve and when you do not like it that way, but you both want your text going here, then you can enter an empty paragraph. Or here that is still our wave, but I have used two paragraphs, one with Libre Office Components and one with the text Milan 20. The same is what you need to know is you cannot change the start of a text by using blanks. Or paragraph index. The text always starts at the start of the line. Even if you have entered blanks, they are ignored. You cannot align the text by using a center paragraph. Then what you need to center it in the text attributes. I can show some examples if you like or have any questions already. I show you some more examples. An interesting example is a straight line as a geometry. The geometry is really very simple, you have a move on the line. What do I get when I have this? When you have an ordinary shape and have a text on it. And when you then flip it vertically, do you know what then happened with the text? You have not worked with it. Yes, but you can flip it. And what do you get? When you flip it vertically, then your text is rotated by 180 degrees. It is not flipped the text. Straight, yes. But when you do the same with a formwork shape and you flip that, you really get a flipped text. It is a very simple formwork shape which allowed you to flip the text. In the beginning, in the start page, there was a spiral. This spiral is a Fibonacci spiral. How it is defined is described in Wikipedia. It is built from quarter ellipses. And it is very easy to convert that into a formwork shape because we have a command for a quarter ellipse. In this case, it is the y. And then you simply need to add the target point of the quarter ellipse. I think that is something that you should try when you are at home to get the markup is here. Then some of the existing shapes can be used as a formwork by simply adding this text path like true into the markup. And one of them is for example this five point star. And you can show, let your text follow this star outline. You see here, you need to be to trick a little bit. Here is a blank and here is a symbol from the from the phone. It belongs to the phone so that you get the words not broken in the corners of the shape but you can get this round. The same is possible with a heart. That's the same one. I skip the and show you what you can get. You can get some for example this one. That's the original heart only that is here at its text path too. And the type as I mentioned in the beginning is changed to non primitive. So that the developers get not confused with the predefined ones. Here I had added a dot to get the text at the right position. That's too long to explain. Sometimes you can change an existing shape by simply removing. Here I have removed the straight parts and then you get text here. But have still the handles to start and end position of the text. The needed markup is here all on the slide. So when you can download it already where the speakers are listened on that side there are all these parts. The uploaded files contain in addition a collection of all the shapes which I have talked about here. So you can take that file and when you like them you can drag them into your gallery. And it contains a file which has a macro library included so that you can enable or disable the formwork mode with a macro. And you can set the text switch between a modal shape and paths also with a macro. It's not an extension but you need to save the copy the files into your normal basic macro. I would prefer to go with an ono command on the user interface. Instead of opening a flat ODG and then writing... That is only about enabling or disabling a text path. We have to define the geometry you still need to go into the markup and edit the markup. We have no user interface to define our own... Not even writing a basic macro with a dialogue? Possible of course. That's not the question but it's a lot of work. Possible is it. If someone likes to make a full extension of it, that is possible. One addition, if you want to learn the other commands which are possible in this enhance path, there is a book about that which is under documentation as all the other documentation parts. And when you have a question after you have played around it at home, you can write an email to our users mailing this. Or you can ask on LibreOffice when you are at ask. I do not read it regularly, but when you enter at Regina in your post, then I'm notified and I can respond to it to you.