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

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 Watch the video available at http://spoken-tutorial.org/What_is_a_Spoken_Tutorial 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 http://spoken-tutorial.org/NMEICT-Intro	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