Difference between revisions of "LibreOffice-Suite-Draw/C2/Fill-objects-with-color/English-timed"

From Script | Spoken-Tutorial
Jump to: navigation, search
 
(8 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{| border=1
 
{| border=1
|| Time
+
|| '''Time'''
|| Narration
+
|| '''Narration'''
 +
 
 
|-
 
|-
||00.00  
+
||00:00  
|| Welcome to the Spoken Tutorial on Fill Objects with Color in LibreOffice Draw.
+
||Welcome to the '''Spoken Tutorial''' on '''Fill Objects with Color''' in '''LibreOffice Draw'''.
  
 
|-
 
|-
||00.06
+
||00:06
|| In this tutorial, you will learn how to:
+
||In this tutorial, you will learn how to:
  
 
|-
 
|-
||00.09  
+
||00:09  
|| Fill objects with color, gradients, hatching and bitmaps
+
||Fill objects with color, '''gradients, hatching''' and '''bitmaps'''
  
 
|-
 
|-
||00.15  
+
||00:15  
 
||Set page backgrounds
 
||Set page backgrounds
  
 
|-
 
|-
||00.17  
+
||00:17  
||Create new colors  
+
||Create new colors.
 
   
 
   
 
|-
 
|-
||00.20  
+
||00:20  
|| Let us begin by opening the file WaterCycle.
+
||Let us begin by opening the file '''WaterCycle'''.
 
   
 
   
 
|-
 
|-
||00.24  
+
||00:24  
|| You can fill objects with:
+
|| You can fill objects with:* Colors* '''Gradients'''
  
 
|-
 
|-
||00.25
+
|| 00:29
||Colors
+
||Line patterns or '''hatching''' and * Pictures.
  
 
|-
 
|-
|| 00.26
+
|| 00:33
||Gradients
+
|| Here, we are using:'''Ubuntu Linux''' version '''10.04''' and  '''LibreOffice Suite''' version '''3.3.4'''.
  
 
|-
 
|-
|| 00.29
+
||00:42
||Line patterns or hatching and
+
|| Let us color the '''WaterCycle''' diagram.
  
 
|-
 
|-
|| 00.32
+
|| 00:46
||Pictures
+
|| Let’s begin by coloring the two clouds next to the sun. We shall fill them with white.
  
 
|-
 
|-
|| 00.33
+
|| 00:54
|| Here we are using Ubuntu Linux version 10.04 and LibreOffice Suite version 3.3.4.
+
|| Select the cloud next to the sun.
  
 
|-
 
|-
||00.42
+
|| 00:56
|| Let us color the WaterCycle diagram.
+
||Right-click to view the context menu and click '''Area'''.
  
 
|-
 
|-
|| 00.46
+
|| 01:01
|| Let’s begin by coloring the two clouds next to the sun. We shall fill them with white.
+
|| The '''Area''' dialog-box is displayed.
  
 
|-
 
|-
|| 00.54
+
||01:05
|| Select the cloud next to the sun.
+
||Click the '''Area''' tab and under the '''Fill''' option, select '''Color'''.
 +
 
 
|-
 
|-
|| 00.56
+
|01:13
||Right-click to view the context menu and click “Area”.
+
|Scroll down and click on '''White'''.
  
 
|-
 
|-
|| 01.01
+
|01:16
|| The “Area” dialog box is displayed.
+
|Click '''OK'''.
|-
+
||01.05
+
||Click the “Area” tab and under the “Fill “option, select “Color”.
+
|-
+
||01.13
+
||Scroll down and click on “white”.
+
|-
+
||01.16
+
||Click OK. <Pause>
+
  
 
|-
 
|-
||01.19  
+
||01:19  
|| In the same way, we will colour the other cloud, too.
+
|| In the same way, we will colour the other cloud too.
  
 
|-
 
|-
||01.24
+
||01:24
||Right click under area color and white.
+
||Right-click under '''Area''', '''Color''' and '''White'''.
  
 
|-
 
|-
||01.30
+
||01:30
 
|| Coloring each cloud will take a long time.
 
|| Coloring each cloud will take a long time.
 +
 
|-
 
|-
||01.33  
+
||01:33  
 
||An easier way to do this is to group them.
 
||An easier way to do this is to group them.
  
 
|-
 
|-
||01.38  
+
||01:38  
|| Let’s color the other two clouds, in “gray” as they are rain-bearing clouds.
+
|| Let’s color the other two clouds in '''gray''' as they are rain-bearing clouds.
  
 
|-
 
|-
||01.46  
+
||01:46  
 
|| First let’s group them.
 
|| First let’s group them.
 +
 
|-
 
|-
||01.48  
+
||01:48  
||Press the Shift key and click the first cloud and then click on the second.  
+
||Press the '''Shift''' key and click the first cloud and then click on the second.  
  
 
|-
 
|-
||01.54
+
||01:54
|| Right-click for the context menu and click Group.
+
|| Right-click for the '''context menu''' and click '''Group'''.
 +
 
 
|-
 
|-
||01.58  
+
||01:58  
||The clouds are grouped.  
+
||The clouds are now grouped.  
  
 
|-
 
|-
||02.00  
+
||02:00  
|| Again, right-click for the context menu and click “Area”.
+
|| Again, right-click for the context menu and click '''Area'''.
  
 
|-
 
|-
||02.07
+
||02:07
|| In the “Area” dialog box Click the “Area” tab under the “Fill “option, select “Color” and scroll down and click on the colour “Gray 70%.
+
|| In the '''Area''' dialog-box, click the '''Area''' tab. Under the '''Fill''' option, select '''Color''' and scroll down and click on the colour '''Gray 70%'''.
  
 
|-
 
|-
||02.23  
+
||02:23  
||Click OK. <Pause>
+
||Click '''OK'''.
  
 
|-
 
|-
|| 02.25
+
|| 02:25
|| Let’s color the triangle “brown 3” in the same way.  
+
|| Let’s color the triangle '''brown 3''' in the same way.  
  
 +
|-
 +
||02:37
 +
||Now, let’s color the rectangle in '''brown 4''' in the same way, again.
  
 
|-
 
|-
||02.37
+
||02:48
||Now let’s color the rectangle in “brown 4” in the same way, again.  
+
|| Similarly, let's colour the sun yellow.
  
 
|-
 
|-
||02.48
+
|| 02:58
|| Similarly,lets colour the sun yellow.
+
|| Next, let’s color the other triangle and curve that represents water with the colour '''turquoise 1'''.
  
 
|-
 
|-
|| 02.58
+
||03:05
|| 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 group them if they are not already grouped.
  
 
|-
 
|-
||03.05
+
||03:12
||As they require the same formatting, let’s group them ,If they are not already grouped.
+
|| To color them, let’s follow the same steps as in the previous ones - right-click, '''Area -> Area tab -> Fill -> color -> turquoise 1'''.
  
 
|-
 
|-
||03.12
+
|| 03:27
|| To color them, let’s follow the same steps as in the previous ones - right-click, area, area tab, fill, color, turquoise 1.
+
|| Observe that in the object '''water''', the outlines of the triangle and the curve are  displayed.
  
 
|-
 
|-
|| 03.27
+
||03:35  
|| Observe that in the object “water”, the outlines of the triangle and the curve are  displayed.
+
|-
+
||03.35  
+
 
||Let’s make these outlines invisible so that the picture looks better.
 
||Let’s make these outlines invisible so that the picture looks better.
  
 
|-
 
|-
||03.41  
+
||03:41  
|| Select the object, right-click to view the context menu and click “Line”.
+
||Select the object, right-click to view the context menu and click '''Line'''.
  
 
|-
 
|-
|| 03.48
+
||03:48
|| The “Line” dialog box is displayed.
+
||The '''Line''' dialog-box is displayed.
 +
 
 
|-
 
|-
|| 03.52
+
|| 03:52
||Click the “Line” tab .
+
||Click the '''Line''' tab .
  
 
|-
 
|-
||03.55   
+
||03:55   
|| In “Line properties”, click on the “Style” drop-down box and select “Invisible”.
+
|| In '''Line properties''', click on the '''Style''' drop-down box and select '''Invisible'''.
 +
 
 
|-
 
|-
||04.03
+
||04:03
||Click OK.
+
||Click '''OK'''.
 +
 
 
|-
 
|-
||04.05  
+
||04:05  
 
||The outline of water object becomes invisible.
 
||The outline of water object becomes invisible.
  
 
|-
 
|-
|| 04.09
+
|| 04:09
 
|| Now, let us color the trees.
 
|| Now, let us color the trees.
  
 
|-
 
|-
||04.14
+
||04:14
 
|| Let us select the left-most tree.
 
|| Let us select the left-most tree.
 +
 
|-
 
|-
||04.16  
+
||04:16  
||Right-click to view the context menu and click on “Enter Group”.
+
||Right-click to view the context-menu and click on '''Enter Group'''.
  
 
|-
 
|-
||04.23  
+
||04:23  
 
||Now, let’s edit the tree.
 
||Now, let’s edit the tree.
  
 
|-
 
|-
||04.26  
+
||04:26  
 
|| Select the leaves on the right.  
 
|| Select the leaves on the right.  
  
 
|-
 
|-
||04.30  
+
||04:30  
||Right-click for the context menu and click “Area”.
+
||Right-click for the context menu and click '''Area'''.
 
   
 
   
 
|-
 
|-
||04.36  
+
||04:36  
||In the  “Area” dialog box.
+
||In the  '''Area''' dialog-box,
  
 
|-
 
|-
||04.38  
+
||04:38  
||Click the “Area” tab.
+
||click the '''Area''' tab.
  
 
|-
 
|-
|| 04.40
+
|| 04:40
||Under “Fill “, select Color.
+
||Under '''Fill''', select '''Color'''.
  
 
|-
 
|-
||04.44  
+
||04:44  
||Scroll down and click on “Green 5”.
+
||Scroll down and click on '''Green 5'''.
  
 
|-
 
|-
|| 04.47
+
|| 04:47
||Click OK.
+
||Click '''OK'''.
  
 
|-
 
|-
|| 04.49
+
|| 04:49
 
||Let us do the same for the leaves on the left.
 
||Let us do the same for the leaves on the left.
 
  
 
|-
 
|-
||04.57  
+
||04:57  
 
|| Let’s color the trunk of the tree next.
 
|| Let’s color the trunk of the tree next.
  
 
|-
 
|-
||05.05
+
||05:05
|| Select the Y-shaped arrow, right-click for the context menu and click “Area”.  
+
|| Select the Y-shaped arrow, right-click for the context menu and click '''Area'''.  
 
   
 
   
 
|-
 
|-
||05.08
+
||05:08
||Notice that all the selection are retained in the "Area" dialog box.
+
||Notice that all the previous selections are retained in the '''Area''' dialog-box.
  
 
|-
 
|-
||05.15  
+
||05:15  
||So let's  select “Color”.
+
||So, let's  select '''Color'''.
 +
 
 
|-
 
|-
||05.18  
+
||05:18  
||Scroll down and click on “Brown 1”.
+
||Scroll down and click on '''Brown 1'''.
 +
 
 
|-
 
|-
||05.21  
+
||05:21  
||Click OK.
+
||Click '''OK'''.
  
 
|-
 
|-
||05.23  
+
||05:23  
 
||We have colored the tree!
 
||We have colored the tree!
  
 
|-
 
|-
||05.26  
+
||05:26  
|| To exit the group, right-click and select “Exit Group”.
+
||To exit the group, right-click and select '''Exit Group'''.
  
 
|-
 
|-
||05.31   
+
||05:31   
|| We can color the other trees in the same way.
+
||We can color the other trees in the same way.
  
 
|-
 
|-
||05.36  
+
||05:36  
|| We can also delete the other trees, copy paste the colored tree and move it to the desired location.
+
||We can also delete the other trees, '''copy-paste''' the colored tree and move it to the desired location.
  
 
|-
 
|-
||05.44  
+
||05:44  
 
||It is much easier this way, isn’t it?
 
||It is much easier this way, isn’t it?
  
 
|-
 
|-
||05.49  
+
||05:49  
||Now let us add a "shadow" to the cloud next  to the "Sun".
+
||Now, let us add a shadow to the cloud next  to the Sun.
  
 +
|-
 +
|| 05:55
 +
|| Let’s click '''Select''' from the '''Drawing''' toolbar to select and then group them.
  
 
|-
 
|-
|| 05.55
+
||06:03
|| Let’s click Select from the Drawing toolbar to select and then group them.
+
|| Select the white cloud group and right-click for the context menu and click '''Area'''.
  
 
|-
 
|-
||06.03
+
||06:10
|| Select the white cloud group and right-click for the context menu and click “Area”.
+
|| In the '''Area''' dialog-box, click the '''Shadow''' tab.  
  
 
|-
 
|-
||06.10
+
||06:15
|| In the “Area” dialog box, click the “Shadow” tab.  
+
||In '''Properties''', check the '''Use Shadow''' box.  
  
 
|-
 
|-
||06.15
+
||06:20
||In Properties, check the Use Shadow box.  
+
||The other '''field'''s now become active.
 +
 
 
|-
 
|-
||06.20
+
||06:24
||The other fields now become active.
+
|| In '''Position''', click the bottom-right corner option.
  
 
|-
 
|-
||06.24
+
||06:29
|| In “Position”, click the bottom-right corner option.
+
||“'''Position'''” defines where the shadow will appear.
 +
 
 
|-
 
|-
||06.29
+
||06:33
||“Position” defines where the shadow will appear.
+
|| In the '''Color''' field, select '''Gray'''.
  
 
|-
 
|-
||06.33
+
||06:36  
|| In the Color field, select Gray.
+
||Click '''OK'''.
|-
+
||06.36  
+
||Click OK.
+
  
 
|-
 
|-
||06.39  
+
||06:39  
 
|| A shadow is displayed behind each white cloud.
 
|| A shadow is displayed behind each white cloud.
  
 
|-
 
|-
|| 06.44
+
|| 06:44
|| Now let’s make the clouds look more realistic.
+
|| Now, let’s make the clouds look more realistic.
  
 
|-
 
|-
||06.48
+
||06:48
|| Select the gray cloud group and right-click to view the context menu and select “Area”.
+
|| Select the gray cloud group and right-click to view the context menu and select '''Area'''.
  
 
|-
 
|-
|| 06.55
+
|| 06:55
|| In the “Area” dialog box, select “Area” tab. Under “Fill”, click “Gradient”.
+
|| In the “'''Area'''” dialog-box, select '''Area''' tab. Under '''Fill''', click '''Gradient'''.
  
 
|-
 
|-
||07.02  
+
||07:02  
||Now select Gradient1.
+
||Now select '''Gradient1'''.
 +
 
 
|-
 
|-
||07.04  
+
||07:04  
||Click OK.
+
||Click '''OK'''.
 +
 
 
|-
 
|-
||07.06  
+
||07:06  
 
||The cloud now has a more realistic shade of gray!  
 
||The cloud now has a more realistic shade of gray!  
  
 
|-
 
|-
||07.11 .
+
||07:11
|| Select a shape - say a cloud group.  Right-click for the context menu and click " Area".   
+
|| Select a shape - say a cloud group.  Right-click for the context menu and click '''Area'''.   
 +
 
 
|-
 
|-
||07.19  
+
||07:19  
||The Area tab options are visible.
+
||The '''Area''' tab options are visible.
 +
 
 
|-
 
|-
||07.23
+
||07:23
||Under Fill, you will see the 4 options -  
+
||Under '''Fill''', you will see the 4 options -  
 +
 
 
|-
 
|-
||07.27  
+
||07:27  
||Colors, Gradient, Hatching and Bitmap.
+
||'''Color, Gradient, Hatching''' and '''Bitmap'''.
  
 
|-
 
|-
||07.32
+
||07:32
|| Notice that there is a corresponding tab in the dialog box for each of these options.
+
|| Notice that there is a corresponding tab in the dialog-box for each of these options.
  
 
|-
 
|-
|| 07.39
+
|| 07:39
 
|| These tabs allow us to create and save new styles.
 
|| These tabs allow us to create and save new styles.
  
 
|-
 
|-
||07.43
+
||07:43
|| Let’s click on the Colors tab.
+
|| Let’s click on the '''Colors''' tab.
  
 
|-
 
|-
|| 07.46
+
|| 07:46
|| Under Properties, let’s select Red 3 from the Color drop-down.  
+
|| Under '''Properties''', let’s select '''Red 3''' from the '''Color''' drop-down.  
  
 
|-
 
|-
|| 07.53
+
|| 07:53
|| Then, select RGB and enter the values for R, G and B as shown.
+
|| Then, select '''RGB''' and enter the values for 'R', 'G' and 'B' as shown.
 +
 
 
|-
 
|-
|| 08.01
+
|| 08:01
||R,G and B stands for the proportion of red, green and blue in any color.
+
||'''R''', '''G''' and '''B''' stand for the proportion of Red, Green and Blue in any color.
  
 
|-
 
|-
||08.08   
+
||08:08   
|| We will enter 200 for R, 100 for G and 50 for B.
+
|| We will enter 200 for '''R''', 100 for '''G''' and 50 for '''B'''.
  
 
|-
 
|-
||08.16  
+
||08:16  
 
|| Here we are changing the proportion of red, green and blue to change the color.
 
|| Here we are changing the proportion of red, green and blue to change the color.
  
 
|-
 
|-
||08.22  
+
||08:22  
|| Look at the preview box above the RGB field.  
+
|| Look at the '''preview''' box, above the '''RGB''' field.  
 
+
  
 
|-
 
|-
||08.28
+
||08:28
 
|| The first preview box displays the original color.
 
|| The first preview box displays the original color.
  
 
|-
 
|-
|| 08.31
+
|| 08:31
|| The second preview box next to the Color field shows the changes that we made.   
+
|| The second preview box, next to the '''Color''' field, shows the changes that we made.   
  
 
|-
 
|-
||08.37  
+
||08:37  
|| Let’s type a name for this in the Name field.
+
|| Let’s type a name for this, in the '''Name''' field.
 
   
 
   
 
|-
 
|-
||08.41  
+
||08:41  
||Let’s enter the name “New red”.
+
||Let’s enter the name '''New red'''.
  
 
|-
 
|-
||08.44  
+
||08:44  
||Click on the Add button.
+
||Click on the '''Add''' button.
  
 
|-
 
|-
||08.46  
+
||08:46  
 
||The new color is added to the list.
 
||The new color is added to the list.
  
 
|-
 
|-
||08.49  
+
||08:49  
|| Click OK.
+
|| Click '''OK'''.
 +
 
 
|-
 
|-
||08.51  
+
||08:51  
 
||We have created a new color!
 
||We have created a new color!
  
 
|-
 
|-
||08.54  
+
||08:54  
|| Let’s undo this action, by pressing CTRL and Z.  
+
|| Let’s '''undo''' this action by pressing '''Ctrl''' and '''Z'''.  
  
 
|-
 
|-
||08.59  
+
||08:59  
 
||The colour of the cloud reverts to white, again.
 
||The colour of the cloud reverts to white, again.
  
 
|-
 
|-
||09.03  
+
||09:03  
|| You can create your own gradients and hatching, too, using the tabs in the “Area” dialog box.
+
|| You can create your own gradients and hatching too, using the tabs in the '''Area''' dialog-box.
  
 
|-
 
|-
||09.10
+
||09:10
|| Gradients are shades that blend from one color to the other.  
+
||'''Gradients''' are shades that blend from one color to the other.  
  
 
|-
 
|-
||09.14
+
||09:14
|| For example, the color shade moves from blue to green.
+
||For example, the color shade moves from blue to green.
  
 
|-
 
|-
||09.18  
+
||09:18  
|| 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.
  
 
|-
 
|-
|| 09.24
+
||09:24
|| Now let’s learn how to import a bitmap into Draw.
+
||Now, let’s learn how to '''import''' a '''bitmap''' into '''Draw'''.
  
 
|-
 
|-
||09.28  
+
||09:28  
|| From the Main menu, select Format and click Area.  
+
|| From the Main menu, select '''Format''' and click '''Area'''.  
 +
 
 
|-
 
|-
|| 09.33
+
|| 09:33
|| As seen earlier the Area dialog box opens, click on the Bitmaps tab.
+
|| As seen earlier, the '''Area''' dialog-box opens. Click on the '''Bitmaps''' tab.
 +
 
 
|-
 
|-
||09.39  
+
||09:39  
|| Now click on the Import button.  
+
|| Now, click on the '''Import''' button.  
  
 
|-
 
|-
||09.42  
+
||09:42  
|| The Import dialog box appears.
+
|| The '''Import''' dialog-box appears.
 +
 
 
|-
 
|-
||09.45  
+
||09:45  
|| Browse and select a bitmap.
+
|| Browse and select a '''bitmap'''.
 +
 
 
|-
 
|-
||09.48  
+
||09:48  
|| Click on the  Open button.
+
|| Click on the  '''Open''' button.
  
 
|-
 
|-
||09.50  
+
||09:50  
|| Draw prompts you to enter a name for the Bitmap.
+
|| '''Draw''' prompts you to enter a name for the '''Bitmap'''.
 +
 
 
|-
 
|-
|| 09.55
+
|| 09:55
|| Let’s enter the name “NewBitmap”.
+
|| Let’s enter the name '''NewBitmap'''.
 +
 
 
|-
 
|-
||09.58  
+
||09:58  
|| Click OK.
+
|| Click '''OK'''.
  
 
|-
 
|-
||10.00  
+
||10:00  
|| The Bitmap now appears in the drop-down list.
+
|| The '''Bitmap''' now appears in the drop-down list.
  
 
|-
 
|-
||10.04  
+
||10:04  
|| Click OK to exit.
+
|| Click '''OK''' to exit.
  
 
|-
 
|-
||10.07  
+
||10:07  
|| Observe the clouds, now.
+
|| Observe the clouds now.
  
 
|-
 
|-
||10.10
+
||10:10
|| Let’s undo this by pressing CTRL and Z keys.
+
|| Let’s '''undo''' this by pressing '''Ctrl''' and '''Z''' keys.
  
 
|-
 
|-
||10.14  
+
||10:14  
|| Let us use bitmaps to fill the object “water”.
+
|| Let us use '''bitmaps''' to fill the object “'''water'''”.
  
 
|-
 
|-
|| 10.19
+
|| 10:19
|| Now let us make the water look more realistic.
+
|| Now, let us make the water look more realistic.
 +
 
 
|-
 
|-
||10.22  
+
||10:22  
 
|| To do this, select the grouped triangle and curve.
 
|| To do this, select the grouped triangle and curve.
  
 
|-
 
|-
|| 10.26
+
|| 10:26
|| Right-click for the context menu, and select “Area”.
+
|| Right-click for the context menu and select '''Area'''.
 +
 
 
|-
 
|-
||10.31  
+
||10:31  
|| In the “Area” dialog box, click the “Bitmaps” tab.
+
|| In the '''Area''' dialog-box, click the '''Bitmaps''' tab.
  
 
|-
 
|-
|| 10.36
+
|| 10:36
|| Scroll down the list of bitmaps and select “Water”.
+
|| Scroll down the list of bitmaps and select '''Water'''.
 +
 
 
|-
 
|-
||10.41  
+
||10:41  
|| Click OK.
+
|| Click '''OK'''.
  
 
|-
 
|-
||10.43  
+
||10:43  
 
|| The water looks more realistic now!
 
|| The water looks more realistic now!
  
 
|-
 
|-
||10.46  
+
||10:46  
 
|| Pause this tutorial and do this assignment.
 
|| Pause this tutorial and do this assignment.
 +
 
|-
 
|-
|| 10.50  
+
|| 10:50  
 
|| Draw objects and fill them with color, gradients, hatching and bitmaps.
 
|| Draw objects and fill them with color, gradients, hatching and bitmaps.
 +
 
|-
 
|-
||10.57  
+
||10:57  
|| Use the Transparency tab and see its effects on the objects.
+
|| Use the '''Transparency''' tab and see its effects on the objects.
  
 
|-
 
|-
|| 11.02
+
|| 11:02
 
|| Let’s color the sky now. This is simple!
 
|| Let’s color the sky now. This is simple!
 +
 
|-
 
|-
||11.06  
+
||11:06  
 
|| We just apply a background to the whole page.  
 
|| We just apply a background to the whole page.  
  
 
|-
 
|-
||11.10  
+
||11:10  
|| Click the cursor on the page, to ensure no objects are selected.
+
|| Click the cursor on the '''page''' to ensure no objects are selected.
 +
 
 
|-
 
|-
||11.15  
+
||11:15  
|| Right-click for the context menu.  
+
|| Right-click for the '''context menu'''.  
 +
 
 
|-
 
|-
||11.21  
+
||11:21  
|| The “Page setup” dialog box is displayed.
+
|| Click '''Page''' and select '''Page setup'''. The '''Page setup'''  dialog-box is displayed.
 +
 
 
|-
 
|-
||11.25  
+
||11:25  
|| Click the “Background” tab and under “Fill” and select “Color”.
+
|| Click the '''Background''' tab and under '''Fill''',  select '''Color'''.
  
 
|-
 
|-
||11.30  
+
||11:30  
|| Let’s scroll down  and select the color “Blue 8”.
+
|| Let’s scroll down  and select the color '''Blue 8'''.
 +
 
 
|-
 
|-
||11.34  
+
||11:34  
|| Click OK.
+
|| Click '''OK'''.
  
 
|-
 
|-
||11.36
+
||11:36
|| Draw asks you if this background setting should be for all pages.
+
|| '''Draw''' asks you if this background setting should be for all pages.
 +
 
 
|-
 
|-
||11.41  
+
||11:41  
|| Click NO.
+
|| Click '''NO'''.
 +
 
 
|-
 
|-
||11.44  
+
||11:44  
 
|| Now only the selected page has a background color.
 
|| Now only the selected page has a background color.
  
 
|-
 
|-
||11.48  
+
||11:48  
|| You can also choose not to fill the object with colors.  
+
|| You can also choose not to fill the object with any color.  
  
 
|-
 
|-
||11.52  
+
||11:52  
 
|| Let us select the mountain.
 
|| Let us select the mountain.
 +
 
|-
 
|-
||11.55  
+
||11:55  
|| Right-click for the context menu and select “Area”.
+
|| Right-click for the context menu and select '''Area'''.
  
 
|-
 
|-
||11.59
+
||11:59
|| In the “Area” dialog box, select the “Area” tab.  
+
|| In the '''Area''' dialog-box, select the '''Area''' tab.  
 +
 
 
|-
 
|-
||12.04  
+
||12:04  
|| Under “Fill” and select “None”.
+
|| Under '''Fill''', select '''None'''.
 +
 
 
|-
 
|-
||12.06  
+
||12:06  
|| Click OK.
+
|| Click '''OK'''.
 +
 
 
|-
 
|-
|| 12.08
+
|| 12:08
 
|| The object is not filled with any color and only the outline is seen against the background.
 
|| The object is not filled with any color and only the outline is seen against the background.
  
 
|-
 
|-
||12.15   
+
||12:15   
|| To undo the action, press CTRL+Z keys.
+
|| To '''undo''' the action, press '''Ctrl+Z''' keys.
  
 
|-
 
|-
||12.20
+
||12:20
|| You can also access all these options from the Format menu.  
+
|| You can also access all these options from the '''Format''' menu.  
 +
 
 
|-
 
|-
||12.25  
+
||12:25  
|| Remember to save your file by pressing CTRL+S keys together, every time you make a change.
+
|| Remember to '''save''' your file by pressing '''Ctrl+S''' keys together, every time you make a change.
  
 
|-
 
|-
|| 12.34
+
|| 12:34
|| Alternately, set the Automatic Save option so that the changes are saved automatically.
+
|| Alternately, set the '''Automatic Save''' option so that the changes are saved automatically.
  
 
|-
 
|-
||12.41
+
||12:41
 
|| Here is another assignment for you.
 
|| Here is another assignment for you.
 +
 
|-
 
|-
||12.43  
+
||12:43  
 
||Color this picture you created.
 
||Color this picture you created.
  
 
|-
 
|-
||12.45   
+
||12:45   
||Give a background to the page.
+
||Give a background to the '''page'''.
  
 
|-
 
|-
||12.47  
+
||12:47  
 
||Create some new colors.
 
||Create some new colors.
  
 
|-
 
|-
||12.50  
+
||12:50  
|| This brings us to the end of this tutorial on LibreOffice Draw.
+
||This brings us to the end of this tutorial on LibreOffice Draw.
  
 
|-
 
|-
||12.54  
+
||12:54  
 
||In this tutorial, we have learnt how to use color, gradients, hatching and bitmaps to:
 
||In this tutorial, we have learnt how to use color, gradients, hatching and bitmaps to:
  
 
|-
 
|-
||13.01  
+
||13:01  
 
||Fill objects
 
||Fill objects
  
 
|-
 
|-
||13.03
+
||13:03
 
||Create backgrounds and
 
||Create backgrounds and
  
 
|-
 
|-
|| 13.05
+
||13:05
||Create new styles
+
||Create new styles.
 
   
 
   
 
|-
 
|-
||13.07
+
||13:07
||Watch the video available at http://spoken-tutorial.org/What_is_a_Spoken_Tutorial
+
||Watch the video available at the following link:
 +
http://spoken-tutorial.org/What_is_a_Spoken_Tutorial
  
 
|-
 
|-
||13.10  
+
||13:10  
||It summarises the Spoken Tutorial project
+
||It summarizes the Spoken Tutorial project.
  
 
|-
 
|-
||13.13  
+
||13:13  
||If you do not have good bandwidth, you can download and watch it
+
||If you do not have good bandwidth, you can download and watch it.
  
 
|-
 
|-
||13.18
+
||13:18
||The Spoken Tutorial Project Team
+
||The Spoken Tutorial Project team:
  
 
|-
 
|-
||13.20
+
||13:20
||Conducts workshops using spoken tutorials
+
||Conducts workshops using spoken tutorials.
  
 
|-
 
|-
||13.23
+
||13:23
||Gives certificates for those who pass an online test
+
||Gives certificates for those who pass an online test.
  
 
|-
 
|-
||13.27
+
||13:27
||For more details, please write to contact at spoken hyphen tutorial dot org
+
||For more details, please write to:contact at spoken hyphen tutorial dot org.
  
 
|-
 
|-
||13.33
+
||13:33
||Spoken Tutorial Project is a part of the Talk to a Teacher project
+
||'''Spoken Tutorial''' project is a part of the '''Talk to a Teacher''' project.
  
 
|-
 
|-
||13.38
+
||13:38
||It is supported by the National Mission on Education through ICT, MHRD, Government of India
+
||It is supported by the National Mission on Education through ICT, MHRD, Government of India.
 +
 
 
|-
 
|-
||13.45
+
||13:45
||More information on this Mission is available at spoken hyphen tutorial dot org slash NMEICT hyphen Intro
+
||More information on this mission is available at:spoken hyphen tutorial dot org slash NMEICT hyphen Intro.
  
 
|-
 
|-
||13.56  
+
||13:56  
||This tutorial has been contributed by Desi Crew Solution Pvt. ltd.Thanks for joining.
+
||This tutorial has been contributed by Desi Crew Solution Pvt. Ltd.Thanks for joining.

Latest revision as of 15:43, 23 March 2017

Time Narration
00:00 Welcome to the Spoken Tutorial on Fill Objects with Color in LibreOffice Draw.
00:06 In this tutorial, you will learn how to:
00:09 Fill objects with color, gradients, hatching and bitmaps
00:15 Set page backgrounds
00:17 Create new colors.
00:20 Let us begin by opening the file WaterCycle.
00:24 You can fill objects with:* Colors* Gradients
00:29 Line patterns or hatching and * Pictures.
00:33 Here, we are using:Ubuntu Linux version 10.04 and LibreOffice Suite version 3.3.4.
00:42 Let us color the WaterCycle diagram.
00:46 Let’s begin by coloring the two clouds next to the sun. We shall fill them with white.
00:54 Select the cloud next to the sun.
00:56 Right-click to view the context menu and click Area.
01:01 The Area dialog-box is displayed.
01:05 Click the Area tab and under the Fill option, select Color.
01:13 Scroll down and click on White.
01:16 Click OK.
01:19 In the same way, we will colour the other cloud too.
01:24 Right-click under Area, Color and White.
01:30 Coloring each cloud will take a long time.
01:33 An easier way to do this is to group them.
01:38 Let’s color the other two clouds in gray as they are rain-bearing clouds.
01:46 First let’s group them.
01:48 Press the Shift key and click the first cloud and then click on the second.
01:54 Right-click for the context menu and click Group.
01:58 The clouds are now grouped.
02:00 Again, right-click for the context menu and click Area.
02:07 In the Area dialog-box, click the Area tab. Under the Fill option, select Color and scroll down and click on the colour Gray 70%.
02:23 Click OK.
02:25 Let’s color the triangle brown 3 in the same way.
02:37 Now, let’s color the rectangle in brown 4 in the same way, again.
02:48 Similarly, let's colour the sun yellow.
02:58 Next, let’s color the other triangle and curve that represents water with the colour turquoise 1.
03:05 As they require the same formatting, let’s group them if they are not already grouped.
03:12 To color them, let’s follow the same steps as in the previous ones - right-click, Area -> Area tab -> Fill -> color -> turquoise 1.
03:27 Observe that in the object water, the outlines of the triangle and the curve are displayed.
03:35 Let’s make these outlines invisible so that the picture looks better.
03:41 Select the object, right-click to view the context menu and click Line.
03:48 The Line dialog-box is displayed.
03:52 Click the Line tab .
03:55 In Line properties, click on the Style drop-down box and select Invisible.
04:03 Click OK.
04:05 The outline of water object becomes invisible.
04:09 Now, let us color the trees.
04:14 Let us select the left-most tree.
04:16 Right-click to view the context-menu and click on Enter Group.
04:23 Now, let’s edit the tree.
04:26 Select the leaves on the right.
04:30 Right-click for the context menu and click Area.
04:36 In the Area dialog-box,
04:38 click the Area tab.
04:40 Under Fill, select Color.
04:44 Scroll down and click on Green 5.
04:47 Click OK.
04:49 Let us do the same for the leaves on the left.
04:57 Let’s color the trunk of the tree next.
05:05 Select the Y-shaped arrow, right-click for the context menu and click Area.
05:08 Notice that all the previous selections are retained in the Area dialog-box.
05:15 So, let's select Color.
05:18 Scroll down and click on Brown 1.
05:21 Click OK.
05:23 We have colored the tree!
05:26 To exit the group, right-click and select Exit Group.
05:31 We can color the other trees in the same way.
05:36 We can also delete the other trees, copy-paste the colored tree and move it to the desired location.
05:44 It is much easier this way, isn’t it?
05:49 Now, let us add a shadow to the cloud next to the Sun.
05:55 Let’s click Select from the Drawing toolbar to select and then group them.
06:03 Select the white cloud group and right-click for the context menu and click Area.
06:10 In the Area dialog-box, click the Shadow tab.
06:15 In Properties, check the Use Shadow box.
06:20 The other fields now become active.
06:24 In Position, click the bottom-right corner option.
06:29 Position” defines where the shadow will appear.
06:33 In the Color field, select Gray.
06:36 Click OK.
06:39 A shadow is displayed behind each white cloud.
06:44 Now, let’s make the clouds look more realistic.
06:48 Select the gray cloud group and right-click to view the context menu and select Area.
06:55 In the “Area” dialog-box, select Area tab. Under Fill, click Gradient.
07:02 Now select Gradient1.
07:04 Click OK.
07:06 The cloud now has a more realistic shade of gray!
07:11 Select a shape - say a cloud group. Right-click for the context menu and click Area.
07:19 The Area tab options are visible.
07:23 Under Fill, you will see the 4 options -
07:27 Color, Gradient, Hatching and Bitmap.
07:32 Notice that there is a corresponding tab in the dialog-box for each of these options.
07:39 These tabs allow us to create and save new styles.
07:43 Let’s click on the Colors tab.
07:46 Under Properties, let’s select Red 3 from the Color drop-down.
07:53 Then, select RGB and enter the values for 'R', 'G' and 'B' as shown.
08:01 R, G and B stand for the proportion of Red, Green and Blue in any color.
08:08 We will enter 200 for R, 100 for G and 50 for B.
08:16 Here we are changing the proportion of red, green and blue to change the color.
08:22 Look at the preview box, above the RGB field.
08:28 The first preview box displays the original color.
08:31 The second preview box, next to the Color field, shows the changes that we made.
08:37 Let’s type a name for this, in the Name field.
08:41 Let’s enter the name New red.
08:44 Click on the Add button.
08:46 The new color is added to the list.
08:49 Click OK.
08:51 We have created a new color!
08:54 Let’s undo this action by pressing Ctrl and Z.
08:59 The colour of the cloud reverts to white, again.
09:03 You can create your own gradients and hatching too, using the tabs in the Area dialog-box.
09:10 Gradients are shades that blend from one color to the other.
09:14 For example, the color shade moves from blue to green.
09:18 Hatching is a shading or texture in drawing that is created using fine parallel lines.
09:24 Now, let’s learn how to import a bitmap into Draw.
09:28 From the Main menu, select Format and click Area.
09:33 As seen earlier, the Area dialog-box opens. Click on the Bitmaps tab.
09:39 Now, click on the Import button.
09:42 The Import dialog-box appears.
09:45 Browse and select a bitmap.
09:48 Click on the Open button.
09:50 Draw prompts you to enter a name for the Bitmap.
09:55 Let’s enter the name NewBitmap.
09:58 Click OK.
10:00 The Bitmap now appears in the drop-down list.
10:04 Click OK to exit.
10:07 Observe the clouds now.
10:10 Let’s undo this by pressing Ctrl and Z keys.
10:14 Let us use bitmaps to fill the object “water”.
10:19 Now, let us make the water look more realistic.
10:22 To do this, select the grouped triangle and curve.
10:26 Right-click for the context menu and select Area.
10:31 In the Area dialog-box, click the Bitmaps tab.
10:36 Scroll down the list of bitmaps and select Water.
10:41 Click OK.
10:43 The water looks more realistic now!
10:46 Pause this tutorial and do this assignment.
10:50 Draw objects and fill them with color, gradients, hatching and bitmaps.
10:57 Use the Transparency tab and see its effects on the objects.
11:02 Let’s color the sky now. This is simple!
11:06 We just apply a background to the whole page.
11:10 Click the cursor on the page to ensure no objects are selected.
11:15 Right-click for the context menu.
11:21 Click Page and select Page setup. The Page setup dialog-box is displayed.
11:25 Click the Background tab and under Fill, select Color.
11:30 Let’s scroll down and select the color Blue 8.
11:34 Click OK.
11:36 Draw asks you if this background setting should be for all pages.
11:41 Click NO.
11:44 Now only the selected page has a background color.
11:48 You can also choose not to fill the object with any color.
11:52 Let us select the mountain.
11:55 Right-click for the context menu and select Area.
11:59 In the Area dialog-box, select the Area tab.
12:04 Under Fill, select None.
12:06 Click OK.
12:08 The object is not filled with any color and only the outline is seen against the background.
12:15 To undo the action, press Ctrl+Z keys.
12:20 You can also access all these options from the Format menu.
12:25 Remember to save your file by pressing Ctrl+S keys together, every time you make a change.
12:34 Alternately, set the Automatic Save option so that the changes are saved automatically.
12:41 Here is another assignment for you.
12:43 Color this picture you created.
12:45 Give a background to the page.
12:47 Create some new colors.
12:50 This brings us to the end of this tutorial on LibreOffice Draw.
12:54 In this tutorial, we have learnt how to use color, gradients, hatching and bitmaps to:
13:01 Fill objects
13:03 Create backgrounds and
13:05 Create new styles.
13:07 Watch the video available at the following link:

http://spoken-tutorial.org/What_is_a_Spoken_Tutorial

13:10 It summarizes the Spoken Tutorial project.
13:13 If you do not have good bandwidth, you can download and watch it.
13:18 The Spoken Tutorial Project team:
13:20 Conducts workshops using spoken tutorials.
13:23 Gives certificates for those who pass an online test.
13:27 For more details, please write to:contact at spoken hyphen tutorial dot org.
13:33 Spoken Tutorial project is a part of the Talk to a Teacher project.
13:38 It is supported by the National Mission on Education through ICT, MHRD, Government of India.
13:45 More information on this mission is available at:spoken hyphen tutorial dot org slash NMEICT hyphen Intro.
13:56 This tutorial has been contributed by Desi Crew Solution Pvt. Ltd.Thanks for joining.

Contributors and Content Editors

Gaurav, Minal, PoojaMoolya, Pratik kamble, Sakinashaikh, Sandhya.np14