View source for Kolourpaint (Simple Graphic Editor)

[[Image:kolourpaint.png|thumb|500px| The '''Kolourpaint''' application can be used to create simple graphics.]][[Category:Ubuntu]][[Category:Linux]]

== 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 <u>recommended</u> 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 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:
<table>
 <tr valign="top">
  <td>
:* 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.

 </td>
 <td>[[Image:paintToolbar.png|thumb|200px| '''Painting toolbar in Kolourpaint''' for drawing objects.]]</td>
 <td>
    <table>
      <tr>
        <td>[[Image:outline.png|thumb|200px| Indicate type of '''outline / fill options''' ]]</td>
      </tr>
      <tr>
        <td>[[Image:width.png|thumb|200px| Indicate '''line width''' ]]</td>
      </tr>
     </table>
 </td>
</tr>
</table>

===Selecting Colours in KolourPaint===
[[Image:colourToolBar.png|thumb|400px| 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.
If the user '''double-clicks on a particular colour, then a dialog box will appear for the user to select a more complex colour pattern'''.

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:'''

<table border="1" cellpadding="5" width="70%">
<tr align="left">
  <th>Icon</th>
  <th>Paint Operation</th>
  <th>How to Use</th>
</tr>
<tr valign="top">
  <td>[[Image:drawline.png|50px| ]]</td>
   <td>'''Draw line'''</td>
  <td>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 <u>horizontal</u>, <u>vertical</u> or <u>diagonal</u> line.</td>
</tr>
<tr>
  <td>[[Image:brush.png|50px| ]]</td>
   <td>'''Brush'''</td>
  <td>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'''.</td>
</tr>
<tr>
  <td>[[Image:pencil.png|50px| ]]</td>
   <td>'''Draw (Pencil)'''</td>
  <td>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.</td>
</tr>
<tr>
  <td>[[Image:fill.png|50px| ]]</td>
   <td>'''Colour Fill (bucket)'''</td>
  <td>This tool will allow the background be filled with a specified colour. Usually the fill tool is used to fill-in a contained object. If there are gaps in the outline of the object, the the background will "spill-out" into other areas.</td>
</tr>
<tr>
  <td>[[Image:colorpicker.png|50px| ]]</td>
   <td>'''Colour Picker'''</td>
  <td>Unlike the fill tool, the colour picker will allow the user to change the outline colour or line of an object.</td>
</tr>
<tr>
  <td>[[Image:eraser.png|50px| ]]</td>
   <td>'''Eraser'''</td>
  <td>The eraser tool is used to erase an object or portions of an object. This tool will erase an object regardless of its colour. The background colour of the eraser can be set to a colour (other than white) to match different colour backgrounds. There are various erase head sizes, and the user can zoom-in for fine erasing "touch-ups", and then zoom-out.</td>
</tr>
 <tr>
  <td>[[Image:coloreraser.png|50px| ]]</td>
   <td>'''Colour Eraser'''</td>
  <td>The Colour Eraser works like the eraser mentioned above, except that it only will erase an object or portions of an object of the selected colour. This feature could be useful if you want to erase detailed drawings without affecting other coloured areas.</td>
</tr>
<tr>
  <td>[[Image:text.png|50px| ]]</td>
   <td>'''Text'''</td>
  <td>This tool will allow the user to add text to a drawing. After selecting this tool, the user can point and click onto the drawing areas to open a text editing window (the user can also click and drag to specify the text editing window boundary). While in text editing mode, the user can select the font size and font style (located in the main toolbar). The user can edit text edit mode by pressing ENTER or clicking the mouse pointer outside the textbox. While in text edit mode is still active, the user can click and drag and move the textbox.</td>
</tr>
<tr>
  <td>[[Image:rectangle.png|50px| ]]</td>
   <td>'''Rectangle'''</td>
  <td>This tool will allow the user to draw a square-edged rectangle. After selecting the tool, the user can point and click on the drawing area, then drag the mouse to define the ending boundary. If the user holds the SHIFT button while dragging the mouse, the object will be a square as opposed to a rectangle.</td>
</tr>
<tr>
  <td>[[Image:rrectangle.png|50px| ]]</td>
   <td>'''Rounded rectangle'''</td>
  <td>This tool works exactly like the rectangle tool (above), except it draws a rounded-edge rectangle or square.</td>
</tr>
<tr>
<tr>
  <td>[[Image:polygon.png|50px| ]]</td>
   <td>'''Polygon'''</td>
  <td>This tool will allow a user to draw a multi-sided objects. After selecting this tool, the user points and clicks on the drawing area. Then the user continues to click in different areas to build additional sides of the object. While building the object, it is closed which means that the last side will join with the beginning of the first side that is created.</td>
</tr>
<tr>
  <td>[[Image:ellipse.png|50px| ]]</td>
   <td>'''Ellipse'''</td>
  <td>This tool will allow the user to draw a ellipse (oval). After selecting the tool, the user can point and click on the drawing area, then drag the mouse to define the ending boundary. If the user holds the SHIFT button while dragging the mouse, the object will be a circle as opposed to an ellipse.</td>
</tr>
<tr>
  <td>[[Image:connectedline.png|50px| ]]</td>
   <td>'''Connected Line'''</td>
  <td>This tool will allow a user to draw a a series of connected lines. After selecting this tool, the user points and clicks on the drawing area. Then the user continues to click in different areas to build additional lines of the object. Unlike the polygon tool, the end point does not necessarily join the beginning of the first line created.
<tr>
  <td>[[Image:curve.png|50px| ]]</td>end
   <td>'''Curve'''</td>
  <td></td>
</tr>
<tr>
  <td>[[Image:srectangle.png|50px| ]]</td>
   <td>'''Selection (Retangular)'''</td>
  <td></td>
</tr>
<tr>
  <td>[[Image:sfreeform.png|50px| ]]</td>
   <td>'''Selection (Freeform)'''</td>
  <td></td>
</tr>
<tr>
  <td>[[Image:sellipse.png|50px| ]]</td>
   <td>'''Selelction (Ellipse)'''</td>
  <td></td>
</tr>
</table>


==Additional Resources==

==== Documentation ====

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

==== Online Tutorials ====

Kolourpaint4 Tutorials (YouTube):

* Interesting Features of Kolourpaint: [ [http://www.youtube.com/watch?v=pCMhnivjWoQ http://www.youtube.com/watch?v=pCMhnivjWoQ]  ]
* How to Draw a Pear: [ [http://www.youtube.com/watch?v=2giJyyGCBJs http://www.youtube.com/watch?v=2giJyyGCBJs]  ]
* Reduce Picture Size: [ [http://www.youtube.com/watch?v=Um_6tYOLYhQ http://www.youtube.com/watch?v=Um_6tYOLYhQ] ]