<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<title>The Sketcher Plugin - Settings</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; text-align:left;">

<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"><div align="center"><table
                         border="0" cellpadding="5" cellspacing="0">
                            <tr>
                                <td width="562"><h3 align="left">Changing the 
                                    Settings</h3>
                                    <p align="left">Each level, the seven stroke 
                                    map levels and the media level, is selected 
                                    with the <font color="green"><b>level selection</b></font> 
                                    controls. Simply click on the layer you 
                                    want to change. For each level, the <font
                                     color="green"><b>Media File Section</b></font> 
                                    shows the file used. We'll start by ignoring 
                                    the Media level for the time being and looking 
                                    at the different stroke levels.<br> &nbsp; 
                                    
                                    <div align="center"><table border="0" cellpadding="0"
                                     cellspacing="0" width="85%">
                                        <tr>
                                            <td width="562"><p align="center"><img src="MediaSection.gif"
                                                 width="193" height="66" border="0"></td>
                                        </tr>
                                        <tr>
                                            <td width="562"><p align="center"><font
                                                 color="green">Media File Section</font> 
                                                Controls</td>
                                        </tr>
                                    </table></div>
                                    <p align="left">The <font color="green"><b>Media 
                                    File Section</b></font> shows the Stroke 
                                    Map .bmp file used for the selected level. 
                                    To change the stroke map file, click the 
                                    file selector button to the right of the 
                                    filename. This will show a file selector 
                                    window where you can browse your computer 
                                    for any suitable image file to use a stroke 
                                    map.<br> <b>NOTE</b>: The Sketcher plugin 
                                    uses uncompressed, greyscale bitmaps for 
                                    all stroke maps and papers. Be sure you 
                                    only select valid .bmp files.&nbsp;<br> 
                                    Underneath the filename is a <font color="navy"><b>% 
                                    Scaling</b></font> slider which allows the 
                                    shrinking of the stroke map image with the 
                                    usual effect of increasing the density of 
                                    the strokes.<br> Underneath the <font color="green"><b>media 
                                    file section</b></font> are controls affecting 
                                    how the stroke map is applied.<br> &nbsp; 
                                    
                                    <div align="center"><table border="0" cellpadding="0"
                                     cellspacing="0" width="85%">
                                        <tr>
                                            <td width="562"><p align="center"><img src="LayerSpecificControls.gif"
                                                 width="193" height="104" border="0"></td>
                                        </tr>
                                        <tr>
                                            <td width="562"><p align="center"><font
                                                 color="green">Level Specific</font> 
                                                Controls</td>
                                        </tr>
                                    </table></div>
                                    <p align="left">All controls set a value 
                                    as a percentage.<br> To understand how these 
                                    work, you need to think about how the stroke 
                                    map is applied. Here's that image of the 
                                    stroke map used to create level 1 of the 
                                    previous sketch example. <br> &nbsp; 
                                    <div align="center"><table border="0" cellpadding="0"
                                     cellspacing="0" width="85%">
                                        <tr>
                                            <td width="187"><p align="center"><img src="strokeExample.jpg"
                                                 width="152" height="152" border="0"></td>
                                            <td width="187"><p align="center"><img src="Critter0.jpg"
                                                 width="125" height="117" border="0"></td>
                                            <td width="183"><p align="center"><img src="CritterA.jpg"
                                                 width="125" height="117" border="0"></td>
                                        </tr>
                                        <tr>
                                            <td width="187" valign="top"><p align="center">Stroke 
                                                Map<br> (PencilA.bmp)</td>
                                            <td width="187" valign="top"><p align="center">Source 
                                                Intensity</td>
                                            <td width="183" valign="top"><p align="center">Level 
                                                1</td>
                                        </tr>
                                    </table></div>
                                    <p align="left">You'll see that this stroke 
                                    map was applied across the whole image, 
                                    getting darker in areas of shade. The strokes 
                                    get darker from areas of lightness to areas 
                                    of shade, reaching maximum intensity by 
                                    50% grey in the source image. At maximum 
                                    stroke intensity when the strokes are darkest, 
                                    the stroke map is only rendered pale grey. 
                                    This can be represented in a graph showing 
                                    the intensity of the stroke map relative 
                                    to the image intensity.</p>
                                    <p align="center"><img src="level1Graph.gif"
                                     width="423" height="289" border="0">&nbsp;</p>
                                    <p align="left">The graph shows that 
                                    <ol>
                                        <li><div align="left">the strokes are 
                                        not rendered (invisible) where the source 
                                        image is white </div>
                                        <li><div align="left">the strokes are 
                                        at most rendered less than 50% intensity; 
                                        they are never black, only at most medium-pale 
                                        grey</div>
                                        <li><div align="left">the intensity 
                                        of the strokes gets progressively greater 
                                        (darker) from areas of white to areas 
                                        a little lighter than mid-grey in the 
                                        source image. In areas darker than this, 
                                        stroke intensity remains level </div>
                                    </ol>
                                    <p align="left">Now look at level 5 of the 
                                    same sketch... <br> &nbsp; 
                                    <div align="center"><table border="0" cellpadding="0"
                                     cellspacing="0" width="85%">
                                        <tr>
                                            <td width="187"><p align="center"><img src="strokeExample2.gif"
                                                 width="152" height="152" border="0"></td>
                                            <td width="187"><p align="center"><img src="Critter0.jpg"
                                                 width="125" height="117" border="0"></td>
                                            <td width="183"><p align="center"><img src="CritterE.jpg"
                                                 width="125" height="117" border="0"></td>
                                        </tr>
                                        <tr>
                                            <td width="187" valign="top"><p align="center">Stroke 
                                                Map<br> (PencilE.bmp)</td>
                                            <td width="187" valign="top"><p align="center">Source 
                                                Intensity</td>
                                            <td width="183" valign="top"><p align="center">Level 
                                                5</td>
                                        </tr>
                                    </table></div>
                                    <p align="left">For level 5, the stroke 
                                    map isn't applied until the source intensity 
                                    is much lower, and the gradation is smooth 
                                    from grey areas to black areas. The graph 
                                    for level 5 looks like this</p>
                                    <p align="center"><img src="level5Graph.gif"
                                     width="423" height="289" border="0"></p>
                                    <p align="left">This graph shows that 
                                    <ol>
                                        <li><div align="left">the strokes are 
                                        not rendered (invisible) until the source 
                                        image is darker than 50% grey </div>
                                        <li><div align="left">the strokes' maximum 
                                        intensity reaches 100% (black) when 
                                        rendered darkest </div>
                                        <li><div align="left">the intensity 
                                        of the strokes increases from areas 
                                        of grey to areas of black in the source 
                                        image</div>
                                    </ol>
                                    <p align="left">Each level can therefore 
                                    be described as a graph of blending value 
                                    for the stroke map, with a low value, a 
                                    high value, and a gradient between the two.<br> 
                                    <font color="navy"><b>Trans Start</b></font> 
                                    specifies the lightness of the image at 
                                    which the strokes start to be drawn (the 
                                    beginning of the gradient from the right). 
                                    In areas lighter than this percentage value 
                                    the stroke map is applied at <font color="navy"><b>Min 
                                    Blend</b></font> intensity<br> <font color="navy"><b>Trans 
                                    End</b></font> specifies the intensity at 
                                    which the stroke map is applied at its maximum 
                                    level (end of the gradient on the left). 
                                    Where the source image is darker than this, 
                                    the strokes are applied to their maximum 
                                    amount, as specified in <font color="navy"><b>Max 
                                    Blend</b></font><br> The <font color="navy"><b>Min 
                                    Blend</b></font> and <font color="navy"><b>Max 
                                    Blend</b></font> sliders determine the minimum 
                                    and maximum blending amounts of the stroke 
                                    map; how intense the strokes are rendered. 
                                    They range from 0, where the strokes are 
                                    invisible, to 100 where the strokes are 
                                    rendered 'black' or with full intensity.<br> 
                                    <font color="navy"><b>Min Blend</b></font> 
                                    is how much the strokes are visible in light 
                                    areas and is usually set to 0. Where <font
                                     color="navy"><b>Min Blend</b></font> is 
                                    higher than 0, the stroke map will always 
                                    be visible to some degree.<br> The <font
                                     color="navy"><b>Max Blend</b></font> is 
                                    the darkest level the strokes are drawn, 
                                    set to low values where you want feint strokes 
                                    such as in the lightest areas of a sketch, 
                                    and set to higher values where you want 
                                    darker strokes.<br></p>
                                    <p align="left">For each level, the stroke 
                                    map and blending character can be set, resulting 
                                    in the final sketching style. Each level 
                                    can be deactivated if wanted using the tick 
                                    box underneath the level selection controls. 
                                    For example in the provided &quot;NiceSketch.sms&quot; 
                                    settings the seventh level is not used. 
                                    This is very useful when setting up your 
                                    own settings as you can see the result of 
                                    each level independently.</td>
                            </tr>
                        </table></div></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><a href="ManualPage2.htm"><img src="ButtonPrev.gif"
                                     width="110" height="45" border="0"></a></td>
                                <td width="110" height="45" align="right"><p><a href="ManualPage4.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>