社區教育培訓網站：社區網頁製作與網站管理課程10jj\03\03-13
[回首頁]、[本編目錄]、[上一編]、[下一編]

第十三週、Photoshop（照片店）影像編輯處理程式介紹

課程教師：鄭錦德

一、數位相機

本節請同時參看「電腦生活與網際網路介紹教材」：

  1. 「第二章、數位影像簡介--大家來用數位相機」中的附錄1、數位相機簡介
  2. 「第五章、數位音樂簡介--電子音樂及音效」中的第1節、電腦基礎4：儲存設備、檔案大小與檔案拷貝

1. 數位相機的使用

 

圖1、數位相機與記憶卡

2. 數位照片的下載

圖2、PCMCIA讀卡機

二、照片與圖片的觀看與整理

1. 照片與圖片的整理

每位學員在電腦室的電腦中，都有一個專屬的個人資料夾(如kasumi/)。在這個資料夾中，請各位學員在自己的資料夾底下，新增一個pix/資料夾，存放所有的抓來的圖檔圖檔，包括數位相片與網路下載的圖片等。pix/資料夾中，再新增兩個資料夾如下：

2. 圖片的觀看與整理程式

數位相片通常是先下載至電腦硬碟，利用ACDSee(看圖樂)、ThumbPlus(拇指小圖集)這兩個程式來觀看、分類、整理。一般數位相片都詳細記載著拍攝數據的資料，如光圈、快門、焦距、閃光燈、尺寸、壓縮程度、拍攝日期等，方便照片的分析研究。

3. ACDSee(看圖樂)

圖3、ACDSee

開啟

如果在Windows系統中圖檔的格式都已經關連到ACDSee，在檔案總管中找到任意的圖檔用滑鼠點兩下即可開啟ACDSee。ACDSee的功能分成兩大部份，一是ACDSee Browser(瀏覽器)，一是ACDSee Viewer(看圖器)。

ACDSee Viewer(看圖器)

圖4、ACDSee中的圖檔基本資訊

  1. 開啟：上述「在檔案總管中找到任意的圖檔用滑鼠點兩下即可開啟ACDSee」，其實是開啟ACDSee Viewer(看圖器)的部份。
  2. 看下一張、上一張：按命令按鈕的「Next→」、「←Previous」可以觀看同一個資料夾中的上一張、下一張圖檔(依檔名的中英文順序來排列)。按「空白鍵」、「Backspace(往回空白鍵)」也可以看同一個資料夾的下一張、上一張。
  3. 放大縮小(Zoom)：按命令按鈕的「+正放大鏡(Zoom in)」可以將圖檔放大，按「-負放大鏡(Zoom out)」可以將圖檔縮小。將圖檔放大超過螢幕的尺寸後，可利用滑鼠「抓住」圖檔(將滑鼠移動至圖檔上，會出現手的圖示，這時滑鼠點一下就可以抓住圖檔)，將圖片上下左右的移動，看清各部份的細節。
  4. 圖檔自動縮至與螢幕同大(Auto Shrink To Fit)：很多圖檔的尺寸都會大過螢幕的尺寸，打開後無法看到全貌，還要一一的縮小，非常的麻煩。可以利用Zoom(縮放)命令中的「Auto Shrink To Fit」的命令，讓每一張超過螢幕尺寸的圖檔都自動縮至螢幕的尺寸。
  5. 圖檔基本資訊：以在圖檔視窗的最下方有一排關於圖檔的基本資訊，以圖4為例，依序是
    • 圖檔數量：7/60是指本資料夾有60張圖檔，目前觀看的是第7張。
    • 圖檔格式：JPG是目前觀看的圖檔的格式。
    • 檔名：P0000126.jpg是目前觀看的圖檔的檔名。
    • 檔案大小：目前觀看的圖檔的檔案大小是504.7KB。
    • 圖檔尺寸、顏色數量：圖檔尺寸為1440 x 960像素，顏色數量為24-bit，即RGB全彩(最多共16,777,216種顏色)，並為jpeg方式的壓縮格式。
    • 縮放比例：目前這張圖縮至68%的大小。
    • 圖檔在螢幕上秀出所需要的時間：圖檔在螢幕上完整秀出大約需要兩個程序，一是從硬碟中讀出圖檔的資料，二是將資料解壓縮計算成完整的點矩陣的資料，這兩個步驟都很耗時間。0.5s(0.5秒)是目前這張圖檔在螢幕上秀出所需要的時間。
  6. 圖檔進一步的資訊：按命令按鈕中的「Properties(屬性)」按鈕，可以看到圖檔的進一步的詳細資訊：
    • 「Image properties」：此項目可以看到「圖檔壓縮後的檔案大小(File size)」「未壓縮前的檔案大小(Uncompressed size)」、「圖檔壓縮比(Compression ratio)」資訊，可了解這張圖檔壓縮的程度。
    • 「Metadata」：如果圖檔是一張數位照片，還可以在此欄中看到照片拍攝時的各項基本攝影資料，如拍攝時間、光圈值、快門值、閃光燈、鏡頭焦距、對焦距離等，對於研究攝影技巧、照片的拍攝問題非常有幫助，有興趣利用數位相機研究攝影的人不妨多看看此項資訊。
  7. 圖檔格式關連(File Associations)：ACDSee是個不錯的看圖程式，可以將常用的圖檔格式都關連到ACDSee，這樣在檔案總管中不論用滑鼠對什麼樣的圖檔點兩下，都可以直接開啟ACDSee來觀看。利用「Tools(工具)→File Associations...(圖檔關連)」命令，可以設定各種圖檔格式與ACDSee的關連(即設定是否直接以ACDSee打開觀看)。

ACDSee Browser(瀏覽器)

  1. 開啟ACDSee Viewer(看圖器)後，按命令按鈕中的「Browse(瀏覽)」按鈕，即可開啟ACDSee Browser(瀏覽器)。
  2. ACDSee Browser(瀏覽器)像是一個方便的「圖片檔案總管」：
    • 圖片預覽：左上邊可以看到硬碟中的檔案系統，如同Windows檔案總管一般。右邊可以看到所選擇的資料夾中所有圖檔的預覽小圖(Thumbnails)，方便知道資料夾中各圖片的內容。單點某一張圖，還可以在左下邊看到大一點的預覽圖。
    • 圖片開啟：在預覽小圖上點兩下即可用ACDSee Viewer(看圖器)觀看此張圖片。
    • 圖檔的複製、移動、重新命名、刪除：如同Windows的檔案總管的直覺一般，可以對每個圖檔做複製、移動、重新命名、刪除的動作，利用滑鼠還可以將圖檔在不同的資料夾中拖拉放，或者在圖檔上按滑鼠右鍵可以出現很多操作命令檔，如同Windows檔案總管的操作方法。
    • 「Views(檢視)」按鈕如同Windows的檔案總管的「檢視命令」一樣，可以有大圖示、小圖示、清單、詳細資料與預覽小圖等檢視方法。

三、Photoshop基礎與數位照片的基本處理

本節請同時參看「電腦生活與網際網路介紹教材」：

  1. 「第二章、數位影像簡介--大家來用數位相機」中的你的照片店！--Photoshop 3.0入門課程
  2. 《我的第一本彩色書Photoshop 5》第二課、Photoshop之新手上路。

1. 基本使用環境的熟悉

  1. 工具箱：開啟Photoshop後，左邊有一個長排的工具箱(Toolbox)，包含Photoshop所有可使用的工具，請參看《我的第一本彩色書Photoshop 5》2-12頁。
  2. 控制面板：Photoshop的右邊有許多的控制面板，分成三大類
    • 點矩陣基本資訊與工具控制：請各位學員先點選「Info」控制面板，可以利用滑鼠在圖檔上移動，可以看到點矩陣每個像素的座標與RGB顏色的值。
    • 顏色選取與筆的粗細的控制
    • 圖層選取、自動化的控制

2. 圖檔開啟

與所有應用程式相同，在Photoshop中利用「File(檔案)→Open...(開啟舊檔)」命令可以開啟幾乎所有格式的圖檔。

3. 圖片觀看時的放大縮小

  1. 很多圖檔的尺寸是大過螢幕的尺寸的，所以Photoshop開啟大過螢幕尺寸的圖檔時，都會自動將圖檔縮小至螢幕容許的範圍，並且在視窗上顯示縮放的比例，在Photoshop的左下角也會顯示縮放的比例。
  2. 「縮放工具(正負放大鏡工具)」的使用：
    • 放大：先點選工具箱中的「縮放工具」(長得像是放大鏡的圖示)，將滑鼠移動至所打開的圖上，滑鼠的箭頭會變成「+正放大鏡(Zoom in)」的圖示，這時候滑鼠再點一下即可放大圖片，連續點可以連續放大。圖片放大時，請注意觀察視窗上、Photoshop的左下角所顯示的縮放比例。
    • 選取某區塊放大：選了「縮放工具」後，亦可利用滑鼠在圖片上拖拉選取一塊小區域，Photoshop會將這塊小區域放大至圖片的視窗那麼大，方便直接選取某區域來放大觀看。
    • 縮小：先點選工具箱中的「縮放工具」(長得像是放大鏡的圖示)，再按住「Alt」鍵，將滑鼠移動至所打開的圖上，滑鼠的箭頭會變成「-負放大鏡(Zoom out)」的圖示，這時候滑鼠再點一下即可縮小圖片，連續點可以連續縮小。圖片縮小時，請注意觀察視窗上、Photoshop的左下角所顯示的縮放比例。
  3. 縮放命令：「View(檢視)」命令中的「Zoom In(放大)」、「Zoom Out(縮小)」命令與「縮放工具」的功能完全相同。
  4. 縮放快速鍵：亦可以利用「Control+」、「Control-」的快速鍵來達到放大縮小的目的。
  5. 快速回復100%的比例：利用滑鼠在「縮放工具」上直接點兩下即可將圖片直接回復至100%(沒有任何縮放)的比例。

4. 裁切工具

→

圖5、裁切照片

有時某張圖片或照片，我們只想選取其中的主要的人物，並將四周多餘的部份剪裁去掉，這時我們需要利用到「裁切工具」。請參看《我的第一本彩色書Photoshop 5》2-13頁。

  1. 先點選工具箱中的「裁切工具」
  2. 在圖檔視窗中所需要保留的區域用滑鼠拖拉出一個方框。
  3. 方框的上下左右還可以繼續拖拉、微調，直到滿意為止。
  4. 滿意後，在方框內用滑鼠點兩下，即可做裁切。

5. 改變圖檔尺寸

有很多圖檔的原始檔案的尺寸，通常大過螢幕的尺寸，如如柯達DC290數位相機可以設定4種照片尺寸：

都比網頁中插圖的合理尺寸大很多。這時我們需要將圖檔的尺寸改小，以便合理的放入網頁之中。

圖6、改變圖檔尺寸

  1. 先在Photoshop中開啟圖檔。
  2. 利用「Image(影像)→Image Size...(影像尺寸)」命令。在出現的「Image Size」視窗中，注意觀察「Pixel Dimensions(以像素為單位的尺寸)」，可以看到此張圖檔的尺寸。如圖6中，圖檔的寬(Width)為1440像素，高(Height)為960像素，即一張1440 x 960像素的圖檔。
  3. 在「Pixel Dimensions」可以輸入任何數字來改變圖檔的尺寸，如果要維持圖檔的寬、高比例，需要點選下方的「Constrain Proportions(維持寬、高原比例)」。
  4. 按OK以後即可改變圖檔的尺寸。

6. 存檔

與所有應用程式相同，在Photoshop中利用「File(檔案)→Save As...(另存新檔)」命令可將圖儲存成常見格式的圖檔。在「Save As...」視窗中的「Save As」選像中可以選擇所要儲存的檔案格式。

PSD格式

PSD是Photoshop的專屬格式，除了可以完整、不破壞的保存原圖的所有點矩陣、色彩資料，亦完整的儲存了Photoshop特有的「圖層(Layers)」、「遮罩(Masks)」等資料。所有的圖檔在辛苦處理之後，最好至少一定要儲存一個PSD格式的版本。以正確無誤的保存圖檔中所有的影像處理資料。

JPG格式

圖7、儲存成JPG格式

JPG格式是一種網路上通用的圖檔壓縮格式，專門用來壓縮相片、繪畫、人物風景寫生等比較寫實的點矩陣影像。需要注意的是，JPG格式是一種「破壞性」的影像壓縮格式，在壓縮影像的同時，也破壞、模糊了影像原有的品質(即改變了點矩陣的色彩資料)，而且壓縮比例越大，雖然所儲存的檔案越小，但對原圖的破壞也越嚴重。

  1. 當Photoshop處理好一張圖片後，可以利用「Save As...」命令或是「Save A Copy...」命令，儲存成JPG格式的壓縮檔案。
  2. 儲存成JPG格式之前，有一「JPEG Options(JPG選項)」，可以設定JPG壓縮的程度與檔案大小的初估等：
    • 「Quality(影像品質)」一欄中可以設定「0-12」十三個等級的影像品質。JPG格式壓縮的程度越大，雖然存成的JPG檔案越小，但影像品質越差。影像品質越好，代表壓縮的程度越小，所儲存的檔案越大(不過當然已經比原始的PSD檔小很多)。以網頁用途來講，一般大約選擇3-5。
    • 在Size一欄中，Photoshop會自動計算出壓縮後的檔案大概有多大，以多少傳輸速率的數據機(Modem)傳這張圖需要多久時間的資料，可以提供參考。
  3. 壓縮存成JPG時，要在檔案的品質與檔案大小之間做一衡量，取得一個平衡點：雖然希望存成的檔案，品質要很好，但也須考慮檔案的大小的問題，因為影像品質越好的JPG檔案，檔案越大，越不利於網路的傳輸，這是需要仔細的考慮的。

Photoshop中將影像存成JPG時，不同影像
壓縮品質與檔案大小的關係
JPG壓縮品質為12，檔案大小為16.6KB
JPG壓縮品質為6，檔案大小為8.45KB
JPG壓縮品質為0，檔案大小為6.80KB

四、本週進度指定作業

[回首頁]、[本編目錄]、[上一編]、[下一編]

mailto:jdz@mail.bamboo.hc.edu.tw/