transparent images in Lview Pro

About: lview pro home page

From LView Pro Help Menue
Creating an image with Transparent Pixels
Copyright 1993-2004 MMedia Research Corp


Follow these steps to create an image with transparent pixels:

1) Make sure the image is in palette based format

Use the menu command Color | Color Depth to check if the image is palette based, and to change it into to the palette format, if needed. This step must be performed before all others. For details on how to convert images to palette format, see Converting a true-color format image to a palette-based image.

2) Select the palette entry corresponding to the transparent color.

2.1) Use the menu command Color | Palette Operations | Transparency
NOTE: If this option is dimmed, is because the image is not palette based.
2.2) The Palette Transparency dialog is displayed
2.3) Select the transparent color, using one of the following methods:

?    Move the mouse pointer over the image and click on the area that must be displayed as transparent

?    Move the mouse pointer (the dropper) over the palette area of the Color Selection dialog and click on the entry that is going to be set as the transparent color.

The image changes as you click on the palette entry or the image, because the pixels painted with the selected palette entry are being displayed using the Image Background Color.

If this color is not contrasting enough to permit an easy identification of the areas, use the menu command Color | Background Color to set a contrasting Image Background Color.

NOTE

If the areas you would like to make transparent are painted using more than one palette entry, you will have to paint them all using the same entry (there can only be one transparent color ? one palette entry).

The Color Replacer option is very useful for this task. For details, see the Understanding the Color Replacer option for the Pencil tool and Using the Color Replacer option for the Pencil tool.

Another useful resource is the Fill Tool, using a match mode; for details see Creating a homogeneous background.

2.4) Check the "Layer Uses Palette Transparency" check box

2.5) Click on the OK button

3) Save the image to a file using the GIF format

3.1) Use the menu command File | Save As

3.2) Select the GIF format from the list of available formats

3.3) Click on the button "File Type Options".

Click on the GIF tab, on the File Format Options dialog

3.4) Check the options GIF89a and Save Transparent Color Information

3.5) Click on the OK button to return to the "Save As" dialog

3.6) Type the image file name and location and click on the OK button.

NOTE

When both the options GIF89a and Save Transparent Color Information are selected, image frames/layers that have the "Layer Uses Palette Transparency " check box selected (set on the step 2 above) are saved with transparent color information.

When either or both of these options are not selected, frames are not saved with transparent color information, regardless of their individual settings.

You can also save the image as LView Pro format to preserve the multiple layers, masks, and animation properties.

Copyright 1993-2004 MMedia Research Corp

Tags

  1. lview
  2. transparent gif
  3. webdesign
  4. graphics

Comments


Seth says
No need to keep this item private.  It is still useful today.

See Also

  1. Thought about: Is the Web breaking or building in 2017? with 21 viewings related by tag "WebDesign".
  2. Thought FastBlogIt Common Stream with 7 viewings related by tag "transparent gif".
  3. Thought about: AccumuList.com: with 6 viewings related by tag "webdesign".
  4. Thought about: oh! chocolate with 2 viewings related by tag "webdesign".
  5. Thought CSS layering is done with the z-index property with 2 viewings related by tag "webdesign".
  6. Thought Real Groups with 2 viewings related by tag "webdesign".
  7. Thought My Bookmarks with 1 viewings related by tag "graphics".
  8. Thought about: GreatNexus Webmaster Resources with 1 viewings related by tag "webdesign".
  9. Thought about: Albin.Net CSS: Bullet-Proof Rounded Corners with 1 viewings related by tag "webdesign".
  10. Thought about: About // plasmasturm.org with 0 viewings related by tag "webdesign".
  11. Thought What do you all think of a shaded background ? with 0 viewings related by tag "webdesign".
  12. Thought Grods of Play Nexus with 0 viewings related by tag "graphics".
  13. Thought about: Prabhat Sharma with 0 viewings related by tag "webdesign".
  14. Thought Website creating tools and services for rentonfoodcoop with 0 viewings related by tag "webdesign".
  15. Thought The Newseum with 0 viewings related by tag "webdesign".
  16. Thought FORM SAMPLE with 0 viewings related by tag "graphics".
  17. Thought an excellant presentation of fonts with 0 viewings related by tag "webdesign".
  18. Thought repitition with 0 viewings related by tag "webdesign".
  19. Thought The good news and the bad news about cartoons with 0 viewings related by tag "graphics".
  20. Thought about: components with 0 viewings related by tag "webdesign".
  21. Thought about: (1) with 0 viewings related by tag "graphics".
  22. Thought I wanted to see ... with 0 viewings related by tag "webdesign".
  23. Thought about: JOHN EVANS BAND DOT NET with 0 viewings related by tag "webdesign".
  24. Thought animal bathroom images with 0 viewings related by tag "webdesign".
  25. Thought about: test page for new item display design with 0 viewings related by tag "webdesign".
  26. Thought round corners without images with 0 viewings related by tag "webdesign".
  27. Thought Elaine's Graphic with 0 viewings related by tag "graphics".
  28. Thought about: CSS Color Chart with 0 viewings related by tag "webdesign".
  29. Thought about: FireFox Web Developer Extension with 0 viewings related by tag "webdesign".
  30. Thought javascript zoom with 0 viewings related by tag "webdesign".
  31. Thought Buttons Original Design by Winnie Aug 28 05 for BOZO with 0 viewings related by tag "webdesign".
  32. Thought about: unmediated: Easily create pop-up windows with embedded video! with 0 viewings related by tag "webdesign".
  33. Thought about: layoutomatic with 0 viewings related by tag "webdesign".
  34. Thought about: Bitty Browser: Introduction with 0 viewings related by tag "webdesign".
  35. Thought about: the grid with 0 viewings related by tag "webdesign".
  36. Thought Nanodesign with 0 viewings related by tag "webdesign".
  37. Thought about: 2 columns with background color, fixed width and any column largest Layout with 0 viewings related by tag "webdesign".
  38. Thought about: welcome to appmaker with 0 viewings related by tag "webdesign".
  39. Thought Note to Winnie with 0 viewings related by tag "webdesign".
  40. Thought about: speak to me catalog with 0 viewings related by tag "webdesign".
  41. Thought A new web design paradigm with 0 viewings related by tag "webdesign".
  42. Thought How does this sound on handheld devises ? with 0 viewings related by tag "webdesign".
  43. Thought front pages with 0 viewings related by tag "webdesign".