Welcome
Welcome To 20/20

Thank you, for downloading byLight Technologies 20/20, an image viewing, capture, and annotation program. We believe you will find 20/20 a useful application for your everyday imaging tasks.

Visit byLight Technologies on our web site at http://www.hotfreeware.com for updates and new information on 20/20.


Features

20/20 Features

20/20 is an image viewing, capture, and annotation program. 20/20 contains the following features:

 General Features

•	Read GIF, JPEG, BMP, BIF, DIB, WMF, PCX, DCX, PNG, PCD, TGA, TIF,  CMS, and ICO file types

•	Write GIF, JPEG, BMP, BIF, DIB, PCX, DCX, PNG, PCD, TGA, TIF,  and CMS file types

•	Convert between resolutions (8,16,24, and 32 bit)

•	Batch Image Conversion

•	EMail images using MAPI or SMTP

•	Upload images to web sites via FTP

•	Create Muted Backgrounds for web pages or stationery

•	Image Sketching

•	View multiple images in individual windows

•	Support for Multi-page image creation and manipulation

•	Annotation Property editor

•	Image preview on open and save dialogs

•	Slide Show with effects and titling

•	Image resize with stretch, crop, and bilinear filtering

•	Zoom with mouse. Point or selected area

•	Zoom magnify

•	Split view, horizontal or vertical

•	Full screen

•	Rotate, flip, or mirror

•	4 levels of undo

•	Dithering control

•	Reopen previous images

•	Track cursor coordinates in pels, inches, or centimeters

•	Extensive control over printing.  Visually place image on paper

•	Copy/Paste selections to/from the clipboard.

•	Opacity and feathering options on pasted selections.

•	Minimize to the task tray

•	Associate image formats

•	Generate thumb nail images and/or Html

•	Twain Support for scanners and digital cameras

Filters and Effects

•	Canvas, Bleed, Blur, Emboss, Engrave, Extrude, Jiggle, Motion Blur, Mosaic, Noisify, Oil Paint, Pinch Hole, Polar, Page Curl, Spray, Super Nova, Whirlpool, Wave, Warp, Sketch

•	Auto Contrast, Brighten, Color Palette, Darken, Despeckle, Enhance, Gamma, Halftone, Hue and Saturation, Sharpen, Soften, Threshold

•	Borders, Border Fade, Edge Detection, Gray Area, Invert, Tile

Annotations

•	All annotations may be moved and/or resized before being applied to the image

•	Rectangle, Hilite, Line, Arrow, Circles, Ellipses, Bezier Curves, Freehand Draw, Image Overlay, Polyline, Polygon, Notes, Text

•	User defined text shapes, outline, solid color, or gradient fill

•	Crop and copy rectangles, rounded rectangles, polygons, ellipses, and/or freehand selected areas

Capture

•	Capture Desktop, Window, Window Client Area, and or a Selected Rectangle

•	Capture images based on user specified time intervals.  Optionally set variance to capture images that have changed by a user specified percentage.

•	Capture scrolled images

•	User configured capture key combination

•	Capture mouse pointer

•	Capture directly to the clipboard

•	User configured feed-back

•	Automatically save captured images to file using a user defined output directory, file prefix, and starting sequence number


Technical Support
Contact Us

You may contact ByLight Technologies for any of the following reasons:

•	Submitting A Bug

•	Technical Support

•	Register To Receive Notifications

•	Comments And Suggestions.

Submit A Bug

Before you submit a bug, we ask that you first, check the 20/20 home page that you have a copy of the most recent version of the application.  Secondly, please check the applications bug list to see if it already exists.  If you can't find it on the bug list, you can either submit the bug using our bug submission form or by sending an e-mail to our support center.  If you send an e-mail, please include the following information:

•	Application name

•	Operating system type and version

•	Whether or not you can re-create the bug

•	Detailed steps to reproduce the problem (if applicable)

Technical Support

Free technical support is available to all registered users of 20/20.  Non-registered users may find help in 20/20's user supported help forum at: www.ezboard.com. Type in bylightsupport in the forum name, or click on:

Registered users having questions on how to use 20/20, may send an e-mail to our Support Center .  As a part of your question, please include in your email the 20/20 Application Customer ID you received when you registered.  We will promptly research your question and normally respond within one business day.

Register To Receive Notifications

If you would like to receive notifications on future 20/20 updates and/or new products created by ByLight Technologies, simply fill out our Registration form .

Comments And Suggestions

If you have comments or suggestions for our applications, please send an e-mail to our Marketing department .

Relevant Internet Addresses:

ByLight Technologies 	http://www.hotfreeware.com/2020wh.html

20/20 Home Page 	http://www.hotfreeware.com/2020/2020wh.htm

Notification Registration 	http://www.hotfreeware.com/forms/r2020wh.htm

Advertising Info 	MAILTO:sales@hotfreeware.com

Technical Support	MAILTO:support@hotfreeware.com


License
License Agreement

ByLight Technologies Licensing Agreement
(for both personal and commercial use)

This license agreement applies to all ByLight Technologies products that may be downloaded from this site or any other authorized site.

"The Software" refers to the following program(s):

•	20/20 Version 2.2

The Software is provided to you free of charge. Should you accept the terms of this agreement, ByLight Technologies will grant you the personal and non-exclusive right to install and use the software. The Software or any other materials provided in this package may not be modified in any way. The Software may be redistributed to friends or associates with all supplied files in its original executable archive format without our written permission.

This means you may freely make copies and distribute the software to friends or associates. Only copy and distribute the original .ZIP file that you received either from an authorized web site, or from another individual.  You may NOT upload the software to a freeware or shareware site without first receiving written permission from ByLight Technologies.

No parts of The Software or other files provided in this package may be reproduced in part or in whole, except as provided in the License Agreement. You may not remove any copyright or other proprietary notice from the software. You may not reverse engineer, decompile, or disassemble the software.

COPYRIGHT NOTICE

The Software and all other materials distributed with this package are Copyright (©) 1998 by ByLight Technologies, Inc.  The Software is protected by both the United States copyright law and international copyright treaty provisions.

DISCLAIMER

The Software is provided "AS IS". You agree that by accepting this license, you are expressly acknowledging that the use of the software is AT YOUR OWN RISK.

BYLIGHT TECHNOLOGIES MAKES NO WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE, WITH RESPECT TO THE SOFTWARE AND ACCOMPANYING DOCUMENTATION.

IN NO EVENT SHALL BYLIGHT TECHNOLOGIES BE LIABLE FOR ANY DAMAGES (INCLUDING DAMAGES FOR LOSS OF BUSINESS PROFITS, BUSINESS INTERRUPTION, LOSS OF BUSINESS INFORMATION, OR OTHER PECUNIARY LOSS) ARISING OUT OF THE USE OF OR INABILITY TO USE THE SOFTWARE, EVEN IF BYLIGHT TECHNOLOGIES HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.

TRADEMARKS

Any product or brand names mentioned in the software and associated manuals and files are trademarks or registered trademarks of their respective owners.

YOU ACKNOWLEDGE THAT YOU HAVE READ THIS AGREEMENT, UNDERSTAND IT, AND AGREE TO BE BOUND BY ITS TERMS AND CONDITIONS. YOU FURTHER AGREE THAT IT IS THE COMPLETE AND EXCLUSIVE STATEMENT OF THE AGREEMENT BETWEEN US THAT SUPERSEDES ANY PROPOSAL OR PRIOR AGREEMENT, ORAL OR WRITTEN, AND ANY OTHER COMMUNICATIONS BETWEEN US RELATING TO THE SUBJECT MATTER OF THIS AGREEMENT.

For information on purchasing multiple "Ad Free" versions, please contact the byLight Technologies sales department.


Setting Preferences

20/20 allows you to set global preferences which affect 20/20's appearance and functionality:

You may bring up the Preferences dialog by either selecting "File|Preferences" from the menu or by clicking on the "Preferences" [image] speed button on the Main toolbar. Preferences are broken down into five categories:

1.	Auto Save Tab . Options relating to saving captured images.

2.	Capture Tab . Options for capturing images.

3.	Display Tab . Options used when displaying images.

4.	Miscellaneous Tab .  Miscellaneous options.

5.	Send Image Tab.  Options for setting up how images are emailed.

6.	Upload Image Tab.  Options for setting up how images are uploaded to ftp sites.


Using the File Open Dialog

The most common method to open an image for viewing in 20/20, is using the File Open Dialog.  The File Open Dialog can be invoked by any of the following methods:

•	Click the Open Image speed button

•	Select the Application Window menu item File|Open

•	Select the View Window Popup Menu File|Open

After using any of the above methods, 20/20 will then present you with the File Open Dialog:

Within the open file dialog, you can either type in a file name to open, or click on one of the files listed.  If you click on a file, 20/20 will display a preview of the selected file along with its associated information on the right side of the dialog (Image Info).  The file information includes:

•	Type. Type of file

•	Width. Image width in pixels

•	Height. Image height in pixels

•	Size.  File size in bytes

•	Colors.  Number colors the image is capable of containing

•	Bits.  Image resolution

•

Above the preview box is the name of the image that is currently being previewed.

If the image being previewed is a multi-page image and it contains multiple images, the Multi-Page Preview control will be visible.  This control shows the total number of images the image file contains.  Additionally, you can optionally "Page" through the preview using the right and left arrows.  Multi-Page image formats supported by 20/20 include .dcx, .tif, and the new byLight Image Format (.bif).

If you have an image already opened into a View Window, the Open "Into" Control will be enabled.  If this control is checked, the new image will be opened into the active view, replacing the image that is currently being displayed.  If this control is un-checked, the new image will be opened into a new and separate view window.  If there aren't any open view windows, this control will be disabled.

If you choose to open into the active view and the active view is in "Split Screen" mode, the new image will be opened into the active pane.

Once the image to be viewed has been selected, click on the "Open" button to have the image loaded into a 20/20 view window.


Printing Images

Printing images with 20/20 is made easy with 20/20 print positioning dialog.  If you are in split screen mode, first select the image you want to print by making it the active image. Select "File|Print" from the menu or click on the Print speed button.  This will initially bring the printer selection dialog:

From this dialog you can choose the printer you would like to print to, along with setting the chosen printer's properties.  When you have finished choosing your printer, click on OK to bring up the print positioning dialog:

The white box on top of the dialog is a representation of the paper that was chosen.  The area inside the dotted box, is the printable area.   If you position a portion of the image outside of the printable area, that portion will not print.

From with the print positioning dialog, you can position and size the image on the page using two methods.  With the mouse by clicking and dragging, or by entering the position and size directly into the appropriate fields.

When using the mouse, click inside the image, and drag it to position on the page you want it to appear.  You can also resize the image by clicking and dragging any of the four sides of the image.  When positioning is performed with the mouse, the position and size fields (Document Box) are automatically updated.

Properties
Click on this button to change the selected printer's properties.

Orientation
Here you can select the paper orientation: portrait or landscape.

Document
In the document box you can specify the image position and size in inches.  If you make a change in any of these fields, it is automatically reflected on the print page.   If the "Preserver Aspect" field is checked, 20/20 will automatically adjust the width or height based on the field that is changed.

Fit Page
Click on this button to fit the image to the printable area of the page.

Center
Click on this button to center the image on the page using it's current dimensions.

Fit Aspect
Click on this button to fit the image to the printable are of the page and maintain it's original aspect.

Once you have completed setting the image position and size, click on the OK button to begin printing the image.


Capturing Images

One of 20/20's capabilities is to capture images.  This feature is particularly useful for creating documentation.  (If fact, all of the screen shot's in this help file were created using 20/20.)

With 20/20 you can capture the active window, the active window's client area, a user selected child window, a user selected area of the screen, or the entire contents of the desktop.  You can also have 20/20 capture areas of a window that have been scrolled out of view, which is great for capturing web pages within a browser.

For information on setting up the capture options in the Preferences dialog, click here .

Capturing An Image
Capturing an image with 20/20 is as simple as pressing a key. The capture key that is.  The key combination you use to capture an image is set up on the Capture tab of the Preferences dialog.  Then, based on the "Target" you specified to capture, 20/20 captures the image.  With 20/20 you have four target choices which can be selected on the Capture menu or by clicking the appropriate Target speed button.  Your target choices are:

-Window. Captures the active window.

-Client. Captures the active window's client area.

-Selected. Captures a windows child window.  After you initiate the capture by pressing the capture key, you then point to the child window with the mouse.  As you move the mouse, 20/20 will Hi-Lite the child window currently being pointed to.  To finish the capture, click the left mouse button.  If the "Captured Scrolled" option is selected and the child window has a vertical scroll bar attached to it, 20/20 will capture the entire contents including the area that isn't visible.

-Rectangle. Captures a user selected rectangular area.  After you initiate the capture by pressing the capture key, you then need to select the rectangular area you want captured.  Do this by clicking on the left mouse button (keep it held down) and dragging the mouse to the desired size.  When you release the mouse button, the selected area will be captured.  If the "Show Dimensions" option is selected, the size of the rectangle is displayed when selecting the area.

-Desktop. Captures the entire contents of the desktop.

Capturing Web Pages
In order to capture a web page, the Target must be set to "Selected", and the "Captured Scrolled" must be set.  Press the capture key, point to the area of the window that contains the page you want to capture and then click the left mouse button.


Using Filters And Effects

20/20 contains over 30 filters and effects.  Most of which are accessed within the Filters and Effects Dialog. Some of the more common effects have been placed on the "Image" menu and on the "Effects" tool bar.

Whenever a filter or effect is applied to an image, it may be undone by selecting "Edit|Undo" from the menu or by clicking on the Undo speed button [image].  In order for the undo to work, the "Enable Undo" option must be checked in the preferences dialog.

To apply a filter or effect to the selected image, select "Image|Filters and Effects" from the menu, or click on the Filters and Effects speed button [image].  This will cause the Filters and Effects dialog to appear:

Most effects allow you to select a rectangular area of the image in which to apply the effect.  To select the entire image, click on the "Reset Selection" button.   You can move or resize the selection rectangle with the mouse.  To resize, pass the mouse over any of the four edges of the selection rectangle and click and drag.

Depending on the particular filter or effect you are applying, its properties will appear on the effects properties sheet.  Here you can set and control the corresponding filter or effect properties.

You can preview the appearance of the effect by clicking on the "Preview" button.  If you would like to reset the image after an effect has been previewed, click the "Reload" button.

You can apply multiple effects to an image by clicking the "Apply" button between effects.  When you are satisfied with the appearance of the effect, click the "Close and Save" button to save the effects on the original image.  If you would like to discard the effects, click on the "X" button.


Slide Shows

20/20 Slide Shows

To create a slide show select the "File|Slide Show" menu or click on the Slide Show speed button [image].   This will cause the Slide Show dialog to appear:

Image Directory
Use these controls to set the drive and directory from which to pick the images that will be displayed in the slide show.

Options
General slide show options:

•	Delay.  The amount of time to delay between images.  Specified in seconds.  Set this to zero if you want to manually control the slide show (see Controlling The Show).

•	Stretch.  Specify how you want the image to display.

Transitions
Transition options:

•	Speed.  Speed of the transition on a scale of 1 to 100 (100 being the fastest).

•	Thickness.  Transition thickness.

•	Type.  Transition type.

Caption
Indicates whether or not you want a caption to appear on top of the image.  If you want static text to appear, type the text that is to appear in the text box.

•	Show File Name.  Check if you want the image's file name to be displayed as the caption

•	Transparent.  Check if you want the caption to appear as transparent.

•	Shadow. Check if you want the Caption to have a shadow.

•	Position. Indicate the position of the caption.

•	Font. Click to bring up the font dialog to change the font.

•	Shadow Color.  Click to change the color of the caption.

Image List
This contains a list of images located in the Image Directory.  Image type can be filtered by setting types in the Image Directory. Adding an image to the slide show is a two step process.  First you must select the image(s) you want to add.  You can do this by left clicking on the image you want to add in order to select it.  To select multiple images, hold down the "Ctrl" key when you click.  Then click the 'Add' button.  You can select the entire list of images by:

1.	Click on the first image in the list.

2.	Scroll down to the bottom of the list.

3.	While holding the "Shift" key, click on the last image.

Preview
Check if you want to view a preview of the image.

Slide Show Images
This contains a list of images that are currently part of the slide show.

Add
Click the add button to add the selected file to the list of images in the slide show. Another way to add an image is to double click it from the Image List.

Remove
Click to remove the currently hi-lited file in the Slide Show Images list.

Clear
Click to clear the contest of the Slide Show Images list.

Run
Click to run the slide show.

Open
Click to open a previously saved slide show.

Save As
Click to save the slides shows settings and image list to a file.

Close
Close the slide show dialog.

Manipulating Images
You can change the order of appearance in slide show, by clicking and holding the left mouse button on the file name in the "Slide Show Images".  Then, drag the image to the desired position.

Controlling The Show

If you set the "Delay" option to a value other than zero, the slide show  will automatically begin display.  You can exit the slide show by either pressing the "Escape" key, or clicking a mouse button.

If the "Delay" option is set to zero, the first image of the slide show is displayed when you click the "Run" button.  The following keys may then be used to control the slide show:

•	Page Down, Right Arrow, or Right Mouse Button.  Causes the slide show to display the next image.

•	Page Up, Left Arrow, or Left Mouse Button.  Causes the slide show to display the previous image.

•	Home or Up Arrow.  Causes the slide show to display the first image.

•	End or Down Arrow.  Causes the slide show to display the last image.

•	Escape.  Exit the slide show.


Auto Save Tab

The Auto Save tab contains the options used for automatically saving images that are being captured.  By default, when you capture images, the current image being viewed is automatically replaced by the image that has just been captured.  If you need to capture several images, the Auto Save feature can save you time during the capture process.  Without it, you would have to manually save each captured image before capturing the next one.

Output Directory
Specify the drive and directory where you want the images to be saved.

AutoSave
Select "Yes" to have captured images automatically saved.

Replace
To have existing images automatically replaced, select "Yes". If "No" is selected, 20/20 will prompt you as to whether or not you want to replace an existing image.

File Prefix
The file name of the image that is saved, is made up two parts.  The prefix and the sequence number.  For example, if you enter "IMG" in the file prefix field, the first image capture will be named "IMG1.???". (??? denotes the type of file being saved)

Start Sequence
The start sequence number is the number 20/20 should begin using when creating the first file name.  20/20 automatically increments the sequence number after each capture.  If the "Auto Increment" Field is checked, 20/20 will automatically increment the file name by a factor of 1.  If Auto Increment is unchecked, the filename will remain the same.

Out File Type
Specify the format of the file you want 20/20 to save the captured image in.


Capture Tab

The Capture tab contains the options relating to capturing images. To initiate an image capture, you must press the "Capture Key" combination as defined here.  For example, if the "Ctrl Key" and "F10" options are checked, you will need to hit Ctrl-F10 to capture an image.

Key Options
Check these options if you want the Ctrl and Shift keys to be part of the "Capture Key" combination.  If these are not selected, you simply need to press the key specified in the "Capture Key" group.

Feed Back
If "Beep" is selected, 20/20 will beep when the capture has been completed.

Capture Key
The key designated for initiating the capture.

Capture Mouse Pointer

If this option is checked, the mouse pointer will be captured if it is visible in the area that is being captured.

Timed Options
20/20 has the ability to automatically capture images at timed intervals.  This may be useful if you want to do unattended captures.  Check the "Time Capture" option if you want to perform timed captures.  Then specify the capture interval in seconds.  In order to discontinue timed captures, simply un-check the "Time Capture" option.

The "Variance" option allows you to perform timed captures on images that only change by a percentage that is specified by the variance slider.  For example, say you have an application that displays real-time images from a security camera.  You can instruct 20/20 to perform a timed capture on the security window, say every 5 seconds.  If the "Variance" field is checked and set to 25%, 20/20 will only save images that have a variance of 25% over the previous image.  This effectively only save images that have changed, which saves disk space.

The "Rectangle Repeat" is only used when the capture target is set to "Rectangle".  If this field is not checked and you are performing timed captures, you must select the rectangular area to capture every time a capture is initiated.  If this option is checked, you only need to specify the area once, and 20/20 will repeatedly capture the rectangular area until timed capture is turned off.

Miscellaneous
The "Capture Scrolled Area" option allows you to capture the scrolled area of a window.  This is particularly useful when capturing web pages that are being displayed inside of a browser.  If this option is selected in conjunction with the "Capture Selected Window" option, 20/20 will detect if the selected window has a vertical scroll bar.  If so, 20/20 will capture the entire contents of the window by capturing and scrolling the selected window.

Capture To

This option sets the destination of the screen capture image.

•	Multiple Windows.  When this option is selected, each new capture is placed into a new View Window.

•	Single Window.  Causes captured images to be placed into a singe View Window that is designated as the "Capture" view window.  A capture view window is automatically created for the first capture that is performed.

•	Clipboard.  Causes the captured image to be placed in the windows clipboard immediately.  No view window will be created.


Display Tab

The Display tab contains options that control how images are displayed by 20/20.  If you're not sure what Display Resolution or Dithering means, please see the note that gives a brief explanation on these topics.

Display Resolution
Select the resolution that you want 20/20 to display the image in.  If you select a resolution that is less than the resolution of the image, 20/20 will automatically reduce the image colors.  Under normal conditions, this option should be set to Automatic.

Reduction Method

If you choose to display images at a resolution which is less than your display, 20/20 will need to reduce the number of colors in the image.  This field indicates how create the color palette.  For the best results, set this field to Optimal.

Dither Method

The dithering method is also used to reduce the number of colors an image contains.  You will need to experiment which method works best with certain images.  Typically, Nearest Color will give the best results.

Blit Mode
Blit mode is used to determine how to display zoomed images.

Use Optimized Palette On 8 Bit Displays

Tells 20/20 whether or not to use a global palette for images with different palettes on 8 bit (256 color) displays.   Used when viewing images in split screen mode.

Enable Undo
20/20 tracks up to four undo levels.  If you make a change to an image, select "Edit|Undo" to restore the image as it was before it was changed.  The capability to undo changes utilizes more memory.  Note that each view window maintains its own undo buffer.


Miscellaneous Tab

The Miscellaneous tab contains miscellaneous options that control the appearance and operation of 20/20.

ReOpen Options
The File menu contains a menu item named "ReOpen".  This menu item will display a list of recently opened files from which you can choose to reopen.  Here you can specify the maximum number of files to track.  You can also clear the list of files by clicking on the "Clear List" button.

The "Into Active View" option controls whether or not the image being reopened is placed into a new view (un-checked) or placed into the active view (checked).

Cursor Coordinates
20/20 displays the current cursor location in the status bar.  Here you can choose the units of measure that you want displayed.

Associations

You can associate image types with 20/20 so that when you open an image, 20/20 will be the default program for viewing the requested image.  Simply click on the image type(s) that you want associated with 20/20.  Before 20/20 creates the new association, it automatically backs up the current association (if one exists) in the registry.  You can later choose to remove the association by un-checking the appropriate image type.  20/20 will then restore the association as it was before you made the change in 20/20.  To call up the Associations editor, click the Associations button.

Position View Size

This options controls the size of the Position View preview window.  When image being displayed is larger than its corresponding view window, a small black box appears in the lower right hand corner of the view window.  Clicking this black box (position view control), a thumbnail of the current image appears which allows you to position the current image inside the view window.

Allow Multiple Instances

This option controls whether or not multiple instances of 20/20 are allowed to run.  If this option is checked and you click on the 20/20 icon twice, Two instances of 20/20 will be started.  Each instance will have its own application window.  The same holds try when double clicking images inside of the windows explorer.  A new copy of 20/20 will be started for each associated image that is clicked.  On the other hand, if this option is un-checked, only a single instance of 20/20 will run at any given time.  The main advantage for only allowing a single instance to run is conservation of memory.

Fit View On Open

This option controls the initial size of the view window when an image is opened.   When checked, the view window is initially sized to fit the area of the desktop which is not occupied by the application window.  If this option is un-checked, 20/20 will size and position the view window based on the size of the image that is opened.

Load Last Image
If Load Last Image is checked, 20/20 will automatically load the last image you have displayed the next time 20/20 is started.


Thumb Nails

20/20 contains a simple utility that can be used to generate thumbnails.  The thumbnail generator allows you to create thumbnails that can be saved as a single image file.  Using the html options of the thumbnail generator, you can also save thumbnails in an html formatted file for use on a web page.

Select the "File|Thumb Nails.." menu item or click on the Thumb Nail speed button to call up the Thumb Nail Generator dialog:

The Thumb Nail Generator consists of four sections:

1.	The Thumbnail Sheet Work Area located in the upper right corner.

2.	The Thumbnail Options Tab Sheet located in the lower right corner.

3.	The Image Selection List located in the upper left corner.

4.	The Action Buttons located in the lower left corner.

Creating a thumbnail sheet is accomplished by performing the following actions:

1.	Set up the thumbnail options using the Options Tab Sheet.

2.	Add images to the Thumbnail Sheet Work Area.

3.	Generate the thumbnail sheet.

Options Tab Sheet

Use the Option Tab Sheet to set the various options that effect the appearance of Thumb Sheet as well as the format that you want the Thumb Sheet to be saved in.  It is generally a good idea to set the options before adding any images to the Thumbnail Sheet Work Area.  Any of the options that effect the appearance a thumbnail (frame size, style) will cause all existing thumbnails to be rescanned and resized.  Options that are displayed in Bold Italics will cause existing images to be rescanned.

General Options

Thumb Size.  This sets the size of the frame that will hold the thumbnails.

Margins.  Sets the size of the Left/Right (L/R) and Top/Bottom (T/B) margins in pixels.

Use Aspect.  Indicates whether or not to use the aspect of the original image.  If not checked, the original image is sized to fit the entire contents of the frame.

Preview.  Turn the Floating Preview  window ON/OFF.

Background.  Used to control the color of the background of the Thumbsheet.  Click on the button to set the desired color.

Frames.  Used to control the color of the background of the thumbnail frames.  This only has an effect when the "Use Aspect" id turned on.

Description.  This controls the color of the description text located under each thumbnail.

Scan-Subdirectories.  Turn this option to have the Thumb Nail Generator search sub-directories when performing a scan and load.

Stretch Smaller.  This option effects images that smaller than the size of the thumbnail frame.  If turned on, the image is stretched to fit the entire frame.  When off, the image is centered inside the frame.

Drop Method.  This option determines how images are placed on the Work Area.

•	Append.  Images are added into the first "Empty" frame.

•	On Target.  The image is placed into the frame it is dropped on.  If the image is double clicked in the Image list, it is added into the first "Empty" frame.

•	Sort.  Images are sorted by file name.  If you desire to have your images sorted by file name, it is less resource intensive if you set this option just before generating the output.  If this options is set during a "Scan and Load", it is temporarily disabled until all of the qualified images have been loaded.

Frames

Bevel Width.  This sets the space between the inner and outer bevels.

Outer Bevel.  This controls the appearance of the outer bevel

Inner Bevel.  This controls the appearance of the inner bevel.

Images Across.  This controls the number of thumbnails on each row.

Gutter Size.  This controls the spacing between thumbnails in pixels.

Description.  This controls whether or not image name and size appears underneath the thumbnail.

Output

Output Type.  This controls the type of output that is created when you click on the "Generate" button.

•	Preview.  This send the output to a preview window that contains a "Save" menu item.

•	20/20.  This closes the Thumb Nail Generator and places the thumbnail sheet into the active view of 20/20.

•	File.  This causes a "Save File" dialog to appear.

•	Html.  This will generate the necessary Html to display your thumbnails on a web page.

Html Options 1 (Used when generating Html)

Html File Name.  This sets the name of the Html file to create when generating the thumbnail web page.

Base Directory.  This sets the directory to which the individual thumbnail images are copied to.

Image Directory.  This sets the directory to which the original (full size) images are copied to.  This option only needs to be set if "Link To Original" option is checked on tab 2.

Prologue.  This is the name of an existing html file that should be used when generating the output.  The html code named here, is written to the output file before the thumbnail code.  If this field is left blank, the required html header tags are genereated autmatically.

Epilogue.  This is the name of an existing html file that should be used when generating the output.  The html code named here is added after the thumbnail code.  If this field is left blank, the default "End" tags are automatically written.

Browse.  The browse button causes a dialog to appear that allows you to set the active option on this sheet.  For example, if the cursor is located in the "Html File Name" field, and the browse button is hit, a dialog will appear that will enable you to select an html file name.  You may also "double click" inside the field to call up the corresponding browse dialog.

Html Options 2

Thumb Type.  Determines the file type to save the thumbnail image as.

Image Link Type.  Determines the file type to save the original image as.

Link To Original.  When this option is set, the original image is saved in its original size.  A "link" is then generated from the thumbnail image to the original image.

Preview After Generate.  This option causes the default browser to be started using the generated thumbnail html file as its input.

Adding Images To The Work Area.

You can add images to the work area in several ways.  First you can double click on an image file name located in the image file list in the upper left-hand corner of the Thumb Nail Generator.  This will automatically add the selected image to the first "Empty" frame.  Secondly, you can drag a file name from the image list, and drop it on a frame located in the work area.  Third, you can perform a "Scan and Load" to automatically load images from a directory.

If you click an image in the image list and the "preview" option is turned on, the image will first be displayed in the "preview" window.  You can control the placement of the preivew window by clicking the left mouse button (hold it down) anywhere inside the preview  window and dragging it to the desired location.

Thumb Sheet Caption

You can add a caption to the thumb sheet by clicking in the area located above the first row of thumbnails in the work area.  Then type in the caption you desire.  You can set the caption font and color by double clicking anywhere on the caption.

Thumb Nail Actions

There are four action buttons located in the lower left hand corner of the Thumb Nail Generator.

Change Directory.  This button causes a browse folder to appear.  You can then choose a directory from which images may be selected.

Scan and Load.  This button will cause images from the selected directory to be automatically loaded into the work area.  If the "scan sub-directories" option is checked, all directories underneath the selected directory will also be scanned.

Clear Thumbnails.  This button will clear all of the thumbnails that are currently loaded in the work area.

Generate.  This button generates the thumbnail sheet as specified in the Output Type option.


Version 2.2

Version 2.2 Additions and Updates

•	Interface redesigned. Multiple images can now be opened into separate "View Windows".

•	Add popmenu to tray icon, "Restore" and "Close" options

•	Fixed Captured scrolled to work with new version of IE and Netscape

•	Added "Text Tool", renamed old text tool to "Shaped Text" tool.

•	Added Right Click on image to show pop-menu to access main menu command from the pop-up menu, tools that use right click (zoom, poly) can have the pop-up invoked by holding the shift key.

•	Added new image file format that allows you to save annotations with the image. byLight Image Format (.bif)

•	Added Pan Preview to lower right corner of the image. Click (black box) and pan to scroll the view. The size of the preview thumb is controlled in preferences| miscellaneous|Position View Size.

•	Shift Click on the colorbar displays a larger color bar

•	Added "draw straight" option for rects, lines, arrows, circles. Hold shift, to draw straight.  Ctrl+shift on lines to draw angles.

•	Added annotation toggle (visible <-> invisible)

•	Changed mouse cursor to reflect the chosen tool

•	Added Group/UnGroup for selected objects/annotations

•	Added "Capture To" option in Preferences|Capture.

•	Added option to capture directly to the clipboard.

•	Changed paste option to detect if the image being pasted from the clipboard is larger than the image being displayed.  If so, the clipboard image is pasted as new image.  otherwise the image is pasted into the existing image.

•	Changed preview on open dialog to display animated .gifs.

•	Changed interface to modified MDI.  Add functions for manipulating child windows (fit,cascade, and tile).

•	Images that are smaller than the view window are centered

•	Arrow keys move selected objects by a value of 1 (up,down,left,right). Shift & arrow moves objects by a factor of 25.

•	Added zoom spot tool

•	Added mouse tracking to Zoom Point tool.  Holding the mouse button down will cause the zoom to continue.

•	Added reopen drop down menu to open speed button, and context menu

•	Added property "Crop Type" to crop tools.

•	Crop-Crop around selection

•	Cut Out-Cut out selection and fill with background color

•	Cut&Paste-Cut out selection and paste immediately

•	Copy-Current behavior

•	Added Muted Background Effect

•	Added Tile Preview

•	Moved "less-likely" functions into run time .dll to conserve memory. Resize, Muted Background, Tile Preview, Canvas, Send Image, and Upload Image.

•	Reduced the time to required to resize an image.  Added resize filter options (nearest neighbor & bilinear).  When resizing to a larger size, use the bilinear filter to prevent "jaggies".

•	Added "Batch Convert" to convert multiple images to a single format

•	Added Image & Object Dimensions to status bar

•	Added Image Preview and Moved File Save Options to File Save Dialog

•	Added option to use the "Print Screen" key as the capture key.

•	Added option to capture the Mouse Pointer on screen captures.

•	Expanded color reduction and and dithering options for displaying and saving images.  Images can now be reduced to 1,4,8, and or 16 bit values using any of the following reductions methods:

•	No Color Reduction

•	Monochrome

•	Color Grayscale

•	256 Color Grayscale

•	Netscape Palette

•	Optimal

•	Optimal Windows

•	Custom Palette

•	Any of the reduction methods can use any of the following dithering methods

•	Nearest Color

•	Floyd Steinberg

•	Stucki

•	Sierra

•	"Jarvis, Judice & Ninke"

•	Stevenson & Arche

•	Burkes

•	Added Multi Page manipulation for .tiff, .dcx, and .bif

•	Images can be scrolled with the arrow keys. (ctrl-arrow) moves by 25. Home-Top Left, End-Bottom Right Page UP-25 Page Down-25, "="-Zoom In "-"-Zoom Out

•	Added option to Change the color depth of the active image.

•	Added option that controls whether or not multiple instances of 20/20 run

•	Added Multipage preview to open & save dialogs for Multi page file types.

•	Added Insert Image option to Image Menu for creating Multi-page images.

•	Added RUD's (recently used directories) to reopen menu's

•	Added Opacity & feather options to crop tool paste properties.

•	Added Object Property Editor for editing Annotation properties.

•	Added Send Image to Image menu.  Allows sending an open image using MAPI.  Options to use MAPI or SMTP can be set in Preferences

•	Added "Show Guides In View Windows" to preferences.

•	Added "Fit View On Open" to preferences.

•	Added Dialog to set the Image View Window Background properties View|Window Properties.

•	Modified Association dialog to show current association information. Also changed uninstall procedure to automatically restore associations that were previously associated with 20/20

•	Added Auto Increment flag to Auto Save preferences.  When not set, the captured image name is not incremented.  Could be used for capturing and writing to the same file everytime.  That image could be displayed on a web page.


Overview

20/20 supports opening and manipulating multiple images using a modified Multiple Document Interface (MDI).  When 20/20 is first started, you are presented with the main Application Window:

The main application window contains the application Menu Bar, image Input/Output speed buttons, and the image Tool Palette.  The application window is initially placed at the top of your desktop.

When an image is opened, scanned, or copied from the clipboard, it is placed into an Image View Window:

When an image is initially opened, the view window is initially positioned and sized to occupy the desktop space that is not being used by the application window.

The View Window is like any other window in that it can be resized, maximized, and/or minimized.  Multiple images can be opened into multiple view windows.  Similar to other Multiple Document Interface applications, 20/20 contains the traditional operations: tile and cascade for manipulating multiple view windows.

The following shows an example 20/20 session with four opened images:

Tiled, and then cascaded:

The number of images that can be opened into separate view windows is limited only by the amount of memory your computer has, as well as the size of your swap file.

Whenever an image is being manipulated by 20/20, an "Open Images" tab appears on the main window Tool Palette:

The Open Images tab contains a thumb nail for each currently opened image.  Any of the images associated view windows can be activated (brought to the front), by simply clicking on the corresponding thumbnail.

Tell me more about the Application Window.

Tell me more about the View Window .


Overview
Opening Images Overview

There are several ways in which you can open images into 20/20.

•	Using the Open File Dialog

•	Using the Most Recently Used Image List

•	Using Associations


Using the Most Recently Used Image List
Opening Images Using the Most Recently Used Image List

The Most Recently Used (MRU) Image list contains a list of images and directories that have been recently opened.  The last opened image appears at the top of the list.  Images and directories are separated by a divider.  Images are located on the top, and Recently Used Directories (RUD) are located on the bottom of the list.  The MRU can be accessed from three locations:

The Open Image speed button.

Click on the arrow next to the speed button to see the list of recently used images.  To re-open a previously open image, select it by moving the mouse, and then click to actually open it.

The MRU can also be accessed from the Application Window File|Reopen menu item:

The third and final method for accessing the MRU, is from the View Window Popup Menu (right click anywhere in the view window). Select the menu item File|Reopen.

There is an option in the Preferences Dialog that controls whether or not the image being reopened is opened into an existing active view window, or into a new separate view window.


Using the Clipboard

Images can be created by pasting previously copied images from the windows clipboard.  To paste an image from the clipboard into a new view window, Select Edit|Paste|Paste As New Image.

If an image is not available in the clipboard, this menu item will be disabled.


Using Associations
Opening Images Using Associations

You can use 20/20's Association Manager to associate image types (.jpg, .gif, .bmp etc.) with 20/20.  Doing so will cause 20/20 to load (if its not already), and open an image into a new view window when:

•	An image located in Documents on the Start Menu is clicked.

•	An image is double clicked inside the windows explorer.

•	An image shortcut is double clicked on the Desktop or a folder on the Desktop.


Using the Save File As Dialog

The File Save As dialog allows you to control the file name and options of the image that is being saved.  Select "File|Save As" to call up the File Save As dialog:

Within the save file dialog, you can either type in a file name to save as, or click on one of the files listed.  If you click on a file, 20/20 will display a preview of the selected file along with its associated information on the right side of the dialog (Image Info).  The file information includes:

•	Type. Type of file

•	Width. Image width in pixels

•	Height. Image height in pixels

•	Size.  File size in bytes

•	Colors.  Number colors the image is capable of containing

•	Bits.  Image resolution

•

Above the preview box is the name of the image that is currently being previewed.

If the image being previewed is a multi-page image and it contains multiple images, the Multi-Page Preview control will be visible.  This control shows the total number of images the image file contains.  Additionally, you can optionally "Page" through the preview using the right and left arrows.  Multi-Page image formats supported by 20/20 include .dcx, .tif, and the new byLight Image Format (.bif).

The "Append To Existing File" control can be used to append the image to an existing multi-page file.

The Options button is used to control the available save options before the image is actually saved.  Clicking the options button will cause the Save File Options dialog to appear:

Complete information on fields contained in the Save File Options dialog can be found here.

Once the file name and type have been set, click on the Save button to finishing saving the image.


Using the New Image Dialog

A new image can be created by selecting the menu item File|New.  Selecting this menu item caused the New Image Dialog to appear:

New Width

This field sets the width of the new image.

New Height

This field sets the height of the new image.

Fill Color

This will be the color of the new image if an existing image is not being copied.  You can change the color, by clicking inside of the color box.  You will then be presented with the color selection dialog from which you can select a new color.

Units

Units are used to control the units of measure that are typed into the New Width and New Height fields.

Presets

This drop down combo list can be used to automatically set the width and height from a list preset dimensions.

Create In Existing View

If an image has already been opened into a view window, you can choose to place the newly created image into the existing active view by checking this option.  Leave this option un-checked to have the new image appear in a new view window.

Copy Current Image

If an image has already been opened into a view window, you can choose to make the newly create image a copy of the image contained in the active view.  Checking this option will copy the active image.  If this option is checked, the new width and new height options will have no effect.


Using Twain Devices

You can use 20/20 to acquire an image from a Twain compliant device.  Simply select "File|Scan Image" or click on the "Scan Image" speed button. This will start the default Twain source manager, which will then bring up a dialog that controls your particular device.   Refer to the documentation supplied with your Twain device for further instructions.


Overview

Images can be saved using either of the menu items "File|Save" [image] or "File|Save As".  If you choose "File|Save", the image is saved to the file name located in the title bar of its view window.  Images being saved with "File|Save" that do not have a file name associated them (ie Screen Captures, New Images, Scanned Images etc.) will cause the File Save As dialog to appear.

The "File|Save As" menu item always causes the File Save As dialog to appear regardless of whether or not the image has a file name associated with it.  Using the File Save As dialog allows the file options to be changed, as well the file type.  For example, an image of type .gif could be opened, and then saved as (converted) a file type of .jpg.


Send Image Tab

Any image that is opened in a view window can be sent via email using the "Transfer|Send (Email)" menu item which can found on the image menu in the application window.  The options found in the Send Image tab allow you to control how the image is delivered.  Note that if you are using a web browser based Email client such as Yahoo, Hotmail, AOL, etc., 20/20 will not be able to send images through these services using the SMTP option.

Mail Delivery Method

You can choose how the image is delivered by selecting either MAPI or "Use My SMTP Account".

MAPI. The MAPI (Mail Application Program Interface) option allows you to send the image using your current Email client.  Using MAPI will likely cause the image and its corresponding message to be placed in the "OutBox" of your email client.  In order to use MAPI, your Email client must act as a MAPI server.  Check your Email clients documentation in order to determine if it is MAPI compliant.  If your Email client is MAPI compliant, 20/20 will be able to take advantage of the address books you have already defined.

Use My SMTP Account.  If you choose to use your SMTP mail account, you will need to set up the information the "STMP Properties"  group box.  Using this option allows 20/20 to connect to your SMTP account directly, and in turn send the image.  The only advantage to using this option, is that it generally uses less memory than the MAPI option.  The disadvantage is that any address books you have defined will not be available.  Instead, you will have to type in the "To" address directly (ie someone@somewhere.com).

SMTP Properties

SMTP Server

This is the address of your SMTP Server.  This will typically be mail.myserver.com, where "myserver" is your ISP's domain name.  You can find out what this address is by contacting your ISP, or by examining the mail server properties in your current Email client.

SMTP Port

This is the port number that your SMTP server uses to communicate on.  Only in rare circumstances would this be different that the default of 25.

My Name

Use this field for identifying yourself to the recipient.

Reply Address

This is the address that appears when the recipient chooses to reply to email you send them.


Upload Image Tab

Any image that is opened in a view window can be uploaded via FTP using the "Transfer|UpLoad (FTP)" menu item which can found on the image menu in the application window.  The options found in the Upload Image tab allow you to create and modify multiple FTP accounts.  Uploading images from within 20/20 saves you from having to load and connect to your FTP account using FTP client software.  One of the more common uses for uploading images to an FTP site is to have the images "linked in" to auction sites.  This way potential bidders can view images of the item(s) for sale.

After 20/20 is initially installed, the FTP Accounts list box will be empty.  You can create a new account by clicking on the New button located in the lower left hand corner.  The proceed to fill in the following information.

Account Name

This field is used to identify the account within 20/20.  It will appear in the list of accounts after a new account is added.  It will  also appear in the actual Upload dialog.

Host Address

This is the address that hosts your FTP site.  It will typically be ftp.hostaddress.com, where hostaddress is the name of your FTP host.  Check with your ISP or FTP host provider for the correct address.

Host Port

This is the port the FTP host performs its communication on.  Use the default port of 21, unless your ISP indicates otherwise.

User ID

All most all FTP sites require a user name and password for creating/modifying files located on an FTP site.  Enter in this field the user ID/Name assigned to you by your ISP/FTP host.

Password

Contains the password for connecting to the FTP site.

Default Directory

When 20/20 initially logs into your FTP server, you are placed into the default (root) directory that is assigned by your ISP.  Normally you are allowed to create sub-directories within your default directory.  If you enter a directory in this field, 20/20 will change to the specified directory immediately after logging in. This directory also appears in the Upload image dialog where you can optionally change it.  20/20 first attempts to determine if the directory is valid, if not, it will attempt to create it before uploading images.

After the above information has been filled in correctly, click on the "Save" button to finish creating the FTP account.

Modifying Existing Accounts

You can change any of the accounts that have been previously created by first clicking on the account in the "FTP Accounts" list box.  Doing this causes the associated account information to be displayed on the right side of the dialog.  Click on the "Change" button to edit the account information.  Changes can then be record by clicking on the "Save" button.  Alternatively changes can be discarded by clicking on the "Cancel" button located next to the Save button.

Deleting Existing Accounts

You can delete any of the accounts that have been previously created by first clicking on the accoutn in the "FTP Account" list box.  With the account selected, click on the "Delete" button.  You will then be asked to confirm that you want to delete the account.  Click on "Yes" to complete the deletion.


Overview
Overview of Using The Application Window

When 20/20 is first started, you are presented with the main Application Window:

The main application window contains the application Menu Bar, image Input/Output speed buttons, and the image Tool Palette. The Application Window, in its initial state, is maximized at the top of your desktop.  Like any other window, it can be moved by dragging the caption bar.  In the "Normal" state, the Application Window can be resized horizontally.  The vertical size is static and can NOT be changed.

Clicking on the Minimize button (-), located in the upper right hand corner of the window, causes the Application Window to minimize itself to the Task Bar Tray.  Additionally, any opened View Windows are also minimized (disappear from the desktop).  The Application Window (and the opened View Windows) can be restored as they were before minimizing by clicking once on the 20/20 Icon in the Task Bar Tray.  You can also restore 20/20 by right clicking on the 20/20 Icon in the Task Bar Tray, and then select "Restore" Menu item.

All image operations selected from the Application Window are applied against the image located in the Active View Window (Top most View Window).

The Application Window acts as a control center for all of the operations that can performed within 20/20.  For convenience, most of 20/20's functionality can be accessed using three different methods:

1.	The Application Window Menu Bar.

2.	The Application Window Speed Buttons (I/O and Tool Palette).

3.	The View Window Popup Menu (right click inside the View Window).

Application Menu Bar

Self-explanatory.

Application I/O Speed Buttons

These speed buttons located on the left side of the Application Window, provide for quick access to the Image I/O operations (Open, Save, Print, Clipboard operations, Scanning, and View Window splitting).

Application Tool Palette

The Application Tool Palette organizes all of 20/20's functional speed buttons into a single location.  As 20/20's functionality is enhanced, new options will be placed into the tool palette.


File Menu

The following menu items are available in the Application Window File Menu:

New…

Creates a new image. Causes the New Image dialog to appear which allows the new image properties to be set  (size, color, etc.).

Open…

Opens an existing Image.  Causes the Open Image dialog to appear.  Within this dialog you can choose which image to open.

Scan Image…

Scans an image from a Twain compliant device such as a Scanner or Digital Camera.

Save

Saves the image located in the active View Window.  If the active image hasn't been named, the Save As… dialog will appear.

Save As…

Brings up the Save As dialog.  This dialog allows you to control the file name, image type, and image options before the image is actually saved.

Print…

Prints the image located in the active View Window.

ReOpen

Enables access to previously opened images and directories.  Clicking this menu item causes a sub-menu to appear listing the recently opened images (top half of the sub-menu) and recently used directories (RUD's located in the bottom half of the sub-men).  If you click on a recently used image, that image (if it still exists) will opened into a View Window (New or Active depends on the Reopen option located in the Preferences dialog under the Miscellaneous Tab).

Selecting a RUD (lower half of the sub-menu), causes the open dialog to appear with the initial directory set to the RUD selection.

Batch Convert…

Calls up the Batch Conversion dialog.  This dialog can be used to convert multiple images into a single file format.

Preferences…

Causes the Preferences dialog to appear.

Slide Show…

Brings up the Slide Show dialog which can be used to create and/or modify existing 20/20 slide shows.

Thumb Nails…

Causes the Thumb Nail dialog to appear.  The Thumb Nail dialog can be used to create thumbnails of multiple images and optionally outputted to a new image, or an HTML file which be used on a web page.


Edit Menu

The following menu items are available in the  Application Window Edit menu:

Copy (Ctrl-C)

Copies the entire image in the active View Window to the clipboard.

Paste

Pastes the image or selection that is located in the windows clipboard.  The paste menu item contains a sub-menu containing the following menu items:

As New Image (Ctrl-V).  Pastes the clipboard image as a new image into a new View Window.

Into Existing Image (Ctrl-Shift-V).  This option is enabled only if a view window is active.  Selecting this will pasted the current selection or bitmap from the clipboard into the active image.  The appearance of the pasted image (opacity, feathering) can be controlled in the Selection Properties dialog.l

Undo (Ctrl-Z)

Undo restores the active image as it was before the last change was made.

Selection Properties…


View Menu

The following menu items are available in the  Application Window View menu:

Fit

Causes the active View Window to fit directly underneath the application window.  The View Window will be sized to fit the desktop area that wouldn't be occupied if the Main Window were maximized.

Cascade

Cascades all open View Windows.

Tile

Tiles all open View Windows.

Window Properties…

Calls up the View Window properties dialog.  Using this dialog you can choose the background appearance (area not occupied by the image) of the View Window.

Property Editor (F11)

Causes the Annotation Property Editor to become visible and stay on top.

Menu Bar

Selecting this menu item turns off the visibility of the Menu Bar on the Application Window.  The Menu Bar can be made visible again by clicking on the 20/20 system menu and then choosing the "Show Menu" item.  The System Menu can be found by clicking on the small 20/20 Icon located in the upper left hand corner of the Application Window.

Status Line

This menu item toggles the status lines in all of the opened View Windows off/on.

Open Image List (not an actual menu  item)

For every View Window that has been opened, the bottom of this menu will contain an item listing the file name of each item.  Clicking on a file name will cause the corresponding View Window to be activated and brought to the front.


Capture Menu

The Application Window Capture menu is divided into two sections.  The top half includes the currently selected and available capture targets. The bottom items allow you to control a few of the miscellaneous capture settings.

As mentioned in the Capturing Images section, a screen capture is normally a one or two step process depending on the Capture Target that is currently selected.

The capture target menu items include:

Window (1-step).

Captures the active foreground window (entire window).  To capture a foreground window, bring the desired window to the front by activating it.  Then press the pre-defined capture key.

Client (1-step).

Captures the client area of the foreground window.  The client area is normally the area of the window not occupied by the menu and speed button bars.  To capture the client area of the foreground window, bring the desired window to the front by activating it.  Then press the pre-defined capture key.

Selected (2-steps).

Captures a user selected client area of the foreground window.  Press the pre-defined capture key to initiate the capture and then move the mouse to select the client area to capture.  Press the left mouse button to finish the capture.  In order to capture a web page, this target must be selected as well as the "Scrolled Area" option.

Rectangle (2-steps)

Captures a user selected rectangular area of the screen.  First, press the pre-defined capture key.  A cross hair cursor will then appear.  Click (and hold) the left mouse button and then drag the mouse to select the area of interest.  Release the mouse button to finish the capture.

Desktop (1-step)

Captures the contents of the entire Desktop.  To capture the Desktop, press the pre-defined capture key.

Miscellaneous Capture Menu Items

Scrolled Area

Used in conjunction with the Selected target.  If the selected child window contains a vertical scroll bar and the Scrolled Area option is set, 20/20 will attempt capture the entire contents of the selected child window.

Timed Capture

Selecting the timed capture option initiates timed captures as defined on the capture tab in the preferences dialog.


Image Menu

The following menu items are available in the  Application Window Image menu:

Annotations

The Annotations sub-menu contains menu items that work with Annotations.

Apply.  Applies all of the floating annotations to the image.

Clear. Clears (deletes) the existing annotations.

Toggle.  Toggles the visibility of the existing annotations.

Group Objects.  Groups the currently selected annotations.

UnGroup Objects.  UnGroups a previously grouped set of annotations.

Bring To Front.  Brings the currently selected annotation(s) to the front.

Send To Back.  Send the currently selected annotation(s) to the back.

Filters & Effects

Calls up the Filters & Effects dialog

Insert Image

Inserts a new image into the current set of images.  This option is used to create or modify a multi-page image which can then be stored in a .tif, .dcx, or.bif file format.  Images can be inserted from several sources:

New.  This item causes a new image to be inserted using the new dialog.

From Clipboard.  If an image is available in the clipboard (previously copied, it can be inserted from the clipboard using this menu item.

From File.  Images can be inserted from existing files using this menu item.  When selecting "From File", the open dialog will appear.

From Twain Device.  The item causes an image to be inserted from a twain device.

Split

20/20 has a viewing feature named Split View.  This allows you to split the viewing area inside the View Window into two windows either vertically or horizontally.  This can be done by selecting "Image|Split|Horizontal" [image] or "Image|Split|Vertical" [image] from the menu, or by clicking on the corresponding speed buttons.  When an image is initially split, the image contents of the original viewing area is automatically placed into the new window (without annotations).  Both viewing areas are independent of each other.  All command and image manipulation tools apply to the "active" image.  The active image is the one that is currently selected and appears to be raised.  You may select the active image by clicking on the image you want to be activated.  When you open or capture images, the image is placed into the active image.

The "Split bar" that appears between the two images may be moved by clicking and dragging the bar to the desired position.

Tile Preview

Opens a temporary window that displays the current image as a tiled background.

Transfer

This menu item contains a sub-menu for transferring images via Email or File Transfer Protocol (FTP).  To send an image to another person through Email, select the "Send (Email)" menu item.  To upload the image and optionally others to an FTP site, select the menu item "Upload (FTP)".

Zoom In

Zoom's in on the active image by the specified factor.

Zoom Out

Zoom's out of the active image by the specified factor.

Color Depth

Brings up the Color Depth dialog which allows you to change the color depth of the active image.

Resize

Calls up the Resize dialog to change the dimensions of the active image.

Transparent Color

Activates the Transparent Color dialog which can be used to set current image's transparent color.  Currently, the transparent color is only used when saving images to the .gif file format.

Border Fade

Fades the border of the active image using the current Foreground color.

Flip

Flips the current image (upside down) vertically.

Gray

Converts the current image to a gray scale.

Invert

Inverts the colors of the current image.

Mirror

Mirrors the current image (left-right) horizontally.

Muted Background

Calls up the Muted Background dialog.  The Muted Background allows you Mute the current image (set its transparency) against a user specified color.

Rotate

Rotates the current image right or left 90 degrees.

Sketch

Turns the current image into black and white sketch.

Tile Effect

Tiles the current image.


Tool Menu

The Tool Menu provides access to the common view manipulation (zoom, pan) and annotation tools.

Select

Used to select, resize, and move annotations that have not yet been applied.

Pan

Use to Pan/Move an Image with the mouse in the current view.  Click and hold the left mouse button down, and then move the image to the desired position.

Zoom Point

Zooms an image In/Out.  Left click to zoom in and right click to zoom out.

Zoom Area

Zooms in on a selected rectangular area.  Click and hold the left mouse button, then select (drag) the area to zoom in on.  Right click to reset the zoom back to 1:1.

Zoom Magnify

Zooms in/out on a selected section of an image.  Click and hold the left (zoom in) or right (zoom out) mouse button inside that active image.  With the mouse button held down, you can optionally move the mouse which will update the magnification window.  The magnification window properties (size and zoom factor) can be set by right clicking on the Zoom Magnify speed button located on the Annotations tab of the application window tool palette.

Fill

Fills an area of an image with current foreground (left click) or background (right click) color.

Color Picker

Sets the current foreground (left click) or background (right click) color from a color contained in an image.

The following items are Annotation tools:

Arrow

The arrow tool is used to draw lines that contain an arrow on the end.  Left click and drag to draw the arrow.

Bezier

The bezier tool is used for drawing bezier curves.  Each bezier curve requires four control points. Click the left mouse button to set the control points.  Right click to complete the drawing.

Ellipse

The ellipse tool is used to draw circles and ellipses.  Left click and drag to draw the ellipse.

Freehand

The freehand tool is used to perform freehand drawing.  Left click and drag to draw.

Hilite

The hi-lite tool is used to hi-lite a rectangular region of an image using the foreground color.  Left click and drag to draw the rectangular region.

Image

The image tool is used to overlay another image on top of the current image.  Use it as if you were drawing a rectangle.  When you release the mouse button, an open image dialog appears.  Specify the name of the image you want to overlay and click the OK button.

Line

The line tool is used to draw lines.  Left click and drag to draw the line.

Notes

The notes tool can be used to draw a box which contains text.  Draw as if you were drawing a rectangle.  When the mouse is release, a text dialog appears that allows you to enter the text as you want it to appear.

Polygon

The polygon tool is used to draw polygons in a manner similar to Polyline.  The only difference is that the polygon is filled using the current Fill style. Click and release the left mouse button to set the initial control point.  Move the mouse to the next desired location and click and release the left mouse button again.  When you are finished drawing, click the right mouse button.

Polyline

The polyline tool is used to draw shapes containing multiple lines. Click and release the left mouse button to set the initial control point.  Move the mouse to the next desired location and click and release the left mouse button again.  When you are finished drawing, click the right mouse button.

Rectangle

The rectangle tool is used to draw rectangles on the image. Left click and drag to draw the rectangle.

Shaped Text

The shaped text tool is used draw shaped text.  Initially draw a rectangle that will contain the text.  When you release the mouse, the text properties dialog will appear.Fill in the text field with the information you want to appear.  Then click on the drawing mode you want to use for drawing the text.  If you select the mode "Shade Colors", you will need to add at least two colors into the Palette.

Text

The text tool is used to text directly to an image.  Click on the image and begin typing.


Style Menu

The appearance of most annotations is controlled by current style settings when initially drawn. The style properties can be set from the application window style menu or the style tab on the tool palette.  Style properties include:

Font

Controls the initial font for the text annotations (Text, Notes, and Shaped Text).

Line

Controls the line style (solid, dashed, etc).

Line Width

Controls the current line width.

Fill

Used to set the background fill pattern.

Transparent

Indicated whether or not the annotation is transparent regarding its background.

The annotation style can be altered after it has been drawn by "selecting" the annotation and then changing the desired style.


Help Menu

The Help Menu contains the following menu items:

Contents

Displays this help file.

About

Displays the 20/20 copyright and version information.

20/20 On The Web

Clicking this menu item causes the default browser to start up and navigate to the hotfreeware web page.

Remove Ads

Removing the ads that display at the bottom of the View Window is a two step process.  First, you must register your copy of 20/20 with byLight Technologies.  Within 30 minutes of registering, you will receive an application key that will disable the ads.

The Remove Ads menu item contains a sub-menu with two additional menu items:

Register…

Calls up the byLight registration dialog which allows you to register your copy of 20/20.

Enter Key…

This menu item will bring up a dialog that allows you to enter the key you received from byLight Technologies.


Imaging Primer

This section of the help contains topics that will aid in your understanding of graphic formats, thus enabling you to better use 20/20.  A list of topics include:

·	What the heck is display resolution?

·	Bits, Bytes, and Pixels

·	What are Palettes?

·	True Color

·	BMP vs JPEG vs GIF vs ?

What the heck is display resolution (Color Depth)?

Your display resolution is a fancy way of referring to the maximum number of colors you can view on your screen.  It is dependant on the type of graphic card and device driver you have installed.  Most graphics device drivers allow you to control the display resolution.   At the bottom of the Display options tab in the preferences dialog, 20/20 displays your current resolution setting.

RESOLUTION BITS	MAXIMUM NUMBER OF COLORS

1	2 Colors, Monochrome (Black & White)

4	16 Colors

8	256 Colors

16	65,536 Colors

24	16,777,216 Colors (True Color)

32	2^32 Colors (A lot)

You can normally change your display resolution by right-clicking on your desktop and then click on "Properties".  This will bring up the "Display Properties" dialog.  Click on the "Settings" Tab.  There will be field named "Color Palette".  This field controls your display resolution.   Choose the highest resolution your driver is capable of.  If the highest value available is 16 colors, you'll need to either update your graphics card, or you'll need to install the correct driver for your graphics adapter.

20/20 will work in all display modes, however not all of its features are available when your resolution is set to 8-bits (256 colors) or less.  The display resolution not only affects how your images appear, but also affects how your images are stored, and that depends on the format that your image is stored.

Bits, Bytes, and Pixels

This section describes how images are physically displayed and stored in graphics files.  It also describes why some graphic file types are larger than others even though the same image is being stored.

Your display is made up of individual picture elements or "pels".   Picture elements are commonly referred to as pixels.  The number of pixels your computer is capable of displaying depends on your display settings.  Windows normally defaults to 640 pixels across by 400 pixels down (640 x 400).  This can also be changed in the "Display Properties" dialog (see above).  It is interesting to note that the amount of memory that is used by each open image is dependant on the setting of your display resolution.  Let's take a look at why.

A little programming: There are 8 bits in a byte.  For our purposes, a byte is the unit used to measure memory.  If your computer contains 32Mb (megabytes) of memory it actually contains 33,554,432 individual bytes of memory.  There are 1,024 bytes in a single megabyte of memory.

Windows stores and displays images internally in what is called a bitmap.  When an image file is loaded, it must first be converted to a window's bitmap before it can be displayed.  The amount of memory the bitmap occupies depends on the display resolution.  If your display resolution is set to 1 bit (two colors: black and white) and the size of your image is 640 x 400, it would take 32,000 bytes of memory to hold the image.  How did we come up with that?  Well, there are 640 pixels across and each pixel requires 1 bit to determine its color (Display resolution equals 1 bit).   Since there are 8 bits in a byte, each 640 pixel line occupies 80 bytes (640 divided by 8). We need to multiply the 80 bytes per line by the number of lines: 400.   The result is 32,000.

How much memory is used for 16 and 256 color display resolutions?  We can use the same calculation used above.  For 16 colors (4 bit resolution), each pixels requires 4 bits to determine its color.  So 640 pixels (1 line) requires 2560 bits (640 multiplied by 4).  2560 bits is translated to 320 bytes (3560 divided 8 bits per byte).  We multiply the number of bytes per line by the number of lines (400).   So, a 16 color image 640x400 requires 128,000 bytes of memory.

A 256 color image (8 bits per pixel) requires 256,000 bytes of memory.  See a pattern here? 4 bits requires four times as much memory as 1 bit, and 8 bit two times as much as 4 bit.

If 1 bit can hold two values: 0 and 1, its fairly obvious how a 1 bit pixel is able to determine it's color. Black equals 0 and White equals 1.  If  4 bits can hold 16 possible values and 8 bits can hold 256 possible values, how can those values be translated to colors?  Well, in order to understand how, we need to introduce a new concept: windows palettes.

What are Palettes?

Palletized surfaces need palettes to be meaningfully displayed. A palletized surface, also known as a color-indexed surface, is simply a collection of numbers where each number represents a pixel. The value of the number is an index into a color table or palette. Surfaces that use a 16-bit or greater pixel format do not use palettes.

A palette represents an indexed color table that has 4, 16 or 256 entries to be used with a color indexed surface. Each entry in the palette is an RGB (Red, Green, Blue) triplet that describes the color to be used when displaying pixels within the surface. By default, Windows defines color as a combination of three primary colors - red, green, and blue. Windows identifies a color by giving it a color value (sometimes called an RGB triplet), which consists of three 8-bit values specifying the intensities of its color components. Black has the minimum intensity for red, green, and blue, so the color value for black is (0, 0, 0). White has the maximum intensity for red, green, and blue, so its color value is (255, 255, 255).

A 16 color (4 bit) palette consists of 16 RGB color values.  For example if we have a palette containing the following values:

Index	RGB Color

0	(0,0,0) Black

1	(255,255,255) White

2	(255,0,0) Red

3	(0,255,0) Green

4	(0,0,255) Blue

5	(255,255,0) Yellow

6	(255,128,0) Orange

7	(128,0,0) Maroon

8	(255,0,255) Purple

9	(255,0,255) Purple

10	(255,0,255) Purple

11	(255,0,255) Purple

12	(255,0,255) Purple

13	(255,0,255) Purple

14	(255,0,255) Purple

15	(255,0,255) Purple

Each pixel is able to determine its color by referencing the palette.   Looking at a the first four pixel index values: 5, 3, 1, and 9, their pixels colors would be yellow, green, white, and purple, respectively.

True Color

True color images are images where each pixel is represented by 16 bits or greater.   For the sake of simplicity we'll look at how 24 bit images are stored.  24 bit images require 24 bits or 3 bytes of memory for each pixel to determine its color.   Rather than using a palette, each pixels RGB triplet is stored in memory.  So, using our 640x400 pixel image example, we can see that that an image this size requires 768,000 bytes of memory: (640 pixels multiplied by 3 bytes per pixel, multiplied by 400 lines.)

BMP vs JPEG vs GIF vs ?

A window's bitmap file is usually stored as it is represented in memory.   Therefore, a 24 bit image would take approximately 768,000 bytes of disk space.   The JPEG format is also capable of storing 24 bit images, but applies a compression algorithm to the image data before saving it.  The compression is similar to that used by most Zip utilities.  The amount of compression that can be achieved depends on the quality you want the image stored.  At 100% quality, JPEG essentially compresses the bitmap data.  You could achieve similar results by running a bitmap file through a Zip program.  If you are willing to sacrifice some of the image quality, JPEG is capable of obtaining even greater compression.

What kind of space savings are we talking about? Well, we captured a desktop and saved it as a bitmap file and it took 921,654 bytes (32 bit display resolution).  We then saved the same image in the JPEG format at 75% of the original quality.  The JPEG image required 33,016 bytes of disk space.  About a 96% savings in disk space.   This is why you rarely see web pages that contain images in bitmap format.

The same image store in the GIF file format, occupied 25,597 bytes of disk space.   GIF is able to achieve better storage results because it saves images in an 8 bit resolution (256 colors).


Acknowledgments

We would like to acknowledge and thank the following companies and persons whose code is included in 20/20.

SkyLine Tools

20/20 uses SkyLine Tools ImageLib Corporate Suite 3.x for its Imaging core.  A majority of the filters and effects are made available by the use of ImageLib.  SkyLine Tools web page is: www.imagelib.com

Jordan Russel

The code for the 20/20 tool bars was written by Jordan Russel.  His web page is: www.connect.net/jordanr/

Gordon Cowie III

20/20 uses Gordon's Fastlib.  His web page is www.jps.net/gfody/ (rated PG-13)

Anders Melander

20/20 uses TGifImage created and maintained by Anders Melander.  His web page can be found at www.melander.dk

The Gimp

Some code from the Gimp (GNU Image Manipulation Program, www.gimp.org ) was converted to Pascal for use in 20/20.  The Gimp was originally written to run on Unix (including Linux) platforms.  There is also a port to run under Win32.  In order to be compliant with the GNU licensing agreement, the converted source code can be downloaded from www.hotfreeware.com/sourcecode.htm .  The source code that can be downloaded includes:

•	Image resizing using both biLinear and biCubic filtering.

•	Emboss effect.

•	Canvas effect.

•	Super Nova effect.


Overview
Tool Palette Overview

In an effort to avoid speed button "clutter", 20/20 uses an easy to use Tool Palette.  The tool palette contains all of the speed buttons which can be used to access 20/20's functionality. The speed buttons are logically organized into groups of related functions.

As additional functionality is added to 20/20, access to those functions will be added to the menus and the Tool Palette.


Annotations Tab

The annotations tab contains the speed buttons for adding annotations to an image.  It also contains the four common image view manipulation speed buttons:

Pan

If an image is larger than what can fit into the display area of the view window, image scroll bars will appear.  By clicking and dragging the scroll bars, you may scroll portions of the image into view. You may position an image by using the "Pan" tool.  Once the Pan tool has been selected, simply click and hold the left mouse button anywhere on the image, and then drag the image to the desired position.

Zoom Point

The Zoom Point tool allows you to zoom in/out using the mouse.  With the Zoom Point tool you can zoom in by clicking on the image with the left mouse button and zoom out by clicking on the image with right mouse button.  When zooming in with the left mouse button, the point that is clicked will be centered in the view.  Each click will increase or decrease the zoom ratio by a factor of 1.

Note; when you zoom the image to a size that is smaller than the original size, the appearance is affected by the "Blit Mode" option located on the Display tab in the Preferences dialog.

Zoom Area

The Zoom Area tool allows you to select a rectangular are of an image to zoom in on.  The selected area is zoomed in to fit the current view size.  To select, click (and hold) the left mouse button and drag to select the area.  When the button is released, the image is zoomed.  Right click to return the zoom to 100%.  Note; when selecting the area to zoom, the selection is constrained to the ratio (width and height) of the current view window.

Zoom Magnify

The Zoom Magnify tool enables you to zoom in a particular section of an image.  To zoom in, Click and hold the left mouse button anywhere on the image.  To zoom out, click and hold the right mouse button.  While the button is being held down, you can move the mouse to update the zoom window.

The zoom window properties (window size, position, and zoom factor) can be adjusted by right clicking on the Zoom Magnify speed button (when an image is being viewed).

Hilite

The hi-lite tool is used to hi-lite a rectangular region of an image using the foreground color.  Left click and drag to draw the rectangular region.

Rectangle

The rectangle tool is used to draw rectangles on the image. Left click and drag to draw the rectangle.

Ellipse

The ellipse tool is used to draw circles and ellipses.  Left click and drag to draw the ellipse.

Line

The line tool is used to draw lines.  Left click and drag to draw the line.

Arrow

The arrow tool is used to draw lines that contain an arrow on the end.  Left click and drag to draw the arrow.

FreeHand

The freehand tool is used to perform freehand drawing.  Left click and drag to draw.

Image

The image tool is used to overlay another image on top of the current image.  Use it as if you were drawing a rectangle.  When you release the mouse button, an open dialog appears.  Specify the name of the image you want to overlay and click the OK button.

Polyline

The polyline tool is used to draw shapes containing multiple lines. Click and release the left mouse button to set the initial control point.  Move the mouse to the next desired location and click and release the left mouse button again.  When you are finished drawing, click the right mouse button.

Polygon

The polygon tool is used to draw polygons in a manner similar to Polylines.  The only difference is that the polygon is filled using the current Fill style.

Bezier

The bezier tool is used for drawing bezier curves.  Each bezier curve requires four control points. Click the left mouse button to set the control points.  When the fourth control point is set, the curve will be drawn.

Notes

The notes tool can be used to draw a box which contains text.  Draw as if you were drawing a rectangle.  When the mouse is release, a text dialog appears that allows you to enter the text as you want it to appear.

Text

The text tool can be used to add rich text to an image.  To set the initial size of the area that will contain the text, draw as if you were drawing a rectangle.  When the mouse is released, you can then begin typing.  Font properties and alignment can be changed by selecting the text to change and then updating the properties from the appropriate tab on the Tool Palette (Font or Color).

Note; text can only be added or edited when viewing a zoom ration of 1:1.

Shaped Text

The Shaped Text tool is used draw shaped text.  Initially draw a rectangle that will contain the text.  When you release the mouse, the text properties dialog will appear.  Fill in the text field with the information you want to appear.  Then click on the drawing mode you want to use for drawing the text.  If you select the mode "Shade Colors", you will need to add at least two colors into the Palette.


Capture Tab

The capture tab contains speed buttons for quickly accessing the capture target and miscellaneous capture options:

(Capture Target Options)

The following options control "what" is actually captured after the capture key is pressed.

Window (1-step).

Captures the active foreground window (entire window).  To capture a foreground window, bring the desired window to the front by activating it.  Then press the pre-defined capture key.

Client Area (1-step).

Captures the client area of the foreground window.  The client area is normally the area of the window not occupied by the menu and speed button bars.  To capture the client area of the foreground window, bring the desired window to the front by activating it.  Then press the pre-defined capture key.

Selected (2-steps).

Captures a user selected client area of the foreground window.  Press the pre-defined capture key to initiate the capture and then move the mouse to select the client area to capture.  Press the left mouse button to finish the capture.  In order to capture a web page, this target must be selected as well as the "Scrolled Area" option.

Rectangle (2-steps)

Captures a user selected rectangular area of the screen.  First, press the pre-defined capture key.  A cross hair cursor will then appear.  Click (and hold) the left mouse button and then drag the mouse to select the area of interest.  Release the mouse button to finish the capture.

Desktop (1-step)

Captures the contents of the entire Desktop.  To capture the Desktop, press the pre-defined capture key.

(Miscellaneous Capture Options)

Auto Scroll

Used in conjunction with the Selected target.  If the selected child window contains a vertical scroll bar and the Auto Scroll option is set, 20/20 will attempt capture the entire contents of the selected child window by performing a series of scroll and capture commands.

Dimensions

This options controls whether or not dimensions are displayed when the capture target is set to rectangle.

Timed

Selecting the timed capture option initiates timed captures as defined on the capture tab in the preferences dialog.


Color Select Tab

The color select tab provides several methods for setting the foreground and background colors of annotations.

Color Bar

You can choose the foreground or background color using the color bar.  Place the mouse over the color bar to select the desired color.  Click the left mouse button to set the foreground color. Or, click the right mouse button to set the background color.  As you move the mouse over the color bar, the Color Preview will change to the color that is about to be selected.  Note; if you hold the shift key and left click on the color bar, a larger color bar will then appear from which to choose colors.

Color Dialog

This button calls up the color dialog:

The color dialog allows precise control when choosing the selected color.  Left clicking on the color dialog button causes the foreground color to be set.  Right clicking on the color dialog button causes the background color to be set.

Color Picker

The Color Picker tool is used to pick a color from an image.  Pass the color picker over the image and click the left mouse button to set the foreground color, or click the right mouse button to set the background color.


Selection Tab

The selection tab contains the tools that allow areas of image to be selected and manipulated depending on the "Selection Type" setting.  The selection type, opacity, and edge "softness" can be set by one of the following methods:

•	Right click on any of the selection speed buttons when an image is being viewed.

•	Select the menu item "Edit|Selection Properties " from the application window.

•	Select "Selection|Properties " from the View Window pop up menu.

Valid selection types include:

•	Crop (Cut around the selected area)

•	Cut (Cut out the selected area and copy it to the clipboard)

•	Cut & Paste (Cut out the selected area and paste immediately into the active image)

•	Copy (Copy the selected area to the clipboard)

Selection Type Examples:

The original image used is:

This image is an 8 bit image (256 colors) due to the limitations of displaying images in help files.  Note that the feathering and opacity in the following examples would be much cleaner on a true color image.

Cropped with a soft edge using the ellipse selection:

The outside of the selection is removed and replaced with the current background color.

Cut with a soft edge and an opacity of 100%:

The selected area was cut out (replaced with current background color) and pasted to the clipboard.

Cut and pasted (to the upper right hand corner of the image) with a soft edge and an opacity of 50%:

The shape of the actual selection is determined by which selection tool is activated.


Font Tab

The Font Tab contains the controls that control the appears of the Notes, Text, and Shaped Text annotations:

Font Name

The name of the active font.  Right click on this control to call up the font dialog.

Font Size

Font size in points of the active font.

Bold Style

Used to control whether or not the active font is bold.

Italic Style

Used to control whether or not the active font is italic.

Underline Style

Used to control whether or not the active font is underlined.

The following alignment options only apply to the Text Annotation:

Align Left

Aligns the selected text left.

Align Center

Centers the selected text .

Align Right

Aligns the selected text right.

Justify

Justifies the selected text.


Image Tab

The image tab contains the speed buttons for common image manipulation operations.  It also contains the four common image view manipulation speed buttons:

Pan

If an image is larger than what can fit into the display area of the view window, image scroll bars will appear.  By clicking and dragging the scroll bars, you may scroll portions of the image into view. You may position an image by using the "Pan" tool.  Once the Pan tool has been selected, simply click and hold the left mouse button anywhere on the image, and then drag the image to the desired position.

Zoom Point

The Zoom Point tool allows you to zoom in/out using the mouse.  With the Zoom Point tool you can zoom in by clicking on the image with the left mouse button and zoom out by clicking on the image with right mouse button.  When zooming in with the left mouse button, the point that is clicked will be centered in the view.  Each click will increase or decrease the zoom ratio by a factor of 1.

Note; when you zoom the image to a size that is smaller than the original size, the appearance is affected by the "Blit Mode" option located on the Display tab in the Preferences dialog.

Zoom Area

The Zoom Area tool allows you to select a rectangular are of an image to zoom in on.  The selected area is zoomed in to fit the current view size.  To select, click (and hold) the left mouse button and drag to select the area.  When the button is released, the image is zoomed.  Right click to return the zoom to 100%.  Note; when selecting the area to zoom, the selection is constrained to the ratio (width and height) of the current view window.

Zoom Magnify

The Zoom Magnify tool enables you to zoom in a particular section of an image.  To zoom in, Click and hold the left mouse button anywhere on the image.  To zoom out, click and hold the right mouse button.  While the button is being held down, you can move the mouse to update the zoom window.

The zoom window properties (window size, position, and zoom factor) can be adjusted by right clicking on the Zoom Magnify speed button (when an image is being viewed).

Fill

The fill tool is used to fill an area of the image with a selected color.  Click the left mouse button to fill an area with the current foreground color.  Click the left mouse button to fill an area with the current background color.

Filters and Effects

Calls up the filters and effects dialog.

Flip

Flips the current image vertically.

Mirror

Mirrors the current image horizontally.

Gray

Converts the image to a grayscale image.

Invert

Inverts the image colors.

Rotate Left

Rotates the image left 90 degrees.

Rotate Right

Rotates the image right 90 degrees.

Tile

Applies the tile effect to the image.

Border Fade

Fades the image border using the current background color.

Muted Background

Calls up the muted background dialog.

Sketch

Turns the image into a black and white sketch.  This filter is only available on this tool bar and the image menu.  It is not in the filters and effects dialog.


Style Tab

The appearance of most annotations is controlled by current style settings when initially drawn. The style properties can be set from the application window style menu or the style tab on the tool palette.

Line Style

Controls the line style (solid, dashed, etc).

Line Width

Controls the current line width.

Fill Style

Used to set the background fill pattern.

Transparent

Indicated whether or not the annotation is transparent regarding its background.

The annotation style can be altered after it has been drawn by "selecting" the annotation and then changing the desired style.


Overview
View Window Overview

An image that is opened, scanned, or pasted from the clipboard, is placed inside of a View Window:

Caption/Title Bar

Contains the current name (source) of the image.  If the image was opened from a file, this area will contain the file name.

Border Work Area

Non-image work area.  Annotations can be initially drawn on this area and later moved onto the image.

Image View

Area of the view window that actually displays the image.

Message Area

Displays information on the current operation that is being performed.

Image Info

Selection information.  When nothing is selected this area indicates which image is active in split view mode.

Image/Selection Dimensions

The dimensions of the current image or selection.

Mouse Location

The current location of the mouse relative to the upper left hand corner of the Image View.

Position View Control

This control only appears if the image view is larger than the view window.  When present, you can position the image view by clicking the left mouse button (and hold) inside the black box.  A position view window will pop up.  You can then move the mouse to position the image view inside the view window.  Release the mouse when you are finished.

Multiple view windows may be opened simultaneously.  For every opened view window, a thumbnail of the associated image is placed in the "Open Images" tab of the application window tool palette.

Minimizing a view window will cause it to disappear (be hidden) from the desktop.  It can be made visible again by either clicking on the corresponding thumbnail on the "Open Images" tab of the tool palette.  Or, by selecting the image name from the list of open images found in the application windows View menu item.


Setting The View Window Properties

The appearance of the view window can be set using the View Window Properties dialog.  This dialog can be called up by selecting "View|Window Properties…" from the application window menu:

Style

The style options controls the appearance of the border area (non-image) of the view window.

Solid sets the border to a solid color using the Background Color.

Checker Board sets the border to a check board pattern using the Foreground and Background colors.  The size of the squares can be controlled using the Checker Size combo box.

Pattern sets the border to the pattern defined by Pattern Style.  The Foreground and Background colors are both used.

Show Guides indicates whether or not guides appear around the image view.

The Foreground and Background colors can be changed by clicking on their corresponding color panels.  This will cause the color selection dialog to appear.

Any changes made to the view properties take effect immediately and are also applied to any open view windows.


Pasting Images and Selections

Images that have been previously copied to the clipboard by other applications can be pasted into 20/20.  This also includes 20/20 Selections that have been copied to the clipboard.  Images can be pasted as new images (a new view window is created) or into existing images.

The appearance (Opacity and Feathering) of the pasted image can be controlled using the Selection Properties dialog:

The two options that appear at the bottom of the dialog Cut/Paste Opacity, and Cut/Paste Edge (feathering) are used to control the appearance of the pasted image.

Cut/Paste Opacity

If the image is being pasted as a new image, the opacity value is used against the current background color.  If the image is being pasted into an existing image, the opacity value is used in determining the appearance of the pasted image over the image being pasted into.

Cut/Paste Edge

The option determines the amount of feathering performed on the pasted images edges.   Hard equals no feathering.


The Send Image Dialog

Images can be sent via Email directly from 20/20.  Open the image that you want to send and then click on the menu item "Image|Transfer|Send (Email)".  This will cause the Send Image dialog to appear:

Regardless of whether you chose to use MAPI or SMTP, you will need to fill in the To field with the address that you want to email the image to.  You can optionally send a copy to another address using the CC field.

You can type in multiple addresses by separating the addresses with a semi-colon ";".

If you are using the MAPI option, you can choose the email addresses by clicking on the To… or CC… buttons (providing your MAPI client has address book capabilities).

Once you have filled in the appropriate information, click the "Send" button to begin sending the image.  A message window will then appear which displays the status during the send.


The Upload Image Dialog

Images can be uploaded to FTP sites using the Upload Image dialog ("Image|Transfer|Upload (FTP)"):

Destination

The destination is used to determine which FTP host will receive the image(s).  If you have previously setup multiple hosts, choose the desired destination host by clicking on the down arrow.

Directory

The initial directory will be set to the value that was defined during setup.  You can modify the directory in the directory field.  If you choose a directory that does not exist on the FTP server, 20/20 will attempt to create it.

Images

This is a list of the images that will be uploaded.  Initially, this is set to current image being viewed.  Additional images can be added by clicking the Add… button.

Add…

Adds images to the Images list.  Click and select the additional files to upload.

Remove

Images can be removed from the image list by first selecting them in the Image list, and then click the Remove button.

Click the Upload button to begin uploading the images.  During the upload, a status and percent complete is displayed for each file uploaded.


The Muted Background Dialog

Muted Backgrounds can be created for web pages and stationery using 20/20's Muted Background dialog ("Image|Muted Background"):

Opacity

The opacity slider mutes the image against the background color.

Seamless Tile

Indicates whether or not to apply the tile effect to create a seamless effect.

Background Color

The background color can be changed by clicking on the Color Panel (left of the Preview button) or by clicking outside of the image.  Either method calls up the color selection dialog.

Preview

Clicking the preview button opens a window displaying the muted background with the current settings.

Click the Apply button to save the changes to the original image in the View Window.


Resizing Images

When an image is saved, it is saved in the original size regardless of how the image is zoomed.  For example, If you open an image that 100x100 pixels, zoom in two times (200 x 200) and then save the image.  The image is saved at the 100x100 dimensions.  In order to save the image in a size that differs from the original image size, it must first be physically resized.  This can be done by selecting "Image|Resize" from the menu.  This will cause the resize dialog to appear:

Current DimensionsThese are the current width and height of the image measured in the units specified by "Units" options.

UnitsIndicates the unit of measure you want the Current and New dimensions to represent.

New DimensionsSpecify the width and height of the new dimensions of the image.

Keep AspectIf this option is checked, 20/20 will automatically maintain the original image aspect ratio.  For example, if the original image is 100x75 pixels and you set the new dimensions width to 200, 20/20 will automatically set the height to 150.

StretchIf this option is checked, 20/20 will stretch the original image to fit the new dimensions.

Fill ColorThis option is only used when an image is being resized larger than the original, and the stretch option is not checked.  20/20 will fill the unused area with the color specified here.  To change the fill color, click on the color button and select the desired color.

Center

This options also only used if the image is being resized larger than the original and the stretch option is not checked.  When center is checked, 20/20 will center the current image in the newly create image.  If unchecked, 20/20 will place the original image in the upper left hand corner of the newly create image.

Filter

This option identifies the filter to use during the resize.  For the best results, use biLinear when reducing the size of images (in both directions) and biCubic when enlarging images in any direction.  The biCubic filter is much slower than the biLinear filter, but in most cases gives clearer results when enlarging.

Once you are done setting the resize image options and dimensions, click on OK to resize the image.


Changing The Color Depth

20/20 allows an images color depth to be increased or decreased using the Color Depth dialog ("Image|Color Depth"):

Reducing the color depth from true color to 256 colors or less requires 20/20 to create a palette.  How that palette is created is controlled by the Reduction and Dither Methods.  Although it depends on the number of colors in the original image, the best results can usually be obtained by setting the reduction method to Optimal, and the Dither Method to Burkes.

Increasing the color depth (256 colors to true color) disables the reduction and dither methods.  The appearance of the image will not change.  Only the internal format of the image.


Registration

You can register your version of 20/20 (for a small fee). Registering your copy of 20/20 causes the ads (and associated software) to be removed from your system and also entitles you to free technical support.  Removing the ads has two distinct advantages:

•	Less memory requirements (cut in half).

•	More screen real estate.

You can register 20/20 via the Internet or by phone.  If you're behind a firewall, you will need to register by phone.  Instructions for phone registration can be found at www.hotfreeware.com.

Internet registration ("Help|Remove Ads|Register…") uses byLight Technologies secure registration system.  Registering is a three step process:

1.	Obtain Pricing Information. The registration software connects to the byLight server and retrieves the current price of 20/20.  The price is then displayed.  At this point, you can choose to continue or cancel the registration process.  You can use this initial step at any time to check the current price of 20/20.

2.	Enter Personal And Payment Information.  All personal and payment information is kept STRICTLY confidential.

3.	Send The Information To byLight.  The registration software encrypts and then delivers the personal and payment information that you entered.

The ONLY information sent to byLight that is not entered by you, is your IP address.  This is done to help prevent fraudulent use of credit cards.

Once the information has been sent to byLight, the byLight Registration Server will decrypt the data and then check it for validity. If valid, your 20/20 key is generated and then sent to the Email address you entered during the registration process.  You will typically receive your key within 15 to 30 minutes of registration (24 hours a day, 7 days a week).


Entering The Key

Once you have received your registration key, either by phone or by email, you will need to enter it to complete the registration process.  Click on the menu item "Help|Remove Ads|Enter Key…".  A dialog will then appear which allows you to enter 20/20 key.

If you received the key by email you can copy it to the clipboard and then paste it (right click on the 20/20 key edit field).  If the key is valid, a message indicating so is displayed and the ad logic is then disabled.  Restart 20/20 for the changes to take effect.

If the key is invalid, a message indicating so is displayed.  Make sure the key entered matches the key give to you exactly (case sensitive).  If you still have a problem, contact our support at support@hotfreeware.com.


New Versions and Patches

The version of 20/20 you are using can be found by clicking on "Help|About". This will cause the About/Copyright window to appear:

Below the 20/20 logo is the version string "Version 2.2.0 (20000403)".

The number in parenthesis is the file date of the 20/20 executable (2020.exe).  The version number 2.2.0 (x.y.z) is made up of three parts:

x-Major version number

y-Minor version number

z-Patch number

Beginning with version 2.2.0, 20/20 uses a smart patch technology which allows you to update your 20/20 installation without having to re-download the entire 20/20 installation file.  Patches will typically run in size from 300k to 1.0Mb.  This greatly reduces the time to download a patch that fixes bugs and/or adds features.

The only drawback to using the smart patch technology is that the patches MUST be applied in order.  For example, you check the 20/20 page on hotfreeware.com and see there are two Patches available.  Patch #2 adds a feature that you want.  You check your version of 20/20 and it is 2.2.0 (no patches applied).  You must do the following:

Download Patch #1 and run it.  This will update 20/20 with Patch #1 changes, and change your version to 2.2.1.

Download Patch #2 and run it.  This will update 20/20 with Patch #2 changes, and change your version to 2.2.2.

If you attempt to apply a patch out of sequence, the patch program will display an error message indicating so and then terminate without applying the patch (no harm done).

At any time you can always download the main installation file (which always contains the current version) and install over the top of your current installation.