Macromedia Fireworks - Making areas transparent
 

return

 
 

Free Programming Courses On Line  -  www.puresoftwarecode.com

 
 
 
      How to make areas transparent - 2 examples

 
 
   Requirements:
  1. Microsoft Paint
  2. Macromedia Fireworks 8 or later version
   
   
1st  example :
 
  1.
 The Folder 'transparent_files ' stores the following picture -  'adult_salut.jpg'

     
  2.   Change the type of the picture file to BMP format
  1.  Run Microsoft Paint
  2. From File menu, click Open. From the Open dialog,  select the picture file adult_salut.jpg of the folder - \ \'Flash document, mira&mora game_files ',. this picture file appears

     

  3. From File menu, click Save As. From the Save As dialog,  at  Save as type box, select '24 bit Bitmap (*.bmp*,.dib) ',


    and then click Save.The system create new picture file type Bitmap - adult_salut.bmp at the folder - \ \'transparent_files ',. this picture created appears


     

  4. Paint, change the color of the previous picture background. Replace the blue color (no homogeneous color) to white color, . see the picture ...

     

  5. Summarize the previous steps:
     1st step.  2nd step.  3rd step.

    JPG picture -  'adult_salut.jpg'

    BMP picture - 'adult_salut.bmp'

    White background,.picture - 'adult_salut_w.bmp'

     

  6. To make an image background transparent:
     
    1. Run Macromedia Fireworks 8 or later version
    2. From File menu, click Open. From the Open dialog,  select the picture file 'adult_salut_w.bmp' of the folder - \ \'transparent_files ',
       

       click Open, this picture file appears

      Pic 1
       

    3. From the Tools panel, select the Magic Wand tool - see Pic 1
    4. Select pixels in a bitmap - the picture background, white color - see the following picture

       

    5. From Window menu, check Optimize. the Optimize panel appears - see the following picture

       

    6. In the Optimize panel, from combo box and from the  Files Format pop-up menu choose and select GIF - see the following picture

       

    7. In the Optimize panel -(previous picture), select Index Transparency from the Transparency pop-up menu - see the following picture

       

    8. From File menu, click Save As. From the Save As dialog,  at  Save in combox select the folder - 'transparent_files, at  File name box, type 'adult_salut_w.gif ', at  Save as type combox, select 'GIF (*.gif) '  - see the following picture

      and then click Save. The system create new picture file type GIF - adult_salut_w.gif at the folder - \ \'transparent_files ' .  - see the picture greated

      Picture with areas transparent - adult_salut_w.gif

     
     
 
     2nd example :
 
  1.
 The Folder 'transparent_files ' stores the following picture -  '1armoire1_vetment 1.bmp' - with white color background



 

     
  2.   To make an image background transparent:

 
  1. Run Macromedia Fireworks 8 or later version
  2. From File menu, click Open. From the Open dialog,  select the picture file '1armoire1_vetment 1.bmp' of the folder - \ \'transparent_files ',
     

     click Open, this picture file appears

    Pic 1
     

  3. From the Tools panel, select the Magic Wand tool - see Pic 1
  4. Select pixels in a bitmap - the picture background, white color - see the following picture

     

  5. From Window menu, check Optimize. the Optimize panel appears - see the following picture

     

  6. In the Optimize panel, from combo box and from the  Files Format pop-up menu choose and select GIF - see the following picture

     

  7. In the Optimize panel -(previous picture), select Index Transparency from the Transparency pop-up menu - see the following picture

     

  8. From File menu, click Save As. From the Save As dialog,  at  Save in combox select the folder - 'transparent_files, at  File name box, type '1armoire1_vetment 1.gif ', at  Save as type combox, select 'GIF (*.gif) '  - see the following picture

    and then click Save. The system create new picture file type GIF - 1armoire1_vetment 1.gif at the folder - \ \'transparent_files ' .  - see the picture greated

    Picture with areas transparent - 1armoire1_vetment 1.gif

     
   
 

return

 
 
 

©   pure software code