<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<title>The Sketcher Plugin - Introduction</title>
<meta name="author" content="Little Ink Pot">
<meta name="generator" content="Namo WebEditor v3.0">
</head>

<body background="backdrop.jpg" bgcolor="#330033" text="black" link="blue" vlink="purple"
 alink="red" style="font-family:Arial,sans-serif; font-size:small;">

<div align="center"><table border="0" cellpadding="0" cellspacing="0" width="750"
 height="500" bgcolor="white">
    <tr>
        <td width="479" valign="top"><table border="0" cellpadding="0" cellspacing="0"
             width="178">
                <tr>
                    <td width="178" height="177"><p><a href="http://www.littleinkpot.co.uk"><img src="InkpotLogo.jpg"
                         width="178" height="177" border="0" name="InkwellPageMockupNeat0"></a></td>
                </tr>
                <tr>
                    <td width="178" height="53" valign="top"><p><a href="ManualIntro.htm"><img src="Button1Introduction.jpg"
                         width="178" height="53" border="0"></a></td>
                </tr>
                <tr>
                    <td width="178" height="53" valign="top"><p><a href="ManualPage2.htm"><img src="Button2Explanation.jpg"
                         width="178" height="53" border="0"></a></td>
                </tr>
                <tr>
                    <td width="178" height="53"><p><a href="ManualPage3.htm"><img src="Button3Settings.jpg"
                         width="178" height="53" border="0"></a></td>
                </tr>
                <tr>
                    <td width="178" height="53"><p><a href="ManualPage4.htm"><img src="Button4Media.jpg"
                         width="178" height="53" border="0"></a></td>
                </tr>
                <tr>
                    <td width="178" height="53"><p><a href="ManualPage5.htm"><img src="Button5Walkthrough.jpg"
                         width="178" height="53" border="0"></a></td>
                </tr>
                <tr>
                    <td width="178" height="53"><p><a href="ManualPage6.htm"><img src="Button6Colour.jpg"
                         width="178" height="53" border="0"></a></td>
                </tr>
                <tr>
                    <td width="178" height="53"><p><a href="ManualPage7.htm"><img src="Button7Tips.jpg"
                         width="178" height="53" border="0"></a></td>
                </tr>
                <tr>
                    <td width="178" height="53"><p>&nbsp;</td>
                </tr>
            </table></td>
        <td width="479" valign="top"><table border="0" cellpadding="0" cellspacing="0"
             width="572">
                <tr>
                    <td width="801"><p align="left"><img src="SketcherSubTitle.jpg"
                         width="572" height="52" border="0" name="InkwellPageMockupNeat3"></td>
                </tr>
                <tr>
                    <td width="801"><p align="left"><img src="HorizBreak.gif"
                         width="572" height="10" border="0" name="InkwellPageMockupNeat2"></td>
                </tr>
                <tr>
                    <td width="801" height="395" valign="top"><table border="0"
                         cellpadding="5" cellspacing="0">
                            <tr>
                                <td width="562"><h3 align="left">Introduction</h3>
                                    <p align="left">The Sketcher plugin can 
                                    transform digital pictures into simulated 
                                    hand-drawn sketches as well as special halftoning 
                                    effects. Here’s an overview of the controls…</p>
                                    <p align="center"><img src="Interface.gif"
                                     width="535" height="244" border="0"></p>
                                    <p align="left">The easiest way to use the 
                                    Sketcher is to apply the provided settings. 
                                    Clicking the <font color="navy"><b>Load</b></font> 
                                    button in the <font color="green"><b>Effect 
                                    Settings Section </b></font>provides a file 
                                    selector where you can load any .sms settings 
                                    file, such as 'PenAndInk.sms' or 'NiceSketch.sms'. 
                                    Then click the <font color="navy"><b>preview</b></font> 
                                    button to see what it looks like, and click 
                                    the <font color="navy"><b>Apply</b></font> 
                                    button to apply the effect, or <font color="navy"><b>Cancel</b></font> 
                                    to exit without changing the image.</p>
                                    <p align="left">The Sketcher Plugin works 
                                    on the illumination level within the image, 
                                    rendering light and dark areas, paying no 
                                    attention to the colour of an object. If 
                                    you apply it to a colour image without taking 
                                    the illumination into account, the results 
                                    may be rather bland. To illustrate the point, 
                                    here's a colourful picture of some balloons 
                                    to be given a sketch effect.</p>
                                    <p align="center"><img src="Balloons.jpg"
                                     width="225" height="148" border="0"></p>
                                    <p align="left">If the Sketcher's applied 
                                    straight away, the intensity level looks 
                                    very flat like this...</p>
                                    <p align="center"><img src="BalloonsGrey3.jpg"
                                     width="225" height="148" border="0"></p>
                                    <p align="left">and the sketch result looks 
                                    similarly flat...</p>
                                    <p align="center"><img src="BalloonsSketch3.jpg"
                                     width="300" height="197" border="0"></p>
                                    <p align="left">When applied to a colour 
                                    image, the Sketcher plugin shows the intensity 
                                    (grey image) in the Preview window. To get 
                                    nice sketch effects you need a suitable 
                                    source intensity image, generally with high 
                                    contrast and a high dynamic range. That's 
                                    easily provided with the colour manipulation 
                                    tools within your graphics application. 
                                    Just apply Brightness, Contrast, Gamma and 
                                    Histogram type processes before applying 
                                    the Sketcher Plugin. It is easier to see 
                                    the effect on the intensity by converting 
                                    your image to greyscale before using those 
                                    colour processing functions. For this image, 
                                    using the Transformation Curve function 
                                    with this curve...</p>
                                    <p align="center"><img src="BalloonsCurve.gif"
                                     width="216" height="213" border="0"></p>
                                    <p align="left">a better intensity source 
                                    can be created...</p>
                                    <p align="center"><img src="BalloonsGrey2.jpg"
                                     width="225" height="148" border="0"></p>
                                    <p align="left">which results in a better 
                                    sketch</p>
                                    <p align="center"><img src="BalloonsSketch2.jpg"
                                     width="300" height="197" border="0"></p>
                                    <p align="left">Using the companion plugin 
                                    <b>PhotoGrey</b>, selectively filtering 
                                    the image can provide dramatically different 
                                    sources. Here's the result applying a red 
                                    filter and a slightly-green, blue filter...<br> 
                                    &nbsp; 
                                    <table border="0" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td width="278"><p align="center"><img src="BalloonsGreyRed.jpg"
                                                 width="225" height="148" border="0"><br> 
                                                Red filter applied</td>
                                            <td width="278"><p align="center"><img src="BalloonsSketchRed.jpg"
                                                 width="225" height="148" border="0"><br> 
                                                &nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td width="278"><p>&nbsp;</td>
                                            <td width="278"><p>&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td width="278"><p align="center"><img src="BalloonsGreyBlue.jpg"
                                                 width="225" height="148" border="0"><br> 
                                                Blue filter applied</td>
                                            <td width="278"><p align="center"><img src="BalloonsSketchBlue.jpg"
                                                 width="225" height="148" border="0"><br> 
                                                &nbsp;</td>
                                        </tr>
                                    </table>
                                    <p>&nbsp;</p>
                                    <p align="left">Of course, as well as using 
                                    the existing settings you can set up your 
                                    own sketch effects, but before you can do 
                                    that you need to know how the Sketcher plugin 
                                    works.</td>
                            </tr>
                        </table></td>
                </tr>
                <tr>
                    <td width="801" height="52" valign="top"><table border="0"
                         cellpadding="0" cellspacing="0">
                            <tr>
                                <td width="401" align="left"><p>&nbsp;</td>
                                <td width="110" height="45" align="left"><p>&nbsp;</td>
                                <td width="110" height="45" align="right"><p><a href="ManualPage2.htm"><img src="ButtonNext.gif"
                                     width="110" height="45" border="0"></a></td>
                            </tr>
                        </table></td>
                </tr>
            </table></td>
    </tr>
</table></div>
<p align="center">&nbsp;</p>
</body>

</html>