Changes

The files created by you, are stored in the home/.tuxpaint/saved folder, in the 'png' format. To open the .tuxpaint folder, you may need to select the 'view hidden' files in the /home folder on Ubuntu. The file name will begin with 'year+month+date' in YYYYDDMM format, followed by a serial number.

The files created by you, are stored in the home/.tuxpaint/saved folder, in the 'png' format. To open the .tuxpaint folder, you may need to select the 'view hidden' files in the /home folder on Ubuntu. The file name will begin with 'year+month+date' in YYYYDDMM format, followed by a serial number.

<br><br><br><br><br>

<br>

=== Creating a simple animation (''Tux Paint'') ===

=== Creating a simple animation (''Tux Paint'') ===

Tux Paint allows you to create simple animations by letting you create a slide presentation of a set of images. You can save the image you drew. Make small changes to it and save it as a new file. You can then ‘play’ the two photos in a recurring manner to create a simple animation. Your animation can have as many images as you like.

Tux Paint allows you to create simple animations by letting you create a slide presentation of a set of images. You can save the image you drew. Make small changes to it and save it as a new file. You can then ‘play’ the two photos in a recurring manner to create a simple animation. Your animation can have as many images as you like.

We have created two drawings of a tree, one  without  fruits (shown in previous section) and one with (below). The second one is created simply by painting small fruits on the earlier painting and saving the same. Playing these two images recurrently in Tux Paint creates a simple animation of the changes in the tree over the seasons.  

We have created two drawings of a tree, one  without  fruits (shown in previous section) and one with (below). The second one is created simply by painting small fruits on the earlier painting and saving the same. Playing these two images recurrently in Tux Paint creates a simple animation of the changes in the tree over the seasons.  

[[File:COL_-_Simple_animation_using_Tux_Paint_-_Tree_with_leaves_and_fruits.png|left|thumb|400x400px|Image to show creating an animation using two drawings in Tux Paint]]

[[File:COL_-_Simple_animation_using_Tux_Paint_-_Tree_with_leaves_and_fruits.png|thumb|400x400px|Image to show creating an animation using two drawings in Tux Paint|none]]

=== Creating image resources using a screen capture tool (Screenshot) ===

=== Creating image resources using a screen capture tool (Screenshot) ===

You have an option of capturing the entire display on your screen or selecting a smaller area. For the latter option, chose ‘select area to grab’, as shown in the image. Then use your mouse to drag drop the (rectangular) area you want to capture. (Move your cursor to the left top of the area, keep your left mouse click pressed, move the cursor to the right bottom point and release it).

You have an option of capturing the entire display on your screen or selecting a smaller area. For the latter option, chose ‘select area to grab’, as shown in the image. Then use your mouse to drag drop the (rectangular) area you want to capture. (Move your cursor to the left top of the area, keep your left mouse click pressed, move the cursor to the right bottom point and release it).

[[File:COL_-_Creating_an_image_using_Screenshot_-_select_area.png|left|thumb|450x450px|Image - Creating an image using Screenshot (select area to grab)]]

[[File:COL_-_Creating_an_image_using_Screenshot_-_select_area.png|thumb|450x450px|Image - Creating an image using Screenshot (select area to grab)|none]]

Open the image you want to edit. You can see the menu bar providing different options for editing the image.

Open the image you want to edit. You can see the menu bar providing different options for editing the image.

[[File:COL_-_Opening_an_image_file_using_GIMP.png|left|thumb|450x450px|Image - File opened in GIMP]]<br>

[[File:COL_-_Opening_an_image_file_using_GIMP.png|thumb|450x450px|Image - File opened in GIMP|none]]<br>Short videos on GIMP are available on <nowiki>http://spoken-tutorial.org/tutorial-search/?search_foss=GIMP&search_language=English</nowiki> . Each video is less than 10 minutes and focuses on select features of the application.

 

Short videos on GIMP are available on <nowiki>http://spoken-tutorial.org/tutorial-search/?search_foss=GIMP&search_language=English</nowiki> . Each video is less than 10 minutes and focuses on select features of the application.

==== Cropping an image ====

==== Cropping an image ====

You can export this cropped image using File → Export as and export to an image format like .png or .jpeg.

You can export this cropped image using File → Export as and export to an image format like .png or .jpeg.

[[File:COL_-_Crop_to_selection_of_an_image,_using_GIMP.png|left|thumb|450x450px|Entering text on an image using GIMP]]

[[File:COL_-_Crop_to_selection_of_an_image,_using_GIMP.png|thumb|450x450px|Entering text on an image using GIMP|none]]  

 

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

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

In our image, we have added the text ‘Digital Storytelling, Health centre’ and selected the yellow colour for the text, since it will display better against a dark background. (Tip - the text should be in a colour contrasting with the background, for easier visibility).  

In our image, we have added the text ‘Digital Storytelling, Health centre’ and selected the yellow colour for the text, since it will display better against a dark background. (Tip - the text should be in a colour contrasting with the background, for easier visibility).  

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

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

   

   

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.   

[[File:COL_-_Scaling_an_image_using_GIMP.png|left|thumb|450x450px|Image to show cropping an image using GIMP]]         

[[File:COL_-_Scaling_an_image_using_GIMP.png|thumb|450x450px|Image to show cropping an image using GIMP|none]]         

  <br>

  <br>

=== Inserting images in a text document (''LibreOffice Writer'') ===

=== Inserting images in a text document (''LibreOffice Writer'') ===

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.