LibreOffice-Suite-Draw/C2/Fill-objects-with-color/English

From Script | Spoken-Tutorial
Revision as of 21:10, 27 November 2012 by Chandrika (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Resources for recording

Fill objects with color

Visual Cue Narration
Show Slide 1

Title Slide

Welcome to the Spoken Tutorial on Fill Objects with Color in LibreOffice Draw.
Show Slide 2

Learning Objectives

In this tutorial, you will learn how to:

Fill objects with color, gradients, hatching and bitmaps

Set page backgrounds

Create new colors

In this tutorial, you will learn how to:

Fill objects with color, gradients, hatching and bitmaps

Set page backgrounds

Create new colors


Switch to LibreOffice Draw.

Open the saved file “WaterCycle”.

Let us begin by opening the file WaterCycle.


Show Slide 3

You can fill objects with:

Colors

Gradients

Line patterns or hatching

Pictures

You can fill objects with:

Colors

Gradients

Line patterns or hatching

Pictures

Show Slide 4

OS and Versions Here we are using Ubuntu Linux version 10.04 and LibreOffice Suite version 3.3.4.

Here we are using Ubuntu Linux version 10.04 and LibreOffice Suite version 3.3.4.


Switch to the Draw file. Let us color the WaterCycle diagram.
Point to the clouds on the right.

<<Please refer to the figure given at the end of this document for coloring.>>

Let’s begin by coloring the two clouds next to the sun. We shall fill them with white.
Select a cloud next to the sun.

Right-click to view the context menu >> click Area

Select the cloud next to the sun.

Right-click to view the context menu and click “Area”.

Point to the Area dialog box >> click Area tab >> under Fill >> select Color >>

Scroll down the colors list and click on “white”. Click OK.

The “Area” dialog box is displayed.

Click the “Area” tab and under the “Fill “option, select “Color”. Scroll down and click on “white”. Click OK. <Pause>

<<Do this action once more to color the next cloud white.>> In the same way, we will colour the other cloud, too. <PAUSE>
Grouping the clouds makes it easy to color Coloring each cloud will take a long time.

An easier way to do this is to group them.

Point to the clouds on the left. Let’s color the other two clouds, in “gray” as they are rain-bearing clouds. <Pause>

Press the Shift key. Select one cloud with the mouse. Now select the other cloud.

First let’s group them.

Press the Shift key and click the first cloud and then click on the second.

Right-click for the context menu >> click Group. Right-click for the context menu and click Group.

The clouds are grouped.

Right-click to view the context menu >> click Area Again, right-click for the context menu and click “Area”.
Point to the Area dialog box >> click Area tab >> under Fill >> select Color >>

Scroll down the colors list and click on “Gray 70%”.

Click OK.

The “Area” dialog box is displayed.

Click the “Area” tab and under the “Fill “option, select “Color” and scroll down and click on the colour “Gray 70%”.

Click OK. <Pause>

Select the triangle.

Right-click for the context menu >> click Area >> the Area dialog box appears >> click Area tab >> click Fill >> select Color >> Scroll down and click on “brown 3”. Click OK.

Let’s color the triangle “brown 3” in the same way. <PAUSE>


Select the rectangle.

Right-click to view the context menu >> click Area >> the Area dialog box appears >> click Area tab >> under Fill >> select Color >> Scroll down and click on “brown 4”. Click OK.

Let’s color the rectangle in “brown 4” in the same way, again. <PAUSE>
<PAUSE the recording>

Colour the sun yellow in the same way. <RESUME the recording>

Similarly, colour the sun yellow.
Press the Shift key.

Select the right-angled triangle on the right. Next select the curve. Right-click for the context menu >> click Group.

Next, let’s color the other triangle and curve that represent water with the colour “turquoise 1”.

As they require the same formatting, let’s first group them.

Select the triangle.

Right-click to view the context menu >> click Area >> click Area tab >> under Fill >> select Color >> Scroll down and click on “turquoise 1”. Click OK.

To color them, let’s follow the same steps as in the previous ones - right-click, area, area tab, fill, color, turquoise 1.
Point to the outlines of the curve and the triangle. Observe that in the object “water”, the outlines of the triangle and the curve are displayed.

Let’s make these outlines invisible so that the picture looks better.

Select the triangle and the curve.

Right-click to view the context menu >> click Line

Select the object, right-click to view the context menu and click “Line”.
Point to the Line dialog box >> click the Line tab The “Line” dialog box is displayed.

Click the “Line” tab .

In Line properties >> click on the Style drop-down box >> select Invisible >> Click OK. In “Line properties”, click on the “Style” drop-down box and select “Invisible”.

Click OK. The outline of water object becomes invisible.

Now, let us color the trees.
Select the left-most tree.

Right-click to view the context menu >> click Enter Group.

Let us select the left-most tree.

Right-click to view the context menu and click on “Enter Group”.

Now, let’s edit the tree.

Select the star on the right.

Right-click for the context menu >> click Area >> Area dialog box >> Area tab >> under Fill >> select Color. Scroll down and click on “Green 5”. Click OK.


Color the left star in the same manner with the same color fill.

Select the leaves on the right.

Right-click for the context menu and click “Area”.

The “Area” dialog box appears.

Click the “Area” tab.

Under “Fill “, select Color.

Scroll down and click on “Green 5”.

Click OK.

Let us do the same for the leaves on the left.


Let’s color the trunk of the tree next.
Select the Y-shaped arrow.

Right-click for the context menu >> click Area >> Area dialog box >> Click the Area tab >>under Fill >> select Color >> scroll down and click on Brown 1. Click OK.


Select the Y-shaped arrow, right-click for the context menu and click “Area”.

The “Area” dialog box appears. Click the “Area” tab and under “Fill”, select “Color”. Scroll down and click on “Brown 1”. Click OK.

We have colored the tree!

Right-click >> select “Exit Group”. To exit the group, right-click and select “Exit Group”.
We can color the other trees in the same way.
Select and delete the other trees and copy paste three more trees.

Select the tree >> right-click for the context menu, select Copy. Again, right-click for the context menu >> select Paste. Place the tree as show in Figure one.

We can also delete the other trees, copy paste the colored tree and move it to the desired location.


It is much easier this way, isn’t it?

Now let us add a shadow to the clouds next to the sun.
Go to the Drawing toolbar >> click Select >> place the cursor on the draw page >> press the left mouse button >> drag to the left so that both the clouds are selected.

Right-click for the context menu > Click Group.

Let’s click Select from the Drawing toolbar to select and then group them.


Select the white cloud group >> Right-click for the context menu >> click Area >> Area dialog box Select the white cloud group and right-click for the context menu and click “Area”.
Click Shadow tab >> Under Properties >> check the Use Shadow box In the “Area” dialog box, click the “Shadow” tab.

In Properties, check the Use Shadow box. The other fields now become active.

In the Position box >> click the bottom-right corner option. In “Position”, click the bottom-right corner option.

“Position” defines where the shadow will appear.

In the color field >> select Gray.

Click OK.

In the Color field, select Gray.

Click OK.

Point to the shadow behind each white cloud. A shadow is displayed behind each white cloud.
Now let’s make the clouds look more realistic.
Select the white cloud group >> right-click to view the context menu >> select Area Select the gray cloud group and right-click to view the context menu and select “Area”.
In the Area dialog box >> click Area tab >> click Fill >> select Gradient >> select Ellipsoid blue gray/light blue. In the “Area” dialog box, select “Area” tab. Under “Fill”, click “Gradient”.

Now select Gradient1. Click OK. The cloud now has a more realistic shade of gray! <Pause>

Select the white cloud group >> right-click for the context menu >> select Area >> Area dialog box >> click Fill >> expand the drop-down and point to the options as per narration. Select a shape - say a cloud group. Right-click for the context menu.

The Area tab options are visible. Under Fill, you will see the 4 options - Colors, Gradient, Hatching and Bitmap.

Point to the Color, Gradient, Hatching and Bitmap tabs in the dialog box. Notice that there is a corresponding tab in the dialog box for each of these options.
These tabs allow us to create and save new styles.
Click on the Color tab. Let’s click on the Colors tab.
In the Color tab >> select the color Red 3. Under Properties, let’s select Red 3 from the Color drop-down.
Point to R, G and B Then, select RGB and enter the values for R, G and B as shown.

R,G and B stands for the proportion of red, green and black in any color.

Select RGB >> Enter 200 for R; 100 for G; 50 for B. We will enter 200 for R, 100 for G and 50 for B.
Here we are changing the proportion of red, green and blue to change the color.
Point to the preview boxes above the RGB field. Look at the preview box above the RGB field.


Point to the first preview box. The first preview box displays the original color.
Point to the second box next to the Color. The second preview box next to the Color field shows the changes that we made.
Type a name in the Name field “New red”.

Click on the Add button.

Point to the new color in the color box.

Let’s type a name for this in the Name field.

Let’s enter the name “New red”.

Click on the Add button.

The new color is added to the list.

Click OK. Click OK.

We have created a new color!

Undo the action by pressing CTRL+Z. Let’s undo this action, by pressing CTRL and Z.

The colour of the cloud reverts to white, again.

Point to the Gradients and Hatching tabs in the dialog box. You can create your own gradients and hatching, too, using the tabs in the “Area” dialog box.
Show Slide 5

Gradients Gradients are shades that blend from one color to the other. For example, the color shade moves from blue to green.

Gradients are shades that blend from one color to the other. For example, the color shade moves from blue to green.

Show Slide 6

Hatching is a shading or texture in drawing that is created using fine parallel lines.

Hatching is a shading or texture in drawing that is created using fine parallel lines.

Now let’s learn how to import a bitmap into Draw.
Main menu >> select Format >> click Area >> In the Area dialog box >> Click on the Bitmaps tab >> click on the Import button From the Main menu, select Format and click Area.

In the Area dialog box, click on the Bitmaps tab. Now click on the Import button.

Point to the Import dialog box.

Browse and select any bitmap that is available on your computer. Click Open.

The Import dialog box appears.

Browse and select a bitmap. Click on the Open button.

Enter the name “NewBitmap”. Click OK.

Draw prompts you to enter a name for the Bitmap.

Let’s enter the name “NewBitmap”. Click OK.

Point to the new bitmap that now appears in the list. The Bitmap now appears in the drop-down list.
Click OK Click OK to exit.

Observe the clouds, now.

Press CTRL and Z keys. Let’s undo this by pressing CTRL and Z keys.
Let us use bitmaps to fill the object “water”.
Select the group triangle and curve. Now let us make the water look more realistic.

To do this, select the grouped triangle and curve.

Right-click for the context menu >> select Area >> the Area dialog box appears >> click Bitmaps tab Right-click for the context menu, and select “Area”.

In the “Area” dialog box, click the “Bitmaps” tab.

Scroll down the list of bitmaps >> select Water.

Click OK.

Scroll down the list of bitmaps and select “Water”.

Click OK.

The water looks more realistic now!

Show Slide 7

Assignment Draw objects and fill them with color, gradients, hatching and bitmaps. Use the Transparency tab and see its effects on the objects.

Pause this tutorial and do this assignment.

Draw objects and fill them with color, gradients, hatching and bitmaps. Use the Transparency tab and see its effects on the objects.

Let’s color the sky now. This is simple!

We just apply a background to the whole page.

Click the cursor on the page. Ensure no objects are selected.

Right-click for the context menu >> Click Page >> select Page Setup

Click the cursor on the page, to ensure no objects are selected.

Right-click for the context menu. Click Page and select Page Setup.

Click on Background tab >> under “Fill” field, select “Color”. The “Page setup” dialog box is displayed.

Click the “Background” tab and under “Fill” and select “Color”.

Then scroll down and select the color “Blue 8”.

Click OK.

Let’s scroll down and select the color “Blue 8”.

Click OK.

Draw asks you if want to set this background for all pages.

In the message box that appears click NO.

Draw asks you if this background setting should be for all pages.

Click NO. Now only the selected page has a background color.

You can also choose not to fill the object with colors.
Select the mountain.

Right-click for the context menu >> select Area

Let us select the mountain.

Right-click for the context menu and select “Area”.

Click Area dialog box >> select Area tab >> Under Fill >> select the option “None”.

Click OK. The object is not filled with any color and only the outline is seen.

In the “Area” dialog box, select the “Area” tab.

Under “Fill” and select “None”. Click OK. The object is not filled with any color and only the outline is seen against the background.

Press CTRL+Z to undo the action. To undo the action, press CTRL+Z keys.
Go to the main menu and click Format.

Under the Format menu>> Point to the Area option. <<Please refer figure one as to how the final picture should look like in this file.>>

You can also access all these options from the Format menu. <Pause>
Press CTRL+S keys together. Remember to save your file by pressing CTRL+S keys together, every time you make a change.

Alternately, set the Automatic Save option so that the changes are saved automatically.

Arrange everything as per the final drawing for this stage. This is the starting point for the next tutorial b.5.0
Show Slide 8

Assignment

You have already created this picture in the previous tutorial. Color this picture. <Show picture> Give a background to the page. Create some new colors.


Here is another assignment for you.

Color this picture you created.

Give a background to the page.

Create some new colors.


Show Slide 9

Summary In this tutorial, we have learnt how to use color, gradients, hatching and bitmaps to:

Fill objects

Create backgrounds

Create new styles

This brings us to the end of this tutorial on LibreOffice Draw.

In this tutorial, we have learnt how to use color, gradients, hatching and bitmaps to:

Fill objects

Create backgrounds

Create new styles

Show About Slide

About the Spoken Tutorial Project

  • It summarises the Spoken Tutorial project
  • If you do not have good bandwidth, you can download and watch it
  • Watch the video available at the following link
  • It summarises the Spoken Tutorial project
  • If you do not have good bandwidth, you can download and watch it
Show About Slide

Spoken Tutorial Workshops

The Spoken Tutorial Project Team

  • Conducts workshops using spoken tutorials
  • Gives certificates for those who pass an online test
  • For more details, please write to contact@spoken-tutorial.org


The Spoken Tutorial Project Team

  • Conducts workshops using spoken tutorials
  • Gives certificates for those who pass an online test
  • For more details, please write to contact at spoken hyphen tutorial dot org


Show Acknowledgement Slide

Acknowledgements

  • Spoken Tutorial Project is a part of the Talk to a Teacher project
  • It is supported by the National Mission on Education through ICT, MHRD, Government of India
  • More information on this Mission is available at
  • Spoken Tutorial Project is a part of the Talk to a Teacher project
  • It is supported by the National Mission on Education through ICT, MHRD, Government of India
  • More information on this Mission is available at
  • spoken hyphen tutorial dot org slash NMEICT hyphen Intro
Show About the contributor Slide

About the contributor

  • This tutorial has been contributed by DesiCrew Solutions Pvt. Ltd.
  • www.desicrew.in
  • Thanks for joining
  • This tutorial has been contributed by DesiCrew Solutions Pvt. Ltd.
  • Thanks for joining

Contributors and Content Editors

Chandrika