Difference between revisions of "Learn Tux Paint"

From Open Educational Resources
Jump to navigation Jump to search
m (Reverted edits by Venkatesh (talk) to last revision by Sunil)
Line 1: Line 1:
{{Template:Book-sidebar}}
+
<div class="noprint" style="float:right; border:1px solid blue;width:300px;background-color:#F5F5F5;padding:2px;">
=Introduction=
+
{| cellspacing="0"
==ICT Competency==
+
| [[File:Book.jpg|none|80px|Book image]]
 
+
| style="padding-left:2px;" | Go to <br /> [[ICT_student_textbook/Communication with graphics|ICT student textbook]]
==Educational application and relevance==
+
[[ICT teacher handbook]]
Tux Paint is a free and open source graphics editor computers with different operating systems. It features a simple interface and a fixed drawing area with access to previously made images using icons. Tux Paint is equipped with a lot of tools designed to excite young learners, from cartoon mascots who encourage them to use the software to cartoon sound effects.
+
|}</div>
 
+
===Introduction===
==Version==
+
====Basic information====
Tool Version-0.9.22
 
 
 
==Configuration==
 
Tux Paint is part of the Ubuntu distribution (in the training).  
 
This can be opened from Applications  → Education → Tux Paint 
 
 
 
==Overview of Features==
 
#Toolbox, containing the various basic tools and application controls (undo, save, new, print)
 
#Canvas, where the images are drawn and edited
 
#Color palette, where colors can be chosen (when applicable to the current tool)
 
#Selector, providing various selectable objects (e.g., brushes, fonts or sub-tools, depending on the current tool)
 
#Information area, where instructions, tips and encouragement are provided
 
 
 
You can view detailed features [http://www.tuxpaint.org/features here]
 
 
 
==Other similar applications==
 
Similar applications include [https://en.wikipedia.org/wiki/GIMP GIMP], [https://en.wikipedia.org/wiki/MyPaint MyPaint], [https://en.wikipedia.org/wiki/KolourPaint Kolourpaint]
 
 
 
==Development and community help==
 
 
 
1. Tux paint help document is [http://www.tuxpaint.org/help/ Here] <br>
 
2. Tux paint tutorials are [https://www.youtube.com/watch?v=O6hKk-0dzKA&index=1&list=PL4895DA72B06A794C Here]. <br>
 
 
 
=Working with the application=
 
==Functionalities==
 
 
 
 
{| class="wikitable"
 
{| class="wikitable"
 
|-
 
|-
| style="width: 50%;" |[[File:Tux Paint 1 Main page.png|450px]]
+
|ICT Competency
| style="width: 50%;" |[[File:Tux Paint 2 Brush tool.png|450px]]
+
|Tux Paint is a free and open source application for supporting basic digital literacy by getting familiar with the mouse as a method of input.
 +
This tool can also be used for graphic resource creation and editing.
 +
|-
 +
|Educational application and relevance
 +
|Tux Paint is useful for creating pictures, simple animations and adding text to images to create picture stories.  
 
|-
 
|-
| style="width: 50%;" | Step 1- When we open the Tux Paint we will get window like this. This window or main screen contains following sections:
+
|Version
'''left side''':Tool bar contains drawing and editing controls.<br>
+
|Version - 0.9.22
'''Middle''':drawing canvas. The largest part of the screen, in the centre, is the drawing canvas. <br>
 
'''Right Side''': Selector. <br>
 
Depending on the current tool, the selector shows different things. e.g., when the Paint Brush tool is selected, it shows the various brushes available. When the Rubber Stamp tool is selected, it shows the different shapes you can use. <br>
 
'''Lower''': Colours
 
A palette of available colours are shown near the bottom of the screen. <br>
 
'''Bottom''': Help Area
 
At the very bottom of the screen, Tux, the Linux Penguin, provides tips and other information while you draw.
 
| style="width: 50%;" |Step 2- The Paint Brush tool lets you draw freehand, using various brushes (chosen in the Selector on the right) and colors (chosen in the Color palette towards the bottom).
 
As you draw, a sound is played. The bigger the brush, the lower the pitch.  
 
 
 
 
|-
 
|-
| style="width: 50%;" |[[File:Tux Paint 3 Work done stamp on Tux Paint page.png|450px]]
+
|Configuration
| style="width: 50%;" |[[File:Tux Paint.png|400px]]
+
|No specific configuration requirements
 
|-
 
|-
| style="width: 50%;" |step 3- An example of filled and unfilled shapes.
+
|Other similar applications
| style="width: 50%;" |step 4- '''Drag and drop functionality using a mouse''' -To Draw shapes in Tux paint, Click on "Shapes" and then in right side, select any shapes which required. For ex: select rectangle shape. draw rectangle with drag (press left click and keep pressed) and drop (release left click), if you didn't keep press mouse and release, it will take not place here and keep moving with changes. This required to complete shapes drawing.  
+
|[https://en.wikipedia.org/wiki/GIMP GIMP], [https://en.wikipedia.org/wiki/MyPaint MyPaint], [https://en.wikipedia.org/wiki/KolourPaint Kolourpaint]
 
|-
 
|-
| style="width: 50%;" |[[File:Tuxpaint animation.png|400px]]
+
|The application on mobiles and tablets
| style="width: 50%;" |[[File:tuxpaintanimation1.png|400px]][[File:Animation play.png|400px]]
+
|There are graphics editors on the mobile / tablet platform like 'Photo Editor'
 
|-
 
|-
| style="width: 50%;" |step 5- Animation with Tux Paint- You can make simple animation using different slides. For Example : you can use Tux Paint to draw the life stages of a plant and you can start with a seed being blown from a mature plant. After a bit of modelling, you can create series of images showing the sun moving though the sky as a seedling grew, or rain watering a flower that keep increasing the number of petals. Each time you can make  slight changes to each drawings and finally you can save the new one as a new file.
+
|Development and community help
 +
|1. [http://www.tuxpaint.org/help/ Tux paint help document]
  
| style="width: 50%;" |step 6- Play Animation- To play the animation sequence, you can click on "Slides"and numbers them. And then you should select the speed at which the images change.
+
2. [https://www.youtube.com/watch?v=O6hKk-0dzKA&index=1&list=PL4895DA72B06A794C Tux paint tutorials]
|-
+
 
 +
3. [http://www.tuxpaint.org/ Official Website]
 
|}
 
|}
  
==File formats for creation==
+
====Overview of features====
The files created 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 begins with 'year+month+date' in YYYYDDMM format, followed by a serial number.
+
Tux Paint is a graphics editor; it can be used for digital art introduction as well as to make simple animation in the form of slide show. It has a simple interface with a drawing area, drawing tools, color palettes, shapes and stamps. The paint brushes can be used to draw free hand or with previously defined shapes. Tux Paint can also be used to edit images / photos created using other applications. It has been designed to encourage young learners with cartoon mascots and with cartoon sound effects. You can view detailed features [http://tuxpaint.org/features here].
 +
Selector, providing various objects you can select from (e.g., brushes, fonts or sub-tools, depending on the current tool).  
 +
 
 +
==== Installation ====
 +
# The application is part of the Ubuntu custom distribution.
 +
# In case you do not find it on your computer, you can install by choosing “Tux Paint” in Ubuntu Software Centre
 +
# If you would like to install through the terminal follow these steps below:
 +
## Open terminal by clicking (Ctrl+Alt+T),
 +
## Once Window page is open, in front of dollar($) symbol just type below command.
 +
## sudo apt-get install tuxpaint
  
==Saving the file==
+
===Working with the application===
Steps For Saving File <br>
+
====Getting familiar with the application====
1. Go to File menu select Save option <br>
+
[[File:Tux Paint 1 Main page.png|450px|left|frame|The Tux Paint interface]]
2. give the name for the file<br>
+
When we open the Tux Paint we will see this image. This window or main screen contains following sections:
3. It can be saved in *.ora , *.jpg , *.png and *.jpeg<br>
+
#''Left side'': Tool bar contains drawing and editing controls.
<br>
+
#''Middle'': Drawing canvas. The largest part of the screen, in the centre, is the drawing canvas.  
The files saved by Tux Paint are available in your home folder, under the sub folder /.tuxpaint/saved.  The "." preceding the tuxpaint makes this folder 'hidden'. To unhide and open this folder you can do CTRL H when you have opened your home folder. You can then see all hidden folders. You can copy these files to any other folder you want.
+
#''Right Side'': Selector; depending on the tool selected, the the selector shows different options available for the tool. For example, when the Paint Brush tool is selected, it shows the various brushes available. When the Rubber Stamp tool is selected, it shows the different shapes you can use.  
 +
#''Lower'': Colours; a palette of available colours are shown near the bottom of the screen.  
 +
#''Bottom'': Help Area at the very bottom of the screen, Tux, where the Linux Penguin, provides tips and other information while you draw.
 +
{{clear}}
  
 +
====Creating images with brushes and shapes====
 +
<gallery mode="packed" heights="250px" caption="Using the paint brush">
 +
File:Tux Paint 2 Brush tool.png|Freehand drawing using the brush
 +
File:Tux_Paint.png|Working with stamps (black and white)
 +
File:Tux Paint 3 Work done stamp on Tux Paint page.png|Working with stamps (color)
 +
</gallery>
  
==Export and publishing files==
+
The above images show the different ways of creating images with Tux Paint. 
Steps For export and publishing File <br>
+
# The first image shows you how to draw freehand. You can use the brush tool, select the kind of brush from the selector, and draw freehand.  By choosing from the color palette, you can also make a color sketch. For more fun, you can also listen to sounds as you draw. The bigger the brush, the lower the pitch. You can, of course, mute the sound.
1. Go to File menu select Export option <br>
+
# The second and third images show shapes unfilled and filled in different colors. In addition to freehand, Tux Paint allows you to select pre-defined shapes and stamps to use in your creation.  This makes the tool quite versatile. You can select the shapes tool and select the kind of shape from the right hand side selector panel. For example, select 'rectangle' shape, draw a rectangle with drag (press left click and keep pressed) and drop (release left click), if you didn't keep press mouse and release, it will  keep moving. Press and release is required to complete the drawing.  
2. give the name for the file<br>
 
3. It can be saved in *.ora , *.jpg , *.png and *.jpeg<br>
 
  
==Advanced features==
+
====Adding text to images ====
1.Multi-Platform <br>
+
[[File:Tux paint - adding text.png|450px|left|thumb|Adding text]]
2.Simple Interface <br>
+
There is also a 'text' tool, which allows you to type in text in the canvas. By combining images and text, you can create simple cartoon strip.
3.Entertaining Interface <br>
+
For adding text, Select text tool from left tool bar, click on the screen where you need to add text and start typing. from the right side font window you can change the text font. Also change the text color from the bottom color tool bar.
4.Drawing Tools <br>
+
{{clear}}
  
=Installation=
+
====Creating animations====
{| class="wikitable"
+
<gallery mode="packed" heights="200px" caption="Animating pictures with Tux Paint">
|-
+
File:Tuxpaint_animation.png|Creating a sequence of images
! Method of installation !! Steps
+
File:Tuxpaintanimation1.png|Creating a sequence of images
|-
+
File:Animation_Play.png|Animating the images using a slideshow
| From Ubuntu software Centre || search as “Tux Paint” in software centre → select and click on Install.
+
</gallery>
|-
+
#It is possible to make simple animations with the pictures you created. In the first step, shown in the first image, you can use Tux Paint to create a series of images you want to build the animation with. For example, draw the life stages of a plant and you can start with a seed being blown from a mature plant. You can add as many images as you want to tell your story.  Each time you can make  slight changes to each drawing to create the idea of animation. 
| From Terminal ||Open terminal by clicking (ctrl+Alt+T), Once window page is open, in front of dollar($) symbol just type below command.
+
#The next step is to number the images and play them using slideshow, shown in the second image above. Numbering is done by simply clicking on  '''slides'''. The bars that you see next to the play button allow you to select the speed at which the slideshow wil lrun and hence determine how your animation will look.
sudo apt-get install tuxpaint
 
|-
 
| From the web || Follow the below link for Installing through web, but again it will take you through software center.
 
https://apps.ubuntu.com/cat/applications/precise/tuxpaint/
 
  
|-
+
====Saving the files and formats====
| Web based registration ||Not applicable
+
# Once you have created/ edited your images, you can click on the save button on the left panel. If it is a new creation, Tux Paint will simply save.  If you are editing an existing image Tux Paint will give you an option of replacing the older file or saving a new file.   
|}
+
# The files will be saved as ".png". 
 +
# '''Viewing the saved files''' The files saved by Tux Paint are available in your home folder, under the sub folder /.tuxpaint/saved.  The "." preceding the tuxpaint makes this folder 'hidden'. To un-hide (show) and open this folder you can do 'CTRL H' when you have opened your home folder. You can then see all hidden folders. You can copy these files to any other folder you want. 
  
=The application on mobiles and tablets=
+
====Advanced features====
currently there is no mobile app for Tux Paint
+
You can copy image files (only in png format)  to the Tux Paint folder for saved files -  under the sub folder /.tuxpaint/saved in your home folder. You can open these using Tux Paint and  edit it within Tux Paint.
  
=Ideas for resource creation=
+
===Ideas for resource creation===
 
#It is easy to use Tux Paint to create simple drawings. These drawings can be a combination of what you can draw, combined with the 'stamps' or images already available in the application. Thus image/graphics resources can be created with Tux Paint. These images can be inserted in documents to create picture essays.
 
#It is easy to use Tux Paint to create simple drawings. These drawings can be a combination of what you can draw, combined with the 'stamps' or images already available in the application. Thus image/graphics resources can be created with Tux Paint. These images can be inserted in documents to create picture essays.
 
#It is also possible to create simple animations in Tux Paint. You can create a series of drawings, with small modifications as required. You can sequence these drawings to show one after another. You can then 'play' the slides for to create an animation.
 
#It is also possible to create simple animations in Tux Paint. You can create a series of drawings, with small modifications as required. You can sequence these drawings to show one after another. You can then 'play' the slides for to create an animation.
  
=References=
+
===References===
 
[https://en.wikipedia.org/wiki/Tux_Paint Wikipedia]
 
[https://en.wikipedia.org/wiki/Tux_Paint Wikipedia]
  
 
[[Category:Explore an application]]
 
[[Category:Explore an application]]

Revision as of 14:37, 27 March 2017

Introduction

Basic information

ICT Competency Tux Paint is a free and open source application for supporting basic digital literacy by getting familiar with the mouse as a method of input.

This tool can also be used for graphic resource creation and editing.

Educational application and relevance Tux Paint is useful for creating pictures, simple animations and adding text to images to create picture stories.
Version Version - 0.9.22
Configuration No specific configuration requirements
Other similar applications GIMP, MyPaint, Kolourpaint
The application on mobiles and tablets There are graphics editors on the mobile / tablet platform like 'Photo Editor'
Development and community help 1. Tux paint help document

2. Tux paint tutorials

3. Official Website

Overview of features

Tux Paint is a graphics editor; it can be used for digital art introduction as well as to make simple animation in the form of slide show. It has a simple interface with a drawing area, drawing tools, color palettes, shapes and stamps. The paint brushes can be used to draw free hand or with previously defined shapes. Tux Paint can also be used to edit images / photos created using other applications. It has been designed to encourage young learners with cartoon mascots and with cartoon sound effects. You can view detailed features here. Selector, providing various objects you can select from (e.g., brushes, fonts or sub-tools, depending on the current tool).

Installation

  1. The application is part of the Ubuntu custom distribution.
  2. In case you do not find it on your computer, you can install by choosing “Tux Paint” in Ubuntu Software Centre
  3. If you would like to install through the terminal follow these steps below:
    1. Open terminal by clicking (Ctrl+Alt+T),
    2. Once Window page is open, in front of dollar($) symbol just type below command.
    3. sudo apt-get install tuxpaint

Working with the application

Getting familiar with the application

The Tux Paint interface

When we open the Tux Paint we will see this image. This window or main screen contains following sections:

  1. Left side: Tool bar contains drawing and editing controls.
  2. Middle: Drawing canvas. The largest part of the screen, in the centre, is the drawing canvas.
  3. Right Side: Selector; depending on the tool selected, the the selector shows different options available for the tool. For example, when the Paint Brush tool is selected, it shows the various brushes available. When the Rubber Stamp tool is selected, it shows the different shapes you can use.
  4. Lower: Colours; a palette of available colours are shown near the bottom of the screen.
  5. Bottom: Help Area at the very bottom of the screen, Tux, where the Linux Penguin, provides tips and other information while you draw.

Creating images with brushes and shapes

The above images show the different ways of creating images with Tux Paint.

  1. The first image shows you how to draw freehand. You can use the brush tool, select the kind of brush from the selector, and draw freehand. By choosing from the color palette, you can also make a color sketch. For more fun, you can also listen to sounds as you draw. The bigger the brush, the lower the pitch. You can, of course, mute the sound.
  2. The second and third images show shapes unfilled and filled in different colors. In addition to freehand, Tux Paint allows you to select pre-defined shapes and stamps to use in your creation. This makes the tool quite versatile. You can select the shapes tool and select the kind of shape from the right hand side selector panel. For example, select 'rectangle' shape, draw a rectangle with drag (press left click and keep pressed) and drop (release left click), if you didn't keep press mouse and release, it will keep moving. Press and release is required to complete the drawing.

Adding text to images

Adding text

There is also a 'text' tool, which allows you to type in text in the canvas. By combining images and text, you can create simple cartoon strip. For adding text, Select text tool from left tool bar, click on the screen where you need to add text and start typing. from the right side font window you can change the text font. Also change the text color from the bottom color tool bar.

Creating animations

  1. It is possible to make simple animations with the pictures you created. In the first step, shown in the first image, you can use Tux Paint to create a series of images you want to build the animation with. For example, draw the life stages of a plant and you can start with a seed being blown from a mature plant. You can add as many images as you want to tell your story. Each time you can make slight changes to each drawing to create the idea of animation.
  2. The next step is to number the images and play them using slideshow, shown in the second image above. Numbering is done by simply clicking on slides. The bars that you see next to the play button allow you to select the speed at which the slideshow wil lrun and hence determine how your animation will look.

Saving the files and formats

  1. Once you have created/ edited your images, you can click on the save button on the left panel. If it is a new creation, Tux Paint will simply save. If you are editing an existing image Tux Paint will give you an option of replacing the older file or saving a new file.
  2. The files will be saved as ".png".
  3. Viewing the saved files The files saved by Tux Paint are available in your home folder, under the sub folder /.tuxpaint/saved. The "." preceding the tuxpaint makes this folder 'hidden'. To un-hide (show) and open this folder you can do 'CTRL H' when you have opened your home folder. You can then see all hidden folders. You can copy these files to any other folder you want.

Advanced features

You can copy image files (only in png format) to the Tux Paint folder for saved files - under the sub folder /.tuxpaint/saved in your home folder. You can open these using Tux Paint and edit it within Tux Paint.

Ideas for resource creation

  1. It is easy to use Tux Paint to create simple drawings. These drawings can be a combination of what you can draw, combined with the 'stamps' or images already available in the application. Thus image/graphics resources can be created with Tux Paint. These images can be inserted in documents to create picture essays.
  2. It is also possible to create simple animations in Tux Paint. You can create a series of drawings, with small modifications as required. You can sequence these drawings to show one after another. You can then 'play' the slides for to create an animation.

References

Wikipedia