Case 35     如何在PhotoImpact中做文字圖檔呢?  -  存檔



畫面: 裁切影像最佳化程式存成JPG/JPEG檔存成GIF檔(背景透明化)GIF檔-另一實作
  • 裁切

    裁切

    當您文字編輯完成之後,您必須要做儲存的動作,才可以將檔案運用在別的地方,在儲存之前,您要先將圖片裁切成合適的大小,去除多餘的空白,以讓檔案容量最小,減少使用者瀏覽下載時間。

    1. 選擇左方工具列中第兩個標準選取工具
    2. 拉出適當的大小。
    3. 選擇功能列中的[編輯][剪裁]
    4. 就完成裁切的動作。
    接著,我們就可以儲存影像-影像最佳化程式。

    Go Top

  • 影像最佳化程式

    影像最佳化程式

    當您文字編輯完成之後,您必須要做儲存的動作,才可以將檔案運用在別的地方,在PhotoImpact裡,它針對Web設計提供了一個影像最佳化程式,選擇[網路][影像最佳化程式]

    Go Top

  • 存成JPG/JPEG檔

    影像最佳化程式-JPG/JPEG

    您選擇了影像最佳化程式之後,它預設儲存的檔案類別為JPG(網頁上目前能顯示的影像檔案類型為GIF及JPG檔,GIF格式的圖形僅能以256色來顯示,適合用於顏色不多的圖形-動畫或透明圖;而JPG格式的圖形是以全彩顯示,適合用於相片或者是漸層顏色的圖形上。)
    接著我們就一一來看看這一個畫面所給予我們的訊息
    1. 左上角 & 右上角:在畫面上,您可以在左右兩個框框,預覽您的圖-儲存前(原本)與儲存後(壓縮),而左上方(大小:104,960位元組 時間:00:15 @56K)的訊息,表示影像未最佳化之前的檔案大小、下載時間、下載速度等訊息,我們可以知道這張圖大小為100KB左右,若以56K數據機來撥接的話,要花15秒鐘下載;右上方(大小:10,203位元組(1:10.3) 時間:00:02 @56)的訊息,表示影像最佳化之後的檔案大小、壓縮比例、下載時間、下載速度等訊息,影像經過最佳化程式處理之後,以10.3比1來壓縮,大小為10KB左右,用56K數據撥接,下載時間僅有2秒,影像最佳化程式可以幫我們直接壓縮檔案大小,及節省下載時間。
    2. 預覽方式:由左而右依序為:
      • 放大:放大顯示
      • 縮小:縮小顯示
      • 等比例1:1:按實際大小顯示
      • 顯示全圖:顯示全圖在預覽框中
      • 視窗置中:將圖置中於預覽框中
      • 顯示壓縮影像/顯示原本與壓縮影像:只顯示右邊壓縮過的影像,或者是左右(原本與壓縮)的影像都顯示。
      • 數據機速度功能表:選擇撥接的速率。
      • 瀏覽器預覽:由Browser來看壓縮之後的圖。

        用BROWSER來預覽

        您可以看到關於檔案的相關訊息,它也列出了相關的HTML碼,您可以按下MOUSE右鍵,直接複製到您的編輯頁中,再適當地修改。
    3. 檔案類型:提供了JPG、GIF、PNG(最新的檔案類型,並非每一種Browser都支援)三種
    4. 壓縮品質:壓縮品質愈高,檔案大小愈大,下載時間相對也較長,您可以捲動選擇合適的壓縮比例,並且可以即時地預覽。
    當一切都選擇好之後,就可以按下[另存新檔],將檔案存成JPG檔案。(當您熟悉之後,您可以直接接受PhotoImpact的預設值,按下[另存新檔],快速完成存檔動作

    Go Top

  • 存成GIF檔(背景透明化)

    影像最佳化程式-GIF

    存成透明圖片,透過影像最佳化程式來做,只要一下指。檔案類型選擇索引式,將透明度這個選項選起來,按下[另存新檔]即可(若圖片背景為白色,則直接按下[另存新檔],接受PhotoImpact的預設值,即可快速地儲存檔案)。

    透明化

    存成透明圖之後,圖片就可以運用在任何有背景圖案裡。

    Go Top

  • GIF檔-另一實作

    GIF檔-另一實作

    我們現在以一張背景不是白色的,來說明如何做到背景透明化。(影像最佳化程式-GIF檔)

    透明化

    1. 選擇存成[GIF]檔,以便作背景透明圖。
    2. 選擇[遮罩選項]在鏤空罩裡,顏色的選擇,最好跟網頁的背景顏色一樣,製作出來的效果會比較好,比較能夠圓滑。
    3. [遮罩]中,選擇[挑選色彩]選項。
    4. 再選擇下面工具列中的色彩選擇工具(第二個),此時滑鼠指標會變成一隻筆的模樣,我們到原本圖形(左邊預覽框)中,去點選背景(要去掉的背景顏色),此時右邊的圖,背景也會跟著透明化,如5和6所示。(會剔除所挑選的顏色)

     第一階段透明化

    經過第一次的色彩選擇之後,我們依然會在右邊預覽框中看到一點點的紫色存在,這表示我們挑選的不完全,如果您的網頁背景是白色的,就會看得很清楚,效果不太好,因此,我們必須再進一步地選擇背景顏色,再透明化。

    最後透明化-過程

    1. 放大放大,我們將圖檔放大之後,會比較好做顏色的選擇。
    2. 放大之後,我們將圖移到(一個手的圖示-第一個)較好的顯示區域裡。
    3. 選擇下面工具列中的加至遮罩,如同上面所示一般,滑鼠指標會變成一隻筆的模樣,我們到原本圖形(左邊預覽框)中,去點選要去除的顏色(紫),即可。
    4. 反覆如此,直到清得差不多為止。

    第一階段透明化第一次去背 
    最後透明化-結果無數次去背

    經過進一步遮罩過程之後,紫色的色素是否少了許多呢?



顏色說明:工具列功能列頁框選項重點
完成日期:2001年3月3日  設計者:小美