Difference between revisions of "Kolourpaint (Simple Graphic Editor)"

From CDOT Wiki
Jump to: navigation, search
Line 113: Line 113:
 
<tr>
 
<tr>
 
   <td>[[Image:fill.png|thumb|100px| ]]</td>
 
   <td>[[Image:fill.png|thumb|100px| ]]</td>
   <td>Colour Fill (bucket)</td>
+
   <td>'''Colour Fill (bucket)'''</td>
 
   <td></td>
 
   <td></td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
 
   <td>[[Image:colorpicker.png|thumb|100px| ]]</td>
 
   <td>[[Image:colorpicker.png|thumb|100px| ]]</td>
   <td>Colour Picker</td>
+
   <td>'''Colour Picker'''</td>
 
   <td></td>
 
   <td></td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
   <td>[[Image:eraser.png|thumb|100px| ]]</td>
+
   <td>[[Image:eraser.png|50px| ]]</td>
   <td>Eraser</td>
+
   <td>'''Eraser'''</td>
 
   <td></td>
 
   <td></td>
 
</tr>
 
</tr>
 
  <tr>
 
  <tr>
   <td>[[Image:coloreraser.png|thumb|100px| ]]</td>
+
   <td>[[Image:coloreraser.png|50px| ]]</td>
   <td>Colour Eraser</td>
+
   <td>'''Colour Eraser'''</td>
 
   <td></td>
 
   <td></td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
   <td>[[Image:text.png|thumb|100px| ]]</td>
+
   <td>[[Image:text.png|50px| ]]</td>
   <td>Text</td>
+
   <td>'''Text'''</td>
 
   <td></td>
 
   <td></td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
   <td>[[Image:rectangle.png|thumb|100px| ]]</td>
+
   <td>[[Image:rectangle.png|50px| ]]</td>
   <td>Rectangle</td>
+
   <td>'''Rectangle'''</td>
 
   <td></td>
 
   <td></td>
 
<tr>
 
<tr>
   <td>[[Image:rrectangle.png|thumb|100px| ]]</td>
+
   <td>[[Image:rrectangle.png|50px| ]]</td>
   <td>Rounded rectangle)</td>
+
   <td>'''Rounded rectangle'''</td>
 
   <td></td>
 
   <td></td>
 
</tr>
 
</tr>
Line 148: Line 148:
 
<tr>
 
<tr>
 
   <td>[[Image:polygon.png|thumb|100px| ]]</td>
 
   <td>[[Image:polygon.png|thumb|100px| ]]</td>
   <td>Polygon</td>
+
   <td>'''Polygon'''</td>
 
   <td></td>
 
   <td></td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
   <td>[[Image:ellipse.png|thumb|100px| ]]</td>
+
   <td>[[Image:ellipse.png|50px| ]]</td>
   <td>Ellipse</td>
+
   <td>'''Ellipse'''</td>
 
   <td></td>
 
   <td></td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
   <td>[[Image:connectedline.png|thumb|100px| ]]</td>
+
   <td>[[Image:connectedline.png|50px| ]]</td>
   <td>Connected Line</td>
+
   <td>'''Connected Line'''</td>
 
   <td></td>
 
   <td></td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
   <td>[[Image:curve.png|thumb|100px| ]]</td>
+
   <td>[[Image:curve.png|50px| ]]</td>
   <td>Curve</td>
+
   <td>'''Curve'''</td>
 
   <td></td>
 
   <td></td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
   <td>[[Image:srectangle.png|thumb|100px| ]]</td>
+
   <td>[[Image:srectangle.png|50px| ]]</td>
   <td>Selection (Retangular)</td>
+
   <td>'''Selection (Retangular)'''</td>
 
   <td></td>
 
   <td></td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
   <td>[[Image:sfreeform.png|thumb|100px| ]]</td>
+
   <td>[[Image:sfreeform.png|50px| ]]</td>
   <td>Selection (Freeform)</td>
+
   <td>'''Selection (Freeform)'''</td>
 
   <td></td>
 
   <td></td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
   <td>[[Image:sellipse.png|thumb|100px| ]]</td>
+
   <td>[[Image:sellipse.png|50px| ]]</td>
   <td>Selelction (Ellipse)</td>
+
   <td>'''Selelction (Ellipse)'''</td>
 
   <td></td>
 
   <td></td>
 
</tr>
 
</tr>

Revision as of 19:24, 20 June 2011

The Kolourpaint application can be used to create simple graphics.

Purpose of Kolourpaint4

Kolourpaint is a simple Graphic editor (similar to MS Paint)...

Kolourpaint is similar to MS Paint (as opposed to gpaint) and is recommended it for simple graphical creating and editing... The main use of GIMP is for image retouching and editing, but is difficult to create simple images (eg. drawing a box, etc)...

YouTube Video

If you want to see the visual steps to "Grabbing Student Work", here is a link to a customized YouTube video: http://www.youtube.com/watch?v=QNrU4gTWEo0


Written Instructions

Below are the written instructions (in case you prefer to have a printout of these procedures):


Using KolourPaint Application

Launching KolourPaint

To be completed...

Elements of KolourPaint Application

There are several important areas in Kolourpaint:

  • File Menu
  • Main Toolbar
  • Painting Toolbar
  • Colour Selector


The Kolourpaint4 painting toolbar has the following features:

  • Select tools
  • Choose foreground, background colour
  • Draw line (various line widths, shift drag works same as in MS Paint)
  • Brush
  • Draw (Pencil)
  • Colour Fill (bucket)
  • Eraser
  • Colour Eraser
  • Text
  • Rectangle (also rounded rectangle)
  • Polygon
  • Ellipse
  • Connected Line
  • Curve


Depending on the paint tool selected, another tool-bar may appear that sets the thickness of the line, or select if the object draws:

  • Outline (no-fill)
  • Draw the outline, and colours (fills-in) background colour
  • Fills the object without an outline.
Painting toolbar in Kolourpaint for drawing objects.
Indicate type of outline / fill options
Indicate line width

Selecting Colours in KolourPaint

The Colour Palette Toolbar allows the user to set lines, outlines and/or fill colour of objects.

Default colours of objects such as lines, rectangles, circles and polygons can be set by the Colour Palette Toolbar.

The two left-most squares indicate the outline and fill colours respectively. For most drawn objects, the user can set the outline colour by left-clicking on the colour palette, and set the fill colour by right-clicking on the colour palette. For selecting the fill paint tool colour, the user selects the fill colour by left-clicking the colour palette. The pyramid-shaped icon to the left of the colour palette sets transparency as opposed to a fill colour.

An interesting feature is the right-most icon (resembling a cube) which is a colour similarity (matching) tool. This tool will match and set the colour of an object that the user clicks on. Therefore, the user can match the colour of existing objects without having to guess.



Drawing with KolourPaint

Here is a table containing common painting operations in Kolourpaint:

</tr>
Icon Paint Operation How to Use
Drawline.png Draw line After selecting this paint tool icon, move the mouse pointer into the drawing area, click and drag the mouse to create a line. Holding the SHIFT key while dragging the mouse forces a perfectly horizontal, vertical or diagonal line.
Brush.png Brush This tool resembles a paint brush. There are different brush heads that the user can select to draw different and interesting-looking brush strokes. In order to apply a brush stroke, simply click and drag the mouse along the drawing area.
Pencil.png Draw (Pencil) This tool is to draw free-hand - it looks like a pencil drawing. There are no additional pencil heads to select, just a thin line. To draw with the pencil, simply click and drag the mouse pointer on the drawing area.
Fill.png
Colour Fill (bucket)
Colorpicker.png
Colour Picker
Eraser.png Eraser
Coloreraser.png Colour Eraser
Text.png Text
Rectangle.png Rectangle
Rrectangle.png Rounded rectangle
Polygon.png
Polygon
Ellipse.png Ellipse
Connectedline.png Connected Line
Curve.png Curve
Srectangle.png Selection (Retangular)
Sfreeform.png Selection (Freeform)
Sellipse.png Selelction (Ellipse)


Additional Resources

Documentation

Kolourpaint Handbood: http://docs.kde.org/stable/en/kdegraphics/kolourpaint/index.html

Online Tutorials

Kolourpaint4 Tutorials (YouTube):