VidFun Tips & Tricks

Note: You can save this HTML file, then print or view it offline with your Internet browser as reference material at any time.


Using JPEG buttons in your Web pages.

Download VidFun 3.X (1997 ZD Shareware Awards Finalist)

Optimal JPEG compression is the key to making text readable in a JPEG banner that is less than 10Kb in size. Other techniques, as displayed in example, include:

Download VidFun 3.X (ZD Net rating: 5 stars)

The same techniques apply to buttons; the example above has 2351 colors and uses 1947 bytes.

[Table of Contents]


How to scan images like a NetScanner.

  1. Do all your work in 24-bit (16 Million color) video mode.

    Cutting and pasting between applications in 16-bit (64000 color) video modes may lose color information if transfers are made via device-dependent bitmaps (DDBs) instead of device-independent bitmaps (DIBs).

  2. Ensure that your display is gamma-corrected.

    ScanMaster images (and "wannabees") use a gamma-corrected display. Theoretically, what one sees on a gamma-corrected display will appear "exactly" on another gamma-corrected display. Inconsistency should be avoided. Some Light&Magic scans are gamma-corrected (e.g., with "light bulb" logo), while others are not; this confusion degrades the quality of the collection.

  3. Select high-quality source material.

    Images on thick, glossy paper (e.g., original photographs, calendars ...) yield the best results; they also have finer "dots". For maximum impact, use an image with good "depth of field" (i.e., photo with out-of-focus background); also, details such as "water spraying in the air", "subject's hair blowing in the wind", wicker, fish nets, gravel, and backgrounds with complimentary colors (e.g, blue-green shades vs. flesh tones) add a dramatic effect when image details are enhanced.

  4. Avoid "print through".

    "Print through" is a scanning artifact which partially shows the reverse side of the source image, as "shadowy text" or "ghosting" (i.e., unexplained light or dark sections). Generally, it is what you would see if you held the source image against the light. If using a flatbed scanner, place a thick BLACK sheet of paper (e.g., illustration board) behind the image to avoid the effects of "print through".

  5. Descreen the image.

    Most image scanners have a descreening feature. If you scan from a magazine source, you will usually see a moire pattern without descreening. Moire patterns appear as a series of unsightly, repeating noise on the scanned image. If you don't have a descreening feature with your TWAIN driver, then:

    A 200 dpi source will be descreened to 100 dpi (50%); a 225 dpi source will be descreened to 75 dpi (33%). Depending on accuracy of your scanner, scan between 199 and 201 dpi for 200 dpi descreening and compare results; conversely, scan between 224 and 226 dpi and compare the results for 225 dpi descreening. Ensure that image is perfectly aligned with top of your flatbed scanner. On a worst case, try VidFun's UnDither function to minimize moire patterns.

    If you manually anti-alias images (post processing) with a paint program, avoid high contrast areas (e.g., eyelashes) to maintain sharpness.

  6. Resize the image before enhancing.

    For widest compatibility, assume a target audience with a 1024x768 display. An 8x11 page will results in 1064x1463 pixels. 133 dpi is a magic number for magazine scans since most descreening algorithms are based on that resolution. When you resize a 1064x1463 down by 50% you will get a 532x731 image. With VidFun's Bicubic interpolation (Enhanced resize) you can resample the image down to 558x768; the algorithm will average the values of neighboring pixels to capture detail that would have been thrown away by regular resampling/resizing.

    Alternatively, you can simply scan at 75 dpi and acquire a 600x880 image which can be resampled without Bicubic Interpolation and minimal detail loss. If you used VidFun's descreen function (above); your image would be pre-reduced to 100 or 75 dpi, depending on option selected.

    Resist the temptation to create extremely large images to outdo other "net scanners"; at a certain resolution, the "dots" of the source image will begin to appear and make the image grainy. For now, limit maximum image dimensions to 1152x864.

  7. Apply color correction

    Before enhancing detail, ensure that all the colors are correct. If any adjustments to hue, saturation, gamma, contrast or brightness have to be done, you should do it before applying any image sharpening techniques.

  8. Apply the Unsharp Masking technique.

    Image|Unsharp mask|Average

  9. Add a border and text..

    Select Image|Border|Merge and a border of will be "overlayed" on the image; the borders will cover image details on the edges. If your image is smaller that target output (e.g., 532x731 on a 558x768 target), you can select Image|Border|Pad instead. For a transluscent text effect, which works well with JPG encoding:

  10. Save the JPEG image with optimal compression.
[Table of Contents]

Adding rotated text on image border.

Most Net Scanners write the original filename on the left or right border; this makes it easy to identify the "real" filename. You can also create presentation screens (e.g., outlines), banners or buttons for your Web site.
  1. Select Image|Border|Pad left;
  2. Select Edit|Mask|Select all;
  3. Select Edit|Mask|Adjust; change mask width to match border width.
  4. Select Edit|Text|Normal.
Smooth or soft text are monochromatic to blend with background. Blend (0 to 99 levels) specifies anti-aliasing level. Emboss adds an inset or raised effect, depending on direction, with variable depth (0 to 99 levels). For best results, use white text on dark background with S East embossing (or black text on light backgrounds with N West embossing). For a transluscent effect, duplicate the image before adding text then blend results with original (Image|Compute|Average).

[Table of Contents]


Gamma correcting your display.

Gamma correction is simply correcting the error present on all display devices (as well as scanners, printers, etc...). Since all CRTs do not have linear brightness levels, midtones suffer; morover, one monitor will have a different gamma error from another. This is further complicated by the fact that different lighting conditions affect perceived gamma. If you gamma-correct a monitor for daytime use, it will be different at night due to the way our eyes adjust to different lighting conditions.

Color temperature is another issue. Most monitors standardize at 7500 K. Sony, Nokia, NEC and other Japanese monitors have "warmer colors" and tend to "boost" red shades; images created on these systems appear "greenish" on other monitors. You must account for this discrepancy for the widest possible audience and adjust the "color temperature" of your monitor to approximate a "true" 7500 K setting, if possible.

Practically, what this means to you is ... what looks great on your monitor will appear unevenly too dark, too bright or "greenish" on another. There are two views as to what must be done. One school of thought is to assume a gamma-corrected display (ala, ScanMaster scans); the other, is to gamma-adjust the image so that it will appear decent on most computer displays (e.g., using a gamma factor of between 1.4 and 1.6). Since the trend set by the ScanMaster (and his followers) is to assume a gamma-corrected display:

  1. View GAMMA.BMP (included with VidFun).
  2. Select Colors|Gamma correction|Global.
  3. Adjust the gamma value until you see only FOUR colored rectangles (red, green, blue and gray).
  4. Write down this value.

This is your gamma-correction value. Generally, it should be the same for all your video/graphics modes, but you can repeat the exercise for other video modes. Since most video cards provide gamma-correction with their drivers, use the value derived above in your color adjustment menu (usually a tab option, if you right-click anywhere on your desktop background or wallpaper, in Win95, and select Properties).

If you can gamma-correct the red, green and blue planes individually with your display driver then:

  1. View GAMMA.BMP (included with VidFun).
  2. Select Colors|Gamma correction|RGB.
  3. Adjust each RGB gamma value until you see only FOUR colored rectangles (red, green, blue and gray).
  4. Write down these values.

If your device driver does not provide for specific gamma-values to be entered (e.g., via scroll bar), then:

  1. Resize the VidFun main window to leave enough desktop space for the video device driver's window.
  2. View GAMMA.BMP (included with VidFun).
  3. Invoke the video device driver dialogs by right-clicking the desktop background and selecting Properties (in Win95); or activating the video display applet from its program group (e.g, ATI FlexDesk in Win31).
  4. Adjust each RGB gamma value or a global gamma value until you see only FOUR colored rectangles (red, green, blue and gray).
After gamma-correcting your display, gamma-adjusted images (i.e., images designed for uncorrected display devices) will seem too bright. You have to choose between viewing gamma-adjusted images or viewing images created on a gamma-corrected display. If running a slideshow with images from CDROM, you may notice a wide variance among the different images (particularly, those BBS-ready, JPG image collections). VidFun's slideshow and screensaver provides a gamma value that can be entered for each slide; lower the gamma value (e.g., 0.6) for "bright" images and vice-versa.

[Table of Contents]


Color correction.

As discussed in
gamma correction section, various monitors and scanners can have differing RGB gamma values as well. Typically, the greatest variance is observed with the green gun of monitors since our eyes are most sensitive to green shades; this is usually the case with images that are too "yellow". Assuming your monitor is gamma-corrected:
  1. Select Colors|Gamma correction|RGB.
  2. Adjust Green gamma with values less than 1.0 and preview the image until the color tones (e.g, flesh tones) appear normal.
  3. You can also slightly adjust the Red and Blue gamma with values greater than 1.0 if the image is dark.
  4. Also, select Colors|Tune all colors; from here you can adjust Hue and Saturation.
Many image scanners have poor "color gamuts" (i.e., color diversity); select Image|Histogram ; if there are very few pixels on the edges of the histogram then the image lacks photorealism. To improve "color gamut", scan individual Red, Green and Blue (gray shade) components and combine them via

Image|Combine colors from|RGB

Poor photorealism is also manifested as washed out "Shadows" and "Highlights"; in this case, stretching the contrast will improve image crispness:

  1. Select Colors|Color detail.
  2. Adjust Shadows value and preview until acceptable.
  3. Adjust Highlights value and preview until acceptable.

Some scanners and digital cameras favor certain colors (e.g., red and/or green) thereby requiring white balancing ; as with video, different lighting conditions affect the overall color balance of the image. On a camcorder, you would point it to a "perfect" white wall as a reference and all colors would then be "balanced" against it.

Last, but not the least:

[Table of Contents]

Optimal JPEG compression.

JPEG is a lossy format; as such, everytime you resave an image already encoded in JPEG format, you introduce additional image loss. While editing and processing an image, you should save your working files as TGA or TIF for quick 24-bit file reloads/saves; for archiving, save original working images in PNG format. JPG should only be used as a delivery mechanism since it compresses the image very well; the trick is to encode the JPG file such that your audience will not notice any loss or artifacts.

After editing an unsaved image, it will have a caption starting with a "New" prefix (e.g., New-1 [100%]~1).

  1. Select File|Save As.
  2. Select JPG JPEG/JFIF (Enhanced) from the file type list box.
  3. Click the JPEG compression button and specify compression settings:
    • Luminance setting= 25
    • Color setting= 25
    • Sample setting= 4:4:4

  4. Give it a name then click Save button.

    e.g., PatriciaF-Test.JPG [100%]~1

    Your image will now have the name as its caption. In this long filename example, the tilde character (~) followed by a number indicates the child Window number. [100%] indicates your current zoom factor; it can also appear as [Fit] if you enabled "Fit to Window" viewing mode.

  5. Load and view the saved image. It will appear with the same name but with a different Window number.

    e.g., PatriciaF-Test.JPG [100%]~2

  6. Select Window|Tile|Unfit all.
  7. Right click on unzoomed image and select Zoom|200% (or 300%); compare the original image with the JPG compressed image. If results are unsatisfactory then close the new image. (Note: Artifacts are very visible around the eyes and lips of human subjects.)

    e.g., PatriciaF-Test.JPG [100%]~2

  8. Go back to step 3 and specify lower Luminance and Color values; overwrite the same image until you are happy with the image quality. (Note: You can quickly reopen previously viewed images via File|Recall.)

    Finally, experiment with a Sample (YUV) setting of 4:2:2 and 4:1:1. To check on the file size, use the VidFun Explorer and right-click on the filename; select Info from the pop-up menu.

  9. If you plan to reuse the image, save the original to a PNG file for lossless archiving.
[Table of Contents]

Converting 256-color images to JPEG.

You've got a CDROM full of BBS-ready BMP and GIF images and want to share them on your Web site, in JPEG format; again, check your licensing and rights; you can get in trouble if you do not have sufficient rights to distribute those images.

  1. Open (view) desired 256-color image. Usually, those BBS-ready collections have redundant BMP (for Wallpaper) and GIF directories. Load the *.BMP image. If only GIF files are listed, then see:

  2. Select Image|UnDither|Moderate. The image will be slightly blurred but will be smooth and promoted to 24-bits (True color); you can also use the Minimum, Light, Strong, Heavy settings depending on the quality and "dithering" used on the source 256-color image.

  3. Apply color correction methods, if required.
  4. Apply the Unsharp Masking technique.
  5. Save the JPEG image with optimal compression.
[Table of Contents]

Image sharpening.

The technique of Unsharp Masking has been used by photogaphers as a means to make an image more crisp. Technically, it is the subtraction of a blurred copy (contact negative) with the original.

  1. If AutoBackUp feature is disabled, select Window|Duplicate to make a duplicate image to experiment on.

  2. Select Image|Unsharp mask|Average

    Choose from: Focus, Average, Median filters; the Average filter is what is used by most "high-end" image processing packages.

    Gradually increase Pixel value (i.e.,neighborhood of pixels used) and preview the image; when desired contrast is achieved, gradually increase Smoothing value and preview the image until the desired balance of smooth tones and high contrast details is achieved.

    The Focus filter does the same thing but in a more subtle and precise manner; use that method if you need to enhance details only slightly. The Median filter is slower but results in greater enhancement; use this filter if a lot of detail enhancement is desired.

    Resist the temptation to "over sharpen" an image; many images are already "sharpened" on the source material and too much sharpening results in an unnatural appearance.

[Table of Contents]

Advanced video image enhancement.

Old video tape is probably the worst source for image acquisition. Video tape degrades over time and uses a standard created in the 1950s; practically, with overscans, the most you can expect from an NTSC broadcast signal is about 628x428x16m. The actual color information is about 50x428 (yes, 50 color pixels per scan line); what makes it photo-realistic is the luminance information (i.e., gray shades) mixed with the color information.

[Table of Contents]


Using VidFun as Netscape Helper App.

  1. From Netscape, select Options|General Preferences.
  2. Click Helpers tab in Preferences dialog.
  3. Select desired image or multimedia file type
    (e.g., image/x-png or video/mpeg); by default it will be "Ask User".
  4. Change Action to "Launch the Application".
  5. Click Browse button; a "Select an appropriate viewer" dialog appears.
  6. Specify "vidfun.exe", by default it is in:
    • \Program Files\VidFun36 (in Win95/NT)
    • \VIDFUN36 (in Win3x)
[Table of Contents]

Using AOL 3.x browser (WAOL) to import GIFs.

  1. Activate WAOL 3.x then:
    • Select File|Open to view *.GIF file
    • Select Edit|Select all or press Ctrl+A
    • Select Edit|Copy (GIF image is now in Windows clipboard)

  2. Select Edit|Paste in VidFun.

    Save image to *.PNG format for future use with VidFun
    (e.g., slideshow or screen saver)

[Table of Contents]

Using Internet Explorer 3.x to convert GIF to BMP.

Activate Microsoft's Internet Explorer 3.x, then:

  1. Select File|Open (Ctrl+O) to view *.GIF file; click Browse for standard "open file" dialog.
  2. Select File|Save As File; change Save as type to Bitmap (*.bmp).
Repeat the process to convert other GIF files to BMP format.

[Table of Contents]


Importing ANY graphics format into VidFun.

To import ANY image format (e.g., GIF, PowerPoint presentation screens, proprietary digital camera formats...), use the originating application (or any other application that supports it) to:
[Table of Contents]

Opening multiple files and viewing virtual thumbnails.

You can open as many files as paged memory will permit and Tile fitted, open images on the main VidFun window.
  1. Activate VidFun Explorer:
    • click Open toolbar button;
    • or, double-click on any open image;
    • or, select File|Open (Load) from main menu;
    • or, press Ctrl+L.

  2. Select multiple files, then:
    • click Open button;
    • or, right-click and select Open from pop-up menu;
    • or, press Enter;
    • or, press space bar.

    You can also select multiple files via Explorer (for File Manager) and drag & drop them into VidFun's main window.

  3. Select Window|Tile plus|Fit all.
The full image of each file is loaded; you can select any of the opened images and view them in many ways (e.g., full screen); this is also useful for viewing and deleting duplicate files.

[Table of Contents]


Using Thumbnails to delete duplicate Internet downloads.

Serious Internet picture collectors are plagued by duplicates (renamed files or reduced, edited and recompressed versions of the original scan). To remove duplicates:

  1. Consolidate your Internet downloads into one AVL script.

    • click Add button; navigate to your "download" folder;
    • right-click and select Mark all files;
    • click Open button;
    • repeat to add additional files in other folders (directories).

    Each script can accomodate up to 2000 slides (depending on source locations and features used); if your collection has grown to be unmanageable, organize your source files (see Using Thumbnails to organize your source files.)

  2. Click Thumbnails tab, then click Update button. You will be prompted to save the new script before the thumbnailing process continues. After Thumbnailing process, you will be returned to the Sideshow Editor; click Thumbnails tab to see all your thumbnails.

  3. Right-click on a thumbnail and select Sort by name; duplicates in various directories with the same name will appear beside each other. Select Sort by size to find duplicate source files with different names.

    To manually group duplicate thumbnails, use the Thumbnail scrollbar to scan (or click on desired thumbnail then click Thumbnail folder label to move it to the top-left position). If you see a duplicate thumbnail drag & drop it beside the other duplicate. If you have a lot of slides, dragging and dropping can become tedious. Right-click and select Move slide; move it to slide #1 so that you can review the source files beside each other.

  4. Right-click on the duplicate thumbnail then select Trash file to delete the source file, slide and its thumbnail (don't worry; you are prompted before deleting the file); To determine which file to delete:

  5. Save the AVL file for future file additions and deletions, or click Kill all button to save disk space and delete all thumbnails for this script.

[Table of Contents]


Using contact sheets.

Contact sheets can be used: To quickly create contact sheets:
  1. With slideshow editor, view thumbnails created for an AVL file.
  2. Right-click and select Contact sheet.

    On a 1024x768 display, up to 70 thumbnails and filenames are displayed; you can repeat the process for additional thumbnail contact sheets. The image is saved to a BMP file which can be encoded to JPG format to save disk space.

[Table of Contents]


Using Thumbnails to organize your source files.

If you create different folders (directories) to contain specific content, you can use VidFun's thumbnail support to view and move source files.

  1. Consolidate files of interest into one AVL script.

    • click Add button; navigate to desired folder (directory);
    • with Ctrl key pressed, select (click) files of interest;
    • click Open button;
    • Repeat to add additional files in other folders.

  2. Click Thumbnails tab, then click Update button. You will be prompted to save the new script before the thumbnailing process continues. After Thumbnailing process, you will be returned to the Sideshow Editor; click Thumbnails tab to see all your thumbnails.

  3. Use Erase slide(s) to remove unreleated source material; the source file is unaffected, only the Thumbnail and slide entry is removed; click and tag (Alt+T) multiple slides, then erase all tagged files for greater productivity. You are always prompted to keep or delete thumbnails (see VidFun help file regarding subsets and master collections).

  4. Right-click and select Move file(s); the actual source file is relocated to the destination folder (directory); in Win95 or WinNT, click and tag (Alt+T) multiple slides, then move all tagged files for greater productivity. If almost all slides will be moved, use Tag all then untag only those which will not be moved; use Clear tags to start over.

    In Win95, if you need to create a new folder (or folder within a folder), without leaving the Slideshow Editor, move the mouse to the Start button and activate Explorer (e.g. from Programs folder).

  5. Save the AVL file for future file additions and deletions, or click Kill all button to save disk space and delete all thumbnails for this script. You can also create contact sheets for archive reference.

If you frequently download a lot of pictures, create a Downloads for review folder (directory); you can then create a script and thumbnails for that folder, delete duplicates on a first pass (see Using Thumbnails to delete duplicate Internet downloads) then subsequently move pictures to be kept to destination folders.

Serious Internet picture collectors create "topic" folders to spot duplicate or modified files immediately; it is also critical to prepare files for CD-R burning (e.g., file and directory limits). For example, within:

[Table of Contents]


Using Slide Controls for flexible multimedia presentations.

For a very flexible multimedia presentation, use mouse right-click to abort delays and manually advance slides. If you enable Slide Controls, a mouse left-click activates the floating slide controls where you randomly access any slide or run your slideshow from any slide position.
  1. Select View|User preferences and enable Slide Controls ;

  2. Create your slideshow;

  3. Add a maximum delay to each of your slides to allow maximum time to discuss any particular slide; use Global button to add a uniform delay to all your slides.

  4. Run the slideshow; after the first slide is displayed, left-click to activate slide controls.

  5. Click the run icon; an "up arrow" cursor appears during delays.

    You can right-click, at any time, to abort the delay and manually advance to next slide; if you prematurely advance the slide, left-click to activate the floating slide controls to position slideshow to previous slide.

[Table of Contents]


Adding comments and pictures to fax files.

VidFun supports several fax file formats: CAL (CALS), TIF-CCITT, TIFF-G3-1d, TIFF-G3-2D, TIFF-G4, and DCX (Intel); these are all B/W image formats used to transmit and receive faxes.

To add graphic text (comments) to a fax file for retransmission:

  1. With opened fax file, select Mask | Select . (Note: You can also, shift right-click on the fax image for the same Mask menu.)

  2. Use the mouse to select a rectangular area then select Edit | Text | Normal ; type desired text then click Ok. (Note: You can select Edit | Clear | Selection to erase selected background, prior to adding text.)

  3. Select File | Save to save modifed file to desired fax format.

To add pictures to a fax file:

  1. With opened fax file, select Mask | Select and use the mouse to select a rectangular area.

  2. Open the image to be pasted and define rectanguilar area to be copied; select Edit | Copy | Selection .

  3. Click on opened fax image then select Edit | Paste | Inside selection .

    If pasting a 24-bit, True color image (e.g., JPG) on a B/W fax file, it will be reduced to B/W (using standard Windows routines) before pasting; for best results, convert the image prior to copying selection (e.g., Colors | Convert to BW | Best method ).

[Table of Contents]

Creating an Image Collage (Montage).

Many Net Scanners combine small or medium-sized images into an image collage; this technique is very useful with video grabs since 628x428 is realistically what you can expect from video grabbers (i.e., NTSC video).

In addition, if you have a collection of old images that have poor or average image quality, you can reduce them to increase "sharpness" and combine them into a high-quality image montage so that your image collection will be consistent with the high-quality scans that now pervade the Internet.

Assuming you have grabbed and opened four 320x240 video frames.

  1. Select File|New to create a blank 720x520 image with space for borders and background; the new image will have a caption of New-1 if it is the first new image created.

  2. Click New-1 and select Mask|Select all.

    Note: You can right-click with shift key pressed to pop-up the Mask menu and hasten editing.

  3. Select Mask|Adjust and specify 320x240 as the mask width and height
    (initially it will be positioned at the upper-left corner).

  4. Click one of the 320x240 images, then select Edit|Copy|Image DIB.

  5. Click New-1; select Mask|Adjust and positioned it anywhere on the blank image (New-1).

  6. Select Edit|Paste|Inside selection.

  7. Repeat steps 4, 5, 6, and 7 for multiple images to be pasted.

You can fill the blank image will a textured background via Colors|Tile.

To add 3D bevels (that integrate smoothly with a textured background), do not adjust the selection mask after pasting; then select Edit|Bevel|Shadow (or Raised or Inset).

If you have poor or average-quality images, reduce them via Image|Resize|Enhanced to increase image quality (e.g., reduce a 640x480 image to 320x240); apply color correction methods (if required), as well as sharpening techniques.

Last but not the least, add 3D text and/or borders to the collage.

[Table of Contents]


appliedinsights.net