Changes

We have created four drawings of a tree, to represent different views over the year. The first one is barren, second with leaves, third with leaves and flowers and fourth one with leaves, flowers and  fruits. The second, third and fourth images are created by modifying the previous one and saving the same. Playing these images recurrently in Tux Paint creates a simple animation of the changes in the tree over time (image 6).  

We have created four drawings of a tree, to represent different views over the year. The first one is barren, second with leaves, third with leaves and flowers and fourth one with leaves, flowers and  fruits. The second, third and fourth images are created by modifying the previous one and saving the same. Playing these images recurrently in Tux Paint creates a simple animation of the changes in the tree over time (image 6).  

{{clear}}

{{clear}}

[[File:Animation created using Tux Paint2.ogv|thumb|400x450px|Image 7 - Creating an animation using a series of drawings in Tux Paint|left]]

[[File:Animation created using Tux Paint2.ogv|thumb|400x450px|Image 6a - Creating an animation using a series of drawings in Tux Paint|left]]

A second example of creating an animation using a series of images in Tux Paint is also shown here. Here with very minimum changes between the images, an animation of a walking person has been created.  

A second example of creating an animation using a series of images in Tux Paint is also shown here. Here with very minimum changes between the images, an animation of a walking person has been created. (image 6a).  

{{clear}}

{{clear}}

==== Adding text to an image ====

==== Adding text to an image ====

You may want to add a caption to an image and make that caption a part of the image itself. You can do this using GIMP

You may want to add a caption to an image and make that caption a part of the image itself. You can do this using GIMP.

[[File:Entering_text_on_an_image_using_GIMP.png|thumb|450x450px|Image 10 - Entering text on an image using GIMP|left]]

[[File:Entering_text_on_an_image_using_GIMP.png|thumb|450x450px|Image 10 - Entering text on an image using GIMP|left]]

GIMP will open a form asking for reduction in quality. You can reduce quality up to 30% without visible degradation in quality. We reduced the size of a file from 10.7MB to 1.2 MB using above approach.

GIMP will open a form asking for reduction in quality. You can reduce quality up to 30% without visible degradation in quality. We reduced the size of a file from 10.7MB to 1.2 MB using above approach.

{{clear}}

{{clear}}

=== Combining images and text ===

=== Combining images and text ===

One of the ways of making OER powerful and high quality is by suitably integrating multiple resource formats. Images can be embedded / inserted into a text document. The image and the related text enhance the value of the other in the document.

One of the ways of making OER powerful and high quality is by suitably integrating multiple resource formats. Images can be embedded / inserted into a text document. The image and the related text enhance the value of the other in the document.

We have already seen in the previous chapter on text OER how to export a concept map as an image (image 12) and save in your resource folder. This image of a concept map can be inserted into a text document; we have inserted our concept map on digital story telling into a document on digital story telling. We will open LibreOfficeWriter (image13). (<u>Application -> Office -> LibreOffice Writer</u>) and open the document we have been working on in the previous chapter "Learning Digital Story Telling.odt". You can increase or reduce the size of this image by moving your cursor to one of the vertices of the image and drag-dropping your cursor.

We have already seen in the previous chapter on text OER how to export a concept map as an image (image 12) and save in your resource folder. This image of a concept map can be inserted into a text document; we have inserted our concept map on digital story telling into a document on digital story telling. For this we will open the document we have been working on in the previous chapter [[:File:Learning Digital Story Telling (after audio video OER).odt|"Learning Digital Story Telling.odt]]". You can increase or reduce the size of this image by moving your cursor to one of the vertices of the image and drag-dropping your cursor.

We will create a section ‘Concept map’ in the document.  Move the cursor below this heading and select <u>Insert → Image</u> (image 13). LibreOffice Writer will open the file browser. Use file browser to select the image file of your concept map. The image will be inserted in your text document as shown.

We will create a section ‘Concept map’ in the text document.  Move the cursor below this heading and select <u>Insert → Image</u>. LibreOffice Writer will open the file browser. Use file browser to select the image file of your concept map. The image will be inserted in your text document as shown (image 13).

{|

{|

|}

|}

By inserting images into a text document, you can present a story a series of text and images, this is called a [[wikipedia:Picture_book|picture book]]. Picture stories are useful to support language learning. The student can associate the word with the image and can build a [http://pictionary.gyza.cz/ pictionary].

By inserting images into a text document, you can present a story a series of text and images, this is called a [[wikipedia:Picture_book|picture book]]. Picture stories are useful to support language learning. Another variation is to allow students to see a word and draw a digital image associate the word, this can simulate the [http://pictionary.gyza.cz/ pictionary] game.

==== Presenting image resources in a ‘slide presentation’ format (''LibreOffice Impress'') ====

==== Presenting image resources in a ‘slide presentation’ format (''LibreOffice Impress'') ====

Inserting a set of images on a set of slides (an image a slide) can be nice way of telling a story as well. For instance, if you want to tell the story of your visit to a historical place, you could insert the photos in the order you want to talk about them, in a set of slides. Then using slide show (<u>Slide Show -> Start from the first slide</u>), you can narrate a story, explaining the photos sequentially.  

Inserting a set of images on a set of slides (an image a slide) can be nice way of telling a story as well. For instance, if you want to tell the story of your visit to a historical place, you could insert the photos in the order you want to talk about them, in a set of slides. Then using slide show (<u>Slide Show -> Start from the first slide</u>), you can narrate a story, explaining the photos sequentially.  

You can also move the image to one side of the slide and on the other side, insert a text box and add text which explains the image (image 14). Moving the image is done by simply clicking on one corner of the image and drag dropping to the other corner of the image.  

You can also move the image to one side of the slide and on the other side, insert a text box and add text which explains the image (image 14). Moving the image is done by simply clicking on the image and moving your cursor to the place you want to position the image.  

{{clear}}

{{clear}}

We have inserted the image of the students interacting with the Community Health Institution official and a text box by the side of the image. The combination of an image and text resource adds more power and meaning of the information conveyed, than only the text or the image would have conveyed.

We have inserted the image of the students interacting with the Community Health Institution official and a text box by the side of the image. The combination of an image and text resource adds more power and meaning of the information conveyed, than only the text or only the image would have conveyed.

You should create image OER related to your topic. It could be through photographs or by using Screenshot or Tux Paint. Edit your images using GIMP. so that you can communicate what you have in mind. Save the images in your personal digital library, you could save in a sub folder called 'Images'.

'''Activity time''' - You should insert the image OER related to your topic on a presentation slide. Add text in text boxes adjacent to the images to communicate the message in your OER.

.

=== Alternative applications and alternative platforms  ===

=== Alternative applications and alternative platforms  ===

GIMP is also available on Microsoft Windows. The functions and menu options of GIMP on Windows are similar to those on Ubuntu platform. Learning GIMP on Windows is similar to learning it on Ubuntu.

Tux Paint and GIMP are also available on Microsoft Windows. The functions and menu options of these tools on Windows are similar to those on Ubuntu platform. Learning these tools on Windows is similar to learning it on Ubuntu.

Please refer to [[Teachers'_toolkit_for_creating_and_re-purposing_OER_using_FOSS/Annexure|Annexure]], for a list of equivalent Free and Open Source Software applications on the GNU/Linux, Microsoft Windows and Android (Mobile phone)  platforms and on the web, for image and animation software.

Please refer to [[Teachers'_toolkit_for_creating_and_re-purposing_OER_using_FOSS/Annexure|Annexure]], for a list of equivalent Free and Open Source Software applications on the GNU/Linux, Microsoft Windows and Android (Mobile phone)  platforms and on the web, for image and animation software.

[[Category:Teachers' toolkit for creating and re-purposing OER using FOSS]]

[[Category:Teachers' toolkit for creating and re-purposing OER using FOSS]]