1,886
edits
Changes
From Open Educational Resources
Teachers' toolkit for creating and re-purposing OER using FOSS/Image and animation OER (view source)
Revision as of 12:07, 26 February 2017
, 12:07, 26 February 2017no edit summary
Select <u>Tools → Selection Tools → Free Select</u>
Select <u>Tools → Selection Tools → Free Select</u>
You can move your cursor on the image to outline the area you want to crop, this is free hand, not necessarily in the form of a rectangle. Then crop the image to your selection through Image → Crop to Selection. You can export this cropped image using File → Export as and export to an image format like .png or .jpeg.
You can move your cursor on the image to outline the area you want to crop, this is free hand, not necessarily in the form of a rectangle. Then crop the image to your selection through Image → Crop to Selection. We have cropped the image to free select only the teacher and the student.
You can export this cropped image using File → Export as and export to an image format like .png or .jpeg.
Entering text on an image using GIMP<br>
[[File:COL_-_Crop_to_selection_of_an_image,_using_GIMP.png|450px]]
[[File:COL_-_Crop_to_selection_of_an_image,_using_GIMP.png|450px]]
=== 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
Select Tools → Text. A text tool box appears.
Select <u>Tools → Text.</u> A text tool box appears.
Place your cursor where you want to type your text. You can format the text (change font size, color) through the Text tool box
Place your cursor where you want to type your text. You can format the text (change font size, colour) through the Text tool box.
In our image, we have added the text ‘Digital Storytelling, Health centre’
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).
Image to show text entered on an image using GIMP <br>
Image - Entering text on an image using GIMP
[[File:Entering text on an image using GIMP.png|450px]]
[[File:Entering text on an image using GIMP.png|450px]]
You too should enter captions on a few image resources which you have created for your OER, in this section.
You too should enter captions on a few image resources which you have created for your OER, in this section.
=== Reducing the size of an image ===
==== Reducing the size of an image ====
Sometimes image files can be heavy (compared to text only files). You can reduce the size of an image using GIMP.
Sometimes image files can be heavy (compared to text only files). You can reduce the size of an image using GIMP.
GIMP will open a form asking for reduction in quality. You can reduce quality upto 30% without visible degradation in quality.
GIMP will open a form asking for reduction in quality. You can reduce quality upto 30% without visible degradation in quality.
We reduced the size of a file from 10.7MB to 1.2 MB using above approach.
=== We reduced the size of a file from 10.7MB to 1.2 MB using above approach. ===
Image to show cropping an image using GIMP (free selection)<br>
Image to show cropping an image using GIMP (free selection)<br>
[[File:COL - Scaling an image using GIMP.png|450px]]
[[File:COL - Scaling an image using GIMP.png|450px]]
== Inserting images in a text document to create a picture story ==
=== Inserting images in a text document to create a picture story ===
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 will export the concept map we created to an image format as “Learning Digital Story Telling.jpeg” and insert it in our “Learning Digital Story Telling.odt”.
We will export the concept map we created to an image format as “Learning Digital Story Telling.jpeg” and insert it in our “Learning Digital Story Telling.odt”.
Open Freeplane
Open Freeplane. Select <u>File → Export</u>
Image to show export of a concept map using Freeplane<br>
Select File → Export
[[File:COL - freeplane export.png|450px]]
Image to show export of a concept map using Freeplane<br>
[[File:COL - freeplane export.png|450px]]
You will get a form with options for ‘File type’. Chose the file type ‘png’ which is a popular and open image format.
You will get a form with options for ‘File type’. Chose the file type ‘png’ which is a popular and open image format.
Image to show export of a concept map to .jpeg format using Freeplane<br>
Image to show export of a concept map to .jpeg format using Freeplane<br>
[[File:COL - Export freeplane as image.png|450px]]
[[File:COL - Export freeplane as image.png|450px]]
You can save this image file in your ‘concept map’ sub-folder within your topic folder
You can save this image file in your ‘concept map’ sub-folder within your topic folder
We will open LibreOfficeWriter. (<u>Application -> Office -> LibreOffice Writer</u>) and open the document we have been working on in the previous chapter "Learning Digital Story Telling.odt"
We will create a section ‘Concept map’ in the 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 showing insertion of image of a concept map in LibreOffice Writer<br>
[[File:COL - Inserting image of concept map in text document.png|450px]]
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.
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.
=== Alternative applications - Tux Paint ===
=== Alternative applications - Tux Paint ===
Alternative paint applications include KolorPaint (<nowiki>https://en.wikipedia.org/wiki/KolourPaint</nowiki>) and MyPaint (<nowiki>https://en.wikipedia.org/wiki/MyPaint</nowiki>). MyPaint and Krita are paint applications on Windows.
Alternative paint applications include KolourPaint (<nowiki>https://en.wikipedia.org/wiki/KolourPaint</nowiki>) and MyPaint (<nowiki>https://en.wikipedia.org/wiki/MyPaint</nowiki>). MyPaint and Krita are paint applications on Windows.
Pencil is another animation tool, it is available on GNU/Linux and Windows (<nowiki>https://en.wikipedia.org/wiki/Pencil2D</nowiki>)
Pencil is another animation tool, it is available on GNU/Linux and Windows (<nowiki>https://en.wikipedia.org/wiki/Pencil2D</nowiki>)
