<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE> The KDE Icon Editor Documentation: Onscreen Fundamentals</TITLE>
<META HTTP-EQUIV="content-type" CONTENT="text/html; charset=iso-8859-1">
<META NAME="keywords" CONTENT="icon kde">
<META NAME="description" CONTENT="KDE Icon Editor">
</HEAD>
<BODY BGCOLOR="#ffffff" LINK="#aa0000" TEXT="#000000" > 
<FONT FACE="Helvetica">
<A HREF="http://www.kde.org/"><IMG SRC="logotp3.gif" BORDER="0" ALT="The K Desktop Environment"></A>
<HR WIDTH="100%" SIZE=2 ALIGN="CENTER" NOSHADE>

 
<P ALIGN="RIGHT">

<A HREF="index-4.html">Next</A>
<A HREF="index-2.html">Previous</A>
<A HREF="index.html#toc3">Table of Contents</A>
</P>
<H3><A NAME="s3">3. Onscreen Fundamentals</A></H3>

<P>In this section will be briefly described the Icon Editor user interface. 
<P>The Icon Editor window is separated in four areas: main toolbar, tools toolbar
grid and statusbar.
<P>
<P>
<H3><A NAME="ss3.1">3.1 Main toolbar</A>
</H3>

<P>
<DL>
<DT><B>New File</B><DD><P>Create a new ikon. If the current file has been modified you will be asked if you
want to save the changes. After that a dialog will open where you can choose to create
the ikon from scratch or from a template (templates requires kdelibs > 1.0).
<DT><B>Open</B><DD><P>Open an existing icon file.
<P>
<DT><B>Save</B><DD><P>Save the currently open icon.
<P>
<DT><B>Print</B><DD><P>Print the icon
<DT><B>Cut</B><DD><P>Cuts out the entire icon and put it onto the clipboard.
<P>
<DT><B>Copy</B><DD><P>Copies the entire icon to the clipboard.
<P>
<DT><B>Paste</B><DD><P>Paste the contents of the clipboard as a new image (if the clipboard contains a valid icon).
<P>
<DT><B>Resize</B><DD><P>Resize icon to width X height (req. kdelibs > 1.0)
<P>
<DT><B>Gray scale</B><DD><P>Gray scale the icon image. This may create colors not conformant to the KDE icon palette.
<P>
<DT><B>Zoom in</B><DD><P>
<DT><B>Zoom out</B><DD><P>
<DT><B>Zoom factor</B><DD><P>Zoom to predefined zoom factor.
<P>
<DT><B>Toggle grid</B><DD><P>Toggle grid on/off.
<P>
<DT><B>New Icon Editor</B><DD><P>Open a new Icon Editor window.
<P>
<P>
</DL>
<P>
<H3><A NAME="ss3.2">3.2 Tools toolbar</A>
</H3>

<P>This toolbar contains the tools you can use to manipulate the icon.
<DL>
<DT><B>Find color</B><DD><P>Doesn't change the icon but changes the current drawcolor to the color clicked on.
<P>
<DT><B>Freehand</B><DD><P>Draw free hand.
<P>
<DT><B>Select</B><DD><P>Select (mark) a part of the icon.
<P>
<DT><B>Line</B><DD><P>Draw a line.
<P>
<DT><B>Rectangle</B><DD><P>Draw a rectangle.
<P>
<DT><B>Filled rectangle</B><DD><P>Draw a filled rectangle.
<P>
<DT><B>Circle</B><DD><P>Draw a circle.
<P>
<DT><B>Filled circle</B><DD><P>Draw a filled circle.
<P>
<DT><B>Ellipse</B><DD><P>
<DT><B>Filled ellipse</B><DD><P>Almost the same as drawing a circle.
<P>
<DT><B>Spray</B><DD><P>Draws a randow dotted pattern like a spraycan.
<P>
<DT><B>Flood fill</B><DD><P>Fill an area with the current color..
<P>
<DT><B>Eraser</B><DD><P>Draw transparent (invisible).
</DL>
<P>
<P>
<H3><A NAME="ss3.3">3.3 Grid</A>
</H3>

<P>The grid is where you manipulate the icon contents.
<H3><A NAME="ss3.4">3.4 Statusbar</A>
</H3>

<P ALIGN="RIGHT">

<A HREF="index-4.html">Next</A>
<A HREF="index-2.html">Previous</A>
<A HREF="index.html#toc3">Table of Contents</A>
</P>
<CENTER>
<HR WIDTH="100%" SIZE=3 ALIGN=CENTER NOSHADE>
</CENTER>    
</FONT>

 
</BODY>
</HTML>
