<html>
<head>
	<title>Zonic - Chameleon</title>
	<link rel=stylesheet href="../../../html/style.css" type="text/css">
	<script language="javascript">
		<!--#include virtual="/html/functions.js"  -->
		<!--#include virtual="/html/navigation.js" -->

		download_up       = new Image();
		download_down     = new Image();
		download_up.src   = "../images/sidebar_01.jpg";
		download_down.src = "../images/sidebar_roll_01.jpg";

		register_up       = new Image();
		register_down     = new Image();
		register_up.src   = "../images/sidebar_02.jpg";
		register_down.src = "../images/sidebar_roll_02.jpg";

        tutorial_up       = new Image();
		tutorial_down     = new Image();
		tutorial_up.src   = "../images/tutorial.jpg";
		tutorial_down.src = "../images/tutorial_roll.jpg";
		
		screenshots_up       = new Image();
		screenshots_down     = new Image();
		screenshots_up.src   = "../images/sectionbar_02.jpg";
		screenshots_down.src = "../images/sectionbar_high_02.jpg";
		
		features_up       = new Image();
		features_down     = new Image();
		features_up.src   = "../images/sectionbar_01.jpg";
		features_down.src = "../images/sectionbar_high_01.jpg";
		
		downloadbar_up       = new Image();
		downloadbar_down     = new Image();
		downloadbar_up.src   = "../images/sectionbar_03.jpg";
		downloadbar_down.src = "../images/sectionbar_high_03.jpg";
		
		tutorialbar_up       = new Image();
		tutorialbar_down     = new Image();
		tutorialbar_up.src   = "../images/sectionbar_04.jpg";
		tutorialbar_down.src = "../images/sectionbar_high_04.jpg";

	</script>
    <STYLE type="text/css">
    H1.chameleon {text-align: center;
                font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
                font-size:				24px;
                font-weight: normal}
    H1.image {padding-left:5;
                padding-right:5;
                padding-bottom:1}
    H1.tagline {text-align: center;
                font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
                font-size:				18px;
                color:					#888888;
                font-weight: normal}
    </STYLE>
</head>
<body>



<!--=================================================-->
<!--    Page Header                                  -->
<!--=================================================-->
<!--#include virtual="/html/header.html"             -->
<!--=================================================-->



<!--=================================================-->
<!--    Page Content                                 -->
<!--=================================================-->
<table width=780 cellpadding=40 cellspacing=0 border=0>
<tr>
<td height=400 align=left valign=top>

<table cellpadding=0 cellspacing=0 border=0>

<tr>
<td height=400 align=left valign=top>
<p style="text-align: center">
<img name=detail  src="../images/headerlatest.jpg"  width=425 height=317 alt="Palm Trees">
</p>
<p style="text-align: center">
<img src="../images/chameleon_icon.jpg" alt="Chameleon 1.7" width=277 height=51> </p>
<h1 class=tagline>Turning your pictures into works of art</h1>
&nbsp;
<table cellpadding=0 cellspacing=0 border=0>

<tr>
<td align=center>
		<a href="../index.html" onmouseout="imageUp('features')" onmouseover="imageDown('features')">
	<img name=features src="../images/sectionbar_01.jpg" alt="Features" width=118 height=48 border=0></a>
	</td>
<td align=center>
		<a href="../screenshots.html" onmouseout="imageUp('screenshots')" onmouseover="imageDown('screenshots')">
	<img name=screenshots src="../images/sectionbar_02.jpg" alt="Screenshots" width=141 height=48 border=0></a>
	</td>
	<td align=center>
		<a href="../download.html" onmouseout="imageUp('downloadbar')" onmouseover="imageDown('downloadbar')">
	<img name=downloadbar src="../images/sectionbar_03.jpg" alt="Download" width=121 height=48 border=0></a>
	</td>
	<td align=center>
		<a href="index.html" >
	<img name=tutorialbar src="../images/sectionbar_high_04.jpg" alt="Free tutorials" width=165 height=48 border=0></a>
	</td>
	</tr>

</table>

<p>Once you have downloaded and double-clicked <i>Chameleon</i>, and the main window has appeared, you are ready to start creating wonderful and curious images&hellip; but how do you begin?</p>

<p>The first steps with a new application are often the most daunting, so we have put together a few short tutorials to demonstrate the extraordinary effects you can create with <i>Chameleon</i>, and the ease of doing so. Hopefully these demonstrations will give you all the experience you need to start making your own masterpieces.</p>

<p>In honour of the season, here are two Hallowe'en-themed images with complete instructions on how to reproduce them yourself. The first &mdash; &quot;Nightmare Landscape&quot; &mdash; is a quick combination of 3 effects, and should give you a good idea of how to use <i>Chameleon</i>, while &quot;Demonic Cat&quot; is a more involved work, making use of several new features.</p>

&nbsp;

<p style="text-align: center">
<a href="tut-1.html"><img name=title  src="http://www.zonic.co.uk/products/chameleon/tutorials/images/landscapebutton.jpg"  width=224 height=239 hspace=8 alt="Nightmare Landscape Tutorial" border=0></a>

<a href="tut-2.html"><img name=title  src="http://www.zonic.co.uk/products/chameleon/tutorials/images/catbutton.jpg"  width=224 height=239 hspace=8 alt="Demonic Cat Tutorial" border=0></a>
</p>

</td>

<td align=left valign=top>
	<table align=center border=0 cellpadding=0 cellspacing=0 height=20>
<tr>
	<td align=center>
		<a href="http://www.zonic.co.uk/products/chameleon/files/Chameleon.dmg" onmouseout="imageUp('download')" onmouseover="imageDown('download')">
	<img name=download src="../images/sidebar_01.jpg" alt="Download" width=200 height=108 border=0></a>
	</td>
</tr>
<tr>
	<td align=center>
		<a href="http://order.kagi.com/?6AF" onmouseout="imageUp('register')" onmouseover="imageDown('register')">
	<img name=register src="../images/sidebar_02.jpg" alt="Register" width=200 height=55 border=0></a>
	</td>
</tr>

<tr>
	<td align=center>
	<img src="../images/sidebar_03.jpg" alt="Features" width=200 height=915 border=0>
	</td>
</tr>

</table>
</td>

</tr>
</table>

</td>
</tr>
</table>
<!--=================================================-->



<!--=================================================-->
<!--    Page Footer                                  -->
<!--=================================================-->
<!--#include virtual="/html/footer.html"             -->
<!--=================================================-->



</body>
</html>

