Libre draw how to change standard shapes. Creation of vector images "in the vector graphics editor Libre Office Draw

LibreOffice is positioned by developers as a free analogue of Microsoft Office. The quality of text documents created in LibreOffice Writer is in no way inferior to the quality of Microsoft Word documents. And in some cases, the capabilities of LibreOffice Writer are even broader than those of other text editors. One such case is the use of the Arrows tool, with which you can style the direction lines used in your document. You just need to learn how to use the capabilities of this tool to its full potential.

First meeting

Launch LibreOffice Writer by clicking on the icon on desktop, and look at the lower left corner of the screen. Usually there is menu, which allows you to create objects in a text document from geometric shapes (including lines). If these buttons are not in place, you should tick one of the items of the main menu: View -\u003e Toolbars -\u003e Drawing.

Figure: 1. Calling up the menu for drawing in Writer

Drawing in LibreOffice Writer (as in the vast majority of text editors) is carried out by creating vector objects (graphic primitives). And all the necessary drawings and diagrams are created using basic shapes: rectangle, ellipse, block arrows, callouts and stars.


Figure: 2. The drawing menu in Writer. Item "Basic Shapes"

We start drawing. Lines and arrows

The simplest drawing object is a line. IN menu Drawing we press the line button and draw it on the screen, simply stretching it with the mouse from start to finish. The method quite simple and accessible to the most novice user.


Figure: 3. First line

Making an arrow out of the line

To make an arrow out of a line, you need to find the "Picture Properties" menu. It is usually located in the upper left corner of the screen, below the Standard panel. But it appears there only when the Line object is selected. If this menu is not in place, then execute the command View -\u003e Toolbars -\u003e Picture Properties.

Now in this menu we are interested in the button "Style of arrows".


Figure: 4. Arrow Style button in the "Picture Properties" menu

It is there that you have everything you need to create all kinds of arrows. Click on the button and see a drop-down menu where all arrow styles are presented.


Figure: 5. Choose the desired arrow style

There is one here problem, on which it is necessary to dwell in a little more detail.

The first thought that the left button in the menu is responsible for the style of the left end of the segment, and the right button for the style of the right, turns out to be wrong for verification. In fact, the left button defines the line style, and the right button defines it. And the first time it may not be possible to make the arrow "look" exactly where it should be.

In the same menu "Picture Properties" there are buttons with which you can set the desired color and thickness of the arrow; you can move the arrows to the front / back; you can change the anchor of the arrow (to a page, to a paragraph, to a character). In short, you can ensure that the arrow looks exactly as needed in the document (see figure).


Figure: 6. Samples of arrows received

Making signatures on the arrows

LibreOffice Writer allows you to bind labels to each of the arrows you create. Such labels will move with the arrow if you change its position.

You can attach an inscription to an arrow by simply clicking on it with the mouse so that a blinking cursor appears in the middle of the arrow. And then you can type any text on the keyboard.


Figure: 7. Inscriptions on arrows

If there is a need to make sure that the signature is "under the arrow" (see the fourth arrow in Figure 7), then before you start typing, you must press the key once Enterby inserting a blank line.

If the inscription turned out to be upside down (the third arrow in the figure), then you can put it normally by swapping the beginning of the segment and its end.

Adding special effects

In addition to the above, LibreOffice Writer allows you to set simple effects for each arrow, which should draw the reader's attention to the desired information.

Right-clicking on the selected arrow, select the item in the context menu: Text.

And in the window that appears, select the bookmark: Animating text.


Figure: 8. Create special effects

It is possible to set one of four dynamic effects (it's a pity that it is impossible to take a screenshot for them). They look pretty unusual, and not every text editor has such tools.

Outcome

Arrows in LibreOffice Writer are a really powerful tool to help you design a text document beautifully.


Site administration website expresses gratitude to the author Ivan Krasnov for preparing the material.

Figure 13.4. New set item

When placing the last segment of a path, the shape should close and become opaque. Using the Line Tool, draw lines for the plates and the axes of the stirrers. Use the Rectangle Tool Ctrl + 8 to draw the stirrers. Select tool Connection pointShift + Ctrl + 1, while holding Ctrl, set the connection points of the connecting lines at the bottom point of the reactor and on the left and right walls under the plates. Close the document (the bottom of the buttons with a cross) with the element, confirm saving in the set. Move the new item from the set to the document. Make a copy of it, connect the bottom outlet of the left one with one of the side inlets of the right reactor with a connecting line.

13.2. CREATING SCHEMES IN LIBREOFFICE DRAW

IN in the absence of Microsoft Visio, diagrams can be built in the universal vector editor LibreOffice Draw. Download the program. At the top of the window are the C panels by defaultstandard, Lines and Fill, below - the Drawing panel. The work area contains the Navigator (F5), the Pages panel containing thumbnail images of document pages, the editing area of \u200b\u200bthe current sheet, at the bottom of which there are tabs for switching layers and a list of styles (F11) for text, lines, fills.

First, set the contour line thickness of 0.10 cm for the following shapes in the Lines and Fill panel. From the Diagrams group of the Drawing panel, place the elements of the flowchart of the program that you created in the MS Visio section into the document. With the context menu command

Set the position and size for the main figures to 21.5 cm, for


Site content
miscellanea
Working with images
Overview /
List


The figure shows Libre Office Draw v 5.1.5 (2000 -2016). The interface and help are multilingual (Russian is available).
Libre Office Draw is included in the free Libre Office suite ( Wikipedia about Libre Office).

The package includes programs:
LibreOffice Writer - a text editor like Microsoft Office Word
LibreOffice Writer (web) - web page editor
LibreOffice Draw - image processing program
LibreOffice Calc - creating spreadsheets
LibreOffice Base - Working with Databases
LibreOffice Impress - presentation software
LibreOffice Math - program for creating mathematical formulas

Works in Windows, Linux, Mac.

Libre Office Draw

The main purpose of Libre Office Draw is vector drawing. Additionally - creating web pages.

Multiple pages can be created in the editor. The page can be provided with hyperlinks, numbering, descriptions, etc.

The program has a whole set of vector objects that can be inserted into the page - straight and free-form lines, lines with arrows, rectangles, ellipses (circles), various vector shapes, various stars, callouts, and more. There is a large gallery of specials. icons and miniatures.
In addition, you can insert text, diagrams, charts, images, video, sound, slides, file, frame, table, date and time fields (including editable) on the page, create a link, etc.
There is a spell checker for pasted text. You can also apply effects to text (i.e., create artistic text) and create animated text.
The image can be inserted from a file or from a scanner.

The shape of the inserted objects can be adjusted by dragging the nodes.

Objects can be rotated around an axis, flipped horizontally or vertically, positioned in different layers, alignment, a vector image can be converted to a raster image, fill (color, gradient, texture), shape distortion, 3D transformation, and more.

Saving a picture for later editing - in the formats odg, otd, sxd, std, fodg.
Saving created (export) in html, flash (swf), pdf, bmp, emf, gif, jpg, jpeg, png and others.

Website creation

When you save the created in Libre Office Draw in the format of html pages, a set of pages, images, navigation buttons, etc. is created. For those who want to quickly create a website consisting of several simple pages, the Libre Office Draw program may be even easier and more convenient than a specialized program from this package is LibreOffice Writer (web).
For example, a website has been created that consists of two pages (see the figure above).
The main page of the site is a page with a set of thumbnails - reduced site pages. Clicking on a thumbnail opens the corresponding page.
An example of a simple site created in Libre Office Draw.

LibreOffice Impress, a presentation software that is part of the Libre Office package, is very similar in functionality and working methods to Libre Office Draw.

Theme:

Objectives:

    educational: contribute to the formation of skills in working with vector graphic editors, create simple vector drawings, use the operations of changing the order of the layers of a drawing, changing the transparency of objects, grouping individual objects into a single object and resizing objects.

    developing: to promote the development of cognitive processes in students, imagination, logical and creative thinking.

    educational: to educate an information culture, initiative, value attitudes towards the subject.

Equipment:

    Windows PC, vector graphics editor, built-in text editor included in the integrated Office application.

    Computer presentation

Lesson type: combined

Lesson plan:

    Organizational and motivational stage 1 min.

    Basic knowledge update 4 min.

    The stage of assimilating new knowledge and methods of action 15 min.

    The stage of the initial verification of the understanding of the learned 3 min.

    Phase of applying knowledge and methods of action 15 min.

    The stage of correction of knowledge and methods of action 2 min.

    Homework Information Stage 2 min.

    The stage of summing up the results of the lesson 2 min.

    Reflection stage 1 min.

During the classes

Stages

lesson

I. Organizational and motivational stage

Greetings, fixing the absent.

Today we will continue to explore graphic editors. This is a very interesting topic. You've already heard about vector graphics in previous lessons. Today we will look at graphic editors with which vector images are created. Practical work awaits you, during which you will learn how to use the basic tools of a graphics editor and create the simplest images.

II. Updating basic knowledge

Let's remember what you talked about in previous lessons.

    What types of computer images are you aware of?

Raster and vector

    How is a bitmap obtained?

A bitmap is created using dots of different colors — pixels — that form rows and columns. Each pixel can accept any color from a palette containing tens of millions of colors, therefore bitmaps provide high accuracy in color and halftone reproduction.

    What is special about bitmaps?

Bitmaps are very sensitive to scaling (enlargement or reduction). When reducing the bitmap, several neighboring points are converted into one, so the sharpness of small image details is lost. As it increases, the size of each point increases and a stepped effect appears that can be seen with the naked eye.

    How are vector images generated?

Vector images are formed from objects (point, line, circle, rectangle, etc.), which are called graphic primitives. For each primitive, coordinates are set, as well as a color. That is, each such object can be mathematically described.

    What is the main advantage of vector graphics?

The advantage of vector graphics is that vector graphics can be enlarged or reduced without loss of quality. This is possible, since the scaling of images is performed by simply multiplying the coordinates of the points of the graphic primitives by the scaling factor.

III. The stage of assimilation of new knowledge and methods of action

We have recalled the main issues related to computer graphics. Now let's look at what vector graphics editors are.

Vector graphic editors

Vector graphics editors are used to create pictures, diagrams and drawings using graphic primitives. A vector graphics editor can be viewed as a graphic constructor that allows you to build an image from individual objects (graphic primitives).

Vector graphic editors include a graphic editor built into Microsoft Office Word. It is on his example that we will get acquainted with vector editors.

The vector image is easy to edit, since each graphic primitive exists as an independent object. You can move this object, change its size, color and transparency.

Object layers.

Each graphic primitive is drawn on its own layer, so drawings consist of many layers. Graphic primitives can be superimposed on each other, while some objects can obscure others. For example, if the sun was drawn first and then a cloud was drawn on top of it, then the cloud layer would be on top of the sun layer and the cloud would obscure the sun.

It is very convenient that the vector graphics editor allows us to change the visibility of objects by changing the order of the layers in the picture. To do this, reorder operations are used, which allow you to move the selected object to the front (to the topmost layer of the picture) or to the back (to the bottommost layer of the picture), as well as one layer forward or backward.

Another feature of vector editors is to change the degree of transparency for each object (image layer). The degree of transparency is indicated as a percentage from 0 to 100%. If the transparency of the layer is zero, the object drawn on the layer below will not be visible. On the contrary, with 100% transparency, it will be fully visible.

Grouping of objects.

In the vector editor, individual graphic primitives can be converted into a single object (grouped). With this new object, you can perform the same actions as with graphic primitives, that is, move the object, change its size, color and other parameters. Alternatively, you can split an object consisting of several objects into independent objects (ungroup).

For example, an Olympic emblem can be drawn using five different colored circles. Then, by grouping them into one object, you can change the size, proportions and color of the entire Olympic emblem.

Do you know what the 5 rings mean in the Olympic emblem?

Five intertwined rings of blue, black, red (top row), yellow and green (bottom) colors are a symbol of the five continents united in the Olympic movement. Proposed in 1913 by P. de Coubertin.

For greater accuracy of drawing objects, rulers with tick marks are placed in the editor window horizontally and vertically.

A grid is used to align the drawn objects horizontally and vertically. You can make the grid visible and also resize its cells.

Basic vector editors

A simple vector graphics editor StarOffice Draw is part of the integrated office application StarOffice, a convenient vector editor is built into the Microsoft Word text editor, you can use the KOMPAS computer drawing system to create drawings and diagrams, CorelDRAW is the most common among professional vector graphics systems.

Today we will get acquainted with the graphics editor built into the Microsoft Word application, which is a vector one.

Before drawing, you need to make sure that the application window has the Draw toolbar.

How do I call the toolbars?

View - Toolbars - ...

Let's take a look at the tools in the Draw panel.

The Draw menu allows you to perform various actions with image objects. For example, you can group, rotate, flip, reorder. Another possibility is the display of grid lines, which allows you to place objects symmetrically, at equal distances, i.e. increases the accuracy of constructions.

The arrow allows you to select and highlight objects.

The Autoshapes menu item provides access to all autoshapes, with the help of which we will build images.

Behind them are the Text Box, Add WordArt, Add Chart, Add Picture, Fill Color, Line Color, Font Color, Line Style, Line Pattern, Shadow Menu, and Volumes icons.

You will need many of these tools for your hands-on work.

IV. The stage of primary verification of understanding of what has been learned

1. Why in vector graphics editors it is possible to change the visibility of the objects that form the picture?

2. When is it useful to use the operation of grouping objects?

3. What vector editors do you know?

4. Name the capabilities of the vector graphics editor, which are its advantages.

V. Phase of applying knowledge and methods of action

Now let's figure it out in practice and learn how to use the drawing tools of a vector graphics editor.

Vi. The stage of correction of knowledge and methods of action

Verification and correction by the teacher of the correctness of the implementation of practical work.

Vii. Homework Information Stage

VIII. The stage of summing up the results of the lesson

Summing up the lesson with comments from the teacher about the work of the class and individual students.

Grading.

IX. Reflection stage

Why is the lesson interesting? What would you like to change? How do you evaluate your work in the lesson?