 Hello everyone, my presentation is about graphic design, but graphic design using Libre Office and the small, simple, turtle graphics programming language of Libre Office, Libre logo. I will try to show nice examples and to show the hidden things related to the graphic capabilities of Libre Office and Libre logo. I will try to load big documents and maybe making some simple programming, so I hope everything will work fine. So, short introduction, my name is Lászlón Émet, I work for Collabora and as a free software activist or volunteer, I work it on different Libre Office projects, for example in the area of spell checking and related linguistic things and also on Libre logo. Libre logo is related to the logo programming language developed long ago by MIT Media Laboratory for psychological research and later it was very useful to teach the children for programming and in fact not only children. The first slide show a Brazilian learning, not experiment, but event for adults, for teachers or not teachers. One of the contributors of Libre logo is a presenter here and try to educate teachers without any programming experience in an easy way using this Libre logo. One of the most important thing with Libre logo is the vector graphics of Libre Office. So, the result of the simple programs is useful for graphic design using books. For example, this is a Brazilian book by Gilman Villarim about Libre logo and the book cover is made using Libre logo. The first examples are not this one, sorry. I am using a development version of Libre Office and not the system installed version so I will start a little movie about the features of Libre Office draw, not about Libre logo yet and I will show the Easter egg-like graphics coupled with Libre Office because Libre Office is quite... We tried to draw something in this short video using an ellipse, drawing an ellipse converting to curve so we can select its selection points and moving the control points parallel, the left and right control points making over shape and with this over shape we can make a 3D object and moving this rotation axis. We can try, we can make Easter egg, really an Easter egg in Libre Office so it is not a well-known feature of Libre Office using such things and I mentioned book covers. There are two short textbooks about Libre logo, black and white and the more colored version and I will... I can show the printed version of the left one and I will give you to check the resolution of the cover of this little test book so it is quite good, if I am right, I think and the book has other features, very nice features. When I edited this little book I tried to use the DTP-like feature of Libre Office so the letters uses literatures and other special functions of the embaged graphite fonts of Libre Office for example this font has real different size letters of the same font type and there are very small letters in this book but the small letters a little bit wider so maybe a little bit more readable yet but we can compress the text and contain using this more readable smaller letters so for a moment I will show that this book covers, this will be behind the skin section the first one, this is black and white, only printed version is black and white but as we can see there is an interesting turtle-like graphics and this contains the well-known logo spiral, box spiral and we can move it in this picture or there is a Veserali-like graphics drawn by simple Libre logo programs, there is two Dragon Curves in the picture and the Snow Flakes, so it's an example to use Libre Office and Libre logo for more complex vector graphics. The next one is a textbook for pupils, not only for teachers and I will try to, I will use the command line, it's a little bit more helpful for me and this one is, this one. The book cover, if of this textbook use this similar trick but if we try to move the background I can show you that this is a line graphics but using the feature of Libre Office, the transparent gradient we can make much more spectacular, nice graphics with this mod so when I, yes, this is the source code of the Hilbert curve I try to more readable, change somewhere and there is a logo toolbar for Libre logo in the view toolbar menu here it is and using this logo toolbar it's possible to run the program in the writer document for example this one and here is a result, you can make some zoom to show the drawing you can hide the turtle if you want a little bit faster drawing in Libre Office and with a similar way I made a poster for schools a few years ago the poster, the line drawing around the poster is one single object in Libre Office so it's possible to draw much more bigger line graphics in Libre Office using this little tall Libre logo so in fact the book contains several program code and if you select the code you can compile and run the code between the book two another example using Libre Office, Libre Office draw in this example I made a bitmap graphics using GIMP based on a photo and later I added a little text and this at the right corner, right bottom corner there is a text meaning orthography in Hungarian language because this poster about the new Hungarian orthographical reform it's a very controversial reform and I've involved in this project in fact I made the Hungarian spelling dictionary for the language and this reform was not so nice for me so I will show a little bit examples about the graphics because graphics design in Libre Office can combine different tools for example GIMP or ink space for vector graphics and the result can use at the end in Libre Office draw for example the more interesting graphics capability of Libre Office for example more easier text handling so this is an original photo made in our holiday the left girls are my daughter so when I try to translate the picture in a black and white version in GIMP I've got this one so it's not so nice but if you can use the graphics capability of GIMP in different the layer technology you can add for example this hand on the picture and the other missing parts of the picture there is a layer mask using this combinitis picture maybe I can show how it's possible to the layer mask can handle the different parts of the original picture and I can set different for these little parts I can set different factor when I convert that to the black and white picture so maybe I can make a trick for example I can hide some parts of the picture yes for example this hand and I can convert save export as maybe there is a hidden dialogue somewhere but it's very hidden so it's possible to modify the picture also in and this is the I try to yes this is the ODG file for the final version of the poster and when I converted to PDF in LibreOffice the final poster I was able to use ImageMagic to convert it to bitmap again but in the requested size using the convert tool of ImageMagic it's possible to give a correct pixel size this was the request of the contest this somewhere there was a name Arts or in English Face this is the name of the biggest Hungarian Guyant poster or graphic design contest in Hungary but it was not so good for the final selection but the meaning of the poster is that to give a like for the new Hungarian orthography reform and there are three examples for the new translations give a like for the new Hungarian loan words this is the exact translation hacker, loser and selfie these are the words but because this is the source I can modify for example I can make LibreOffice like for example hack or be a user and share with us or something there is a new very useful function of Impress and Draw this little button at the zooming this fits slide to current window so it's possible to with one click to fit the picture to the size and we can remove for example these parts loading picture for example this was the yes this one I downloaded and maybe this is a color logo this one is there is no preview yes because this is a yes the white and white white and transparent logo so it's a little bit ugly but I try to demonstrate to use the external graphics tool in LibreOffice Draw so there is a edit with external tool command in the local menu of the pictures so this will show in the default image viewer of the system for example on Linux in this Linux this is the what is called some G-like yes but in this tool we can edit another one external tool to edit this is the Gimp so it's not so easy and especially if I try to it seems somewhere there is a Gimp yes and where is the picture it seems I lost this one is the small yes sorry I try to edit the back and white picture it is the logo of LibreOffice and I try to edit with Gimp here one I will add green background I am afraid it's not the official LibreOffice color code but I can check maybe somewhere there was a similar one or no it's not the similar LibreOffice green 18 3 3 8 sorry and 00 it's ok this one we can check it in the wiki but I will use a simple green no so it's better so I will add a new layer and using the background color and later I will I can move this layer at the background so we will have a much more better picture now converting the transparent picture the transparent version I will overwrite this temporary file and the file menu so now I can check it this default image viewer of the system and I can I need to save this picture overwrite the original version and when I overwrite is ok it seems LibreOffice somewhere doesn't want to doesn't want to maybe I tried it again before so it worked so that's why I said at the beginning of my presentation not everything will be work something maybe there was some problem here and I can add much more color to the poster if needed and I can export to PDF so I tried to and the other examples in this document in this letter graphics this is the original Hungarian search code because we can use a lot of localized languages but if we the language of the document we can we can convert the natural language of the logo commands to for example to English I can show this one English the document language is English now and there is a wizard icon on the toolbar and I've got the English version of the in this way so maybe a little more bigger letter will have to see it maybe it's a little bit big but I can make a yes this view will better I think so here is the program and here is the result I can show a little bit modification for example I can modify the font size little bit bigger one or I can make a trick to make a procedure for example this one is for example ortho like orthography giving size and using this size in the font size command this is the end and when I will use this auto command for example bigger letters yes I can get much more size I can for example make a little loop to make different random size for example random and on a random position and try this program maybe it will be it will show something yes there are interesting results for example the pen was down first time and the text is not so easy to move in this program but I can special command picture of libre logo this picture command will put the result of the graphics the result of the procedure in a grouped shape so when I start the program again and when I try to move the objects now it seems that it is a grouped shape I can remove not so nice version and make a designer graphics for example a book cover in this way using elementary school level programming so the aim of libre logo to give a very simple tool for graphics designer so what is the automation automation and show only a few examples in this way for example making a simple children book with unicorn for children for babies is much more better book title in this rough version in fact this is a unicorn which unicorn is good for children the emojis for example in April and we can show the third code of the Apple in this way so the children can learn the background of the programming using simple elements to draw more complex graphics automation for example only a few sentences about this picture I made a few years ago and more complex libre logo program to download the Wikipedia pages of the different chemical elements and drawing periodic tables and yesterday I checked it and it was a surprise for me too that the new elements the new element names they will be official in November added to the illustration so I don't need to use the mouse or something the refresh update of the periodic table was completely automatic and in every in 20 languages so that is why libre logo could be useful in the yesterday hackfest I made a little patch to use the python scripts of the libre office in the common line too so we can add a libre logo program in the online and save the result in the SVG graphics using this picture I try to run not run but yes this is firefox and this one is SVG animation made by libre logo if we use the way sleeping command of the libre logo the result of the SVG export will be SVG animation yes this is an SVG graphics and about libre office online is one of the main result of the development in my company the online version of libre office will know everything that the desktop libre office version is possible to generate much more complex text with font features and for example using libre office for the SVG thank you for your attention