<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<title>The Sketcher Plugin - Walkthrough</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">Walkthrough 
                                    : Creating a Settings File</h3>
                                    <p align="left">If you want to create your 
                                    own sketch effect this walkthrough will 
                                    give you a good idea how to go about it.</p>
                                    <p align="left">Firstly you need to create 
                                    the stroke maps you want to use. These need 
                                    to be greyscale and saved as uncompressed 
                                    bitmaps. Because these maps can be repeated 
                                    over the image it's best to make sure they 
                                    are a seamless pattern. As an example, the 
                                    following are small sections from the seven 
                                    stroke maps used in the PenAndInk.sms settings 
                                    file...<br> &nbsp; 
                                    <table border="0" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td width="183"><p align="center"><img src="PnI1snippet.gif"
                                                 width="100" height="100" border="0"><br> 
                                                level 1 stroke map</p>
                                                <p align="center">&nbsp;</td>
                                            <td width="183"><p align="center"><img src="PnI2Snippet.gif"
                                                 width="100" height="100" border="0"><br> 
                                                level 2 stroke map</p>
                                                <p align="center">&nbsp;</td>
                                            <td width="183"><p align="center"><img src="PnI3Snippet.gif"
                                                 width="100" height="100" border="0"><br> 
                                                level 3 stroke map</p>
                                                <p align="center">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td width="183"><p align="center"><img src="PnI4snippet.gif"
                                                 width="100" height="100" border="0"><br> 
                                                level 4 stroke map</p>
                                                <p align="center">&nbsp;</td>
                                            <td width="183"><p align="center"><img src="PnI5Snippet.gif"
                                                 width="100" height="100" border="0"><br> 
                                                level 5 stroke map</p>
                                                <p align="center">&nbsp;</td>
                                            <td width="183"><p align="center"><img src="PnI6Snippet.gif"
                                                 width="100" height="100" border="0"><br> 
                                                level 6 stroke map</p>
                                                <p align="center">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td width="183"><p align="center">&nbsp;</td>
                                            <td width="183"><p align="center"><img src="PnI7snippet.gif"
                                                 width="100" height="100" border="0"><br> 
                                                level 7stroke map</p>
                                                <p align="center">&nbsp;</td>
                                            <td width="183"><p align="center">&nbsp;</td>
                                        </tr>
                                    </table>
                                    <p align="left">Once you have created your 
                                    stroke maps you'll need to save them. Though 
                                    you can save them anywhere the best place 
                                    to save them is in the &quot;Stroke Maps&quot; 
                                    folder where the Sketcher plugin is installed. 
                                    For example</p>
                                    <ul>
                                        <p align="left">&quot;C:\Program Files\Adobe\Photoshop\Plugins\Sketcher\Stroke 
                                        Maps&quot; or<br> &quot;C:\Program Files\Graphics 
                                        Programs\Shared Plugins\Sketcher\Stroke 
                                        Maps</p>
                                    </ul>
                                    <p align="left">This is the default place 
                                    the Sketcher Plugin looks for files. By 
                                    saving your sketch maps here, your sketch 
                                    effects will be easily portable to other 
                                    systems, making it easier to share effects 
                                    with others.</p>
                                    <p align="left">To set up the effect you 
                                    want it's a good idea to use a large greyscale 
                                    gradient image to experiment with, such 
                                    as something like this at 800x600 pixel 
                                    resolution...</p>
                                    <p align="center"><img src="gradient.gif"
                                     width="128" height="96" border="0"></p>
                                    <p align="left">Run the Sketcher plugin, 
                                    turn off the bumps (set <font color="navy"><b>Low 
                                    Bump</b></font> and <font color="navy"><b>High 
                                    Bump</b></font> to 0), and set the contrast 
                                    values to show the whole raw stroke map 
                                    data (<font color="navy"><b>Contr Start 
                                    </b></font>= 100 and <font color="navy"><b>Contr 
                                    End</b></font> = 0). Disable all the levels 
                                    except level 1. In level 1, choose the Media 
                                    File selector and find the stroke map you 
                                    want to use, such as &quot;PnI1.bmp&quot;. 
                                    Decide at what minimum image intensity you 
                                    want these strokes to be applied and what 
                                    level of variation over shade you want based 
                                    on the source image intensity. For the pen 
                                    and ink effect level 1 has the following 
                                    settings</p>
                                    <p align="left"><font color="navy"><b>Scaling</b></font> 
                                    = 34%<br> <font color="navy"><b>Min Blend</b></font> 
                                    = 0 (white)<br> <font color="navy"><b>Max 
                                    Blend</b></font> = 100 (black)<br> <font
                                     color="navy"><b>Trans Start</b></font> 
                                    = 100 (when source is white)<br> <font color="navy"><b>Trans 
                                    End</b></font> = 70 (when source is 70% 
                                    white)</p>
                                    <p align="left">and with <font color="navy"><b>Smoothing</b></font> 
                                    set to 16, renders like this...</p>
                                    <p align="center"><img src="PnIwalk1.gif"
                                     width="128" height="96" border="0"></p>
                                    <p align="left">This introduces pen strokes 
                                    from white through to light grey (<font color="navy"><b>Trans 
                                    Start</b></font> to <font color="navy"><b>Trans 
                                    End</b></font>). The next level is then 
                                    created, choosing a different stroke map 
                                    (&quot;PnI2.bmp&quot;). Level 1 is switched 
                                    off and level 2 activated, and some settings 
                                    tried. In this case...</p>
                                    <p align="left"><font color="navy"><b>Scaling</b></font> 
                                    = 37%<br> <font color="navy"><b>Min Blend</b></font> 
                                    = 0<br> <font color="navy"><b>Max Blend</b></font> 
                                    = 100<br> <font color="navy"><b>Trans Start</b></font> 
                                    = 81<br> <font color="navy"><b>Trans End</b></font> 
                                    = 40</p>
                                    <p align="left">This creates more strokes 
                                    but only when the source image intensity 
                                    is darker than white, and with <font color="navy"><b>Smoothing</b></font> 
                                    set to 16, renders like this...</p>
                                    <p align="center"><img src="PnIwalk2.gif"
                                     width="128" height="96" border="0"></p>
                                    <p align="left">If level 1 is enabled again, 
                                    the preview shows something like this...</p>
                                    <p align="center"><img src="PnIwalk3.gif"
                                     width="128" height="96" border="0"></p>
                                    <p align="left">For each of the subsequent 
                                    levels a new stroke map is applied, introducing 
                                    crosshatched lines in darker areas. With 
                                    all levels enabled, the end stroke map, 
                                    without any contrast changes, renders something 
                                    like this...</p>
                                    <p align="center"><img src="PnIwalk4.gif"
                                     width="128" height="96" border="0"></p>
                                    <p align="left">To create the desired pen 
                                    and ink look, the contrast needs to be set 
                                    to render black lines. By setting the threshold 
                                    high (<font color="navy"><b>Contr End</b></font> 
                                    = 85), any pixel in the stroke map of lower 
                                    intensity than 85% will be rendered black. 
                                    To balance the final image, the other end 
                                    of the scale (<font color="navy"><b>Contr 
                                    Start</b></font>) is reduced a little to 
                                    97, so that any lighter pixels are rendered 
                                    white. The result is...</p>
                                    <p align="center"><img src="PnIwalk6.gif"
                                     width="128" height="96" border="0"></p>
                                    <p align="left">which shows different gradation 
                                    of strokes over the source intensities, 
                                    good for turning high contrast images into 
                                    pen and ink illustrations. The small thumbnail 
                                    doesn't show a clear variation over the 
                                    lighter tones and it's best to develop effects 
                                    on larger images. You may also want to experiment 
                                    on a suitable source photograph with a good 
                                    dynamic range, to give an idea how the end 
                                    result will look in a more natural context.</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><a href="ManualPage4.htm"><img src="ButtonPrev.gif"
                                     width="110" height="45" border="0"></a></td>
                                <td width="110" height="45" align="right"><p><a href="ManualPage6.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>