報告內容Page1 封面

為什麼選擇 Photoshop報告，因為目前在相關領域 Photoshop是最受歡迎的軟體．Page2 認識 Photoshop

Photoshop又叫數位暗房，因為一開始這套軟體是設計給攝影作品後製使用，出版的公司是大名鼎鼎的Adobe，這家公司在影像處理方面出了相當多軟體，在Photoshop7.0版之後的新版叫做 CS版(Creative Suit)，新版的 Photoshop在網頁及數位相機支援功能加強以配合時代潮流．類似產品有 PhotoImpact Painter PaintShop等等(比較見參考資料)

Page3 影像處理基本概念 向量圖與點陣圖(比較見參考資料)

Page4 影像處理基本概念 向量圖與點陣圖比較(比較見參考資料)

Page5 影像處理基本概念 RGB&CMYKRGB模式大家都恨熟悉，是由三色光混色，CMYK模式則是由四種顏料混合，和 RGB的 additive不同的是 CMYK以 subtractive方式混色，和印刷時所使用顏料相同，所以能貼切表現輸出之顏色，而 Photoshop兩種模式皆支援．

Page6 Photoshop使用介面工具列 主要繪圖功能選項在此區，有些功能很基本，跟小畫家差不多，那就不再多討論，這邊要介紹的有磁性套索和魔術棒，磁性套索可以將滑鼠經過路徑周圍做檢測，選出最明顯的邊界，在邊緣明確的場合相當好用．魔術棒則是選取和點選像素顏色相近之區塊，這兩項工具在處理照片時都相當好用．工具列選項 各個功能都有些參數可以調整，筆刷可以調粗細濃淡，選取也可以調範圍和細節度等等，這些參數都可以在工具列想像調整．下拉式選單 和一般視窗程式一樣，各種功能都可以在這裡選擇，包括檔案，編輯，圖層，濾鏡等等．Photoshop的濾鏡功能強大，不過這裡沒有時間一一介紹，不過選單裡面就有預覽功能，大家應該自己試幾次就知道了．浮動視窗 這幾個視窗是 Photoshop最核心的功能，包括色版，檢視，圖層，紀錄，路徑等等，這裡要介紹的是圖層的觀念(見參考資料)有了圖層我們就可以把一個個物件分開來編輯，這個功能是影像處理的大進展，如果能善用將會帶來相當多的便利，除了圖層之外，紀錄的表單也是相當好用，他可以復原不只一項的動作，使用軟體時不用再戰戰兢兢．狀態列 不是很重要，比較好用的大概是可以看看線再記憶體的使用及檔案的大小，因為影像處理是相當佔資源的工作，因此常會有記憶體不足的情況．

示範 最後我就將每組都一定要用的助教玉照和超人的身體合成，再幾分鐘之內就可以初步合成出一張不精細的合成照，只用了選取，圖層的觀念，再花些時間做細部修整即可完成一張幾可亂真的合成照了．參考資料書籍 Photoshop 6.x完全剖析 許子凡 2001 IABN957-466-298-5網頁 http://edtech.ntu.edu.tw/epaper/920910/tips/tips_1.asp

http://www.bonny.idv.tw/www/pshop/pst31layer.htmhttp://www.cc.ncu.edu.tw/~center13/photoshp.htm#sec1

數位圖像簡介 　數位圖像依照圖面元素的組成方式，可分為兩大類，一種是點陣式影像(Raster Image) ，電腦記錄的方式是將整個圖像分割成如棋盤的方格點，進而儲存每一個點的資訊，如 BMP 型式的圖檔；另一種是向量式影像(Vector Image)，電腦記錄的是圖像的座標及圖形種類與相關參數，通常用在美工插畫與工程繪圖。 　 點陣圖 　在電腦的世界裡，所有的影像均是由許多不同顏色的小點所構成，這些小方點就是構成影像的最小單位「像素」（Pixel）。點陣圖像是利用一格格像素來呈現影像。每個像素都有一特定的位置及代表的顏色。點陣影像與解析度有相當的關係，它是以固定數量的像素來表現影像資料。所以，若在螢幕上以高倍率放大或以太小的解析度列印時，點陣影像會遺失細節且產生鋸齒，影像容易失真。但相對地，在表現濃度與色彩的層次變化上，點陣影像較能精密展現。所以點陣圖適合用在照片和複雜圖像等較不需要縮放的素材。 　　　

　 　點陣圖以高倍率放大，產生鋸齒及影像失真的情形。

　　　　表一、點陣圖主要檔案格式

檔案格式 說　　明BMP

Microsoft Windows系統下的標準點陣圖類型，為最普遍的點 陣圖格式之一。利用Windows小畫家繪製的圖像，就是存成 BMP檔。此檔案格式幾乎不壓縮，佔用磁碟空間較大。

PSD Photoshop專用的檔案格式，包含圖層(Layer)、色版(Channel)、路徑(Path)，透明度等許多資訊，一般將未完成的稿件存成此格式，以方便修改。此檔案格式可

將不同的物件以圖層分離儲存，便於修改和製作各種特效。由於 Photoshop 被廣泛地應用，所以這個格式也成為通用的檔案格式之一。

TIFF

TIFF（Tagged-Image File Format）是排版軟體和不同作業系統之間， 圖形交換率最好的檔案格式，這種高階的影像檔案，對於影像品質沒有影響，是屬於無損失品質的壓縮格式，並且它還可以儲存路徑（Path）資訊，並能顯示上百萬的顏色，對於檔案的保存很有幫助，因為多種程序都可以識別它。

  　 向量圖 　向量圖像是以稱為「向量」的數學物件定義之直線及曲線所構成，依照圖像的幾何特性，如兩端點的座標、線條的粗細等，來描述圖形。向量圖像與解析度較無關係，它可任意縮放大小與解析度，而不會遺失其細節或影像清晰程度。可用在文字，或必須表現清楚線條商標等。

　 　向量圖可任意縮放大小，仍保持影像清晰程度。

　　　　表二、向量圖主要檔案格式

檔案格式 說　　明EPS

EPS（Encapsulated PostScript）能被Windows和Mac與Unix所支援，用於插圖或印刷時使用。

DXFDXF（Document Exchange Format）是AutoCAD的文件格式，支援 256色，能被許多電腦輔助設計程式支持。

WMFWMF（Windows文件）Word 中的許多剪貼圖片就是這個格式。能被Windows平台使用，本身也可支援 24色。用於保存圖形文件。

　 點陣圖與向量圖的比較

  點陣圖 向量圖特徵 較能表現色彩濃度與層次可展示清楚線條或文字用途 照片或複雜圖像 文字或商標圖影縮放結果 易失真 不易失真製作 3D影像 不可以 可以檔案轉換 比較難轉換

（容易的在不同的軟體間較易轉換（不易在不同的軟體間交換

交換檔案） 檔案）檔案大小 較大 較小常用的檔案格式 bmp、psd、tiff、gif、jpegeps、dxf、ps、wmf

  數位化圖像繪製與編修工具

　目前市面上繪圖軟體非常多，您可依所需的軟體功能及預算選擇適合的軟體，下表僅就常見的繪圖軟體簡要說明其功能，供您做為軟體選購之參考。 　 點陣圖

Adobe Photoshop

2D 影像處理軟體

將各種影像分層重疊，圖層間可做出各種的變化，各個圖層還能設立遮罩、控制透明度等，能製作出令人讚嘆的圖案，適合各種影像特效合成。

提供簡易的向量工具，讓你畫線或幾何圖案更為方便。

PhotoImpact

影像與網頁製作軟體。

支援 JPEG 2000，可作相片管理。

多層次修剪功能可讓同時修剪數個層次

Painter

Corel公司新的產品線 Procreate的第一項產品。

提供擬真繪圖工具，如噴槍、水彩、蠟筆...對於刷毛、轉角、渲染、擴散程度都能加以控制

影像水管的特殊工具，能把點陣圖當成畫筆來使用， 只要先畫好幾棵樹，這項工具能讓你輕易地繪出整片樹林。

光影材質的特效有別於一般的浮雕效果，讓圖案更具立體。

PaintShop Pro

操作介面比較簡單，不像 Photoshop需要搭配許多熱鍵才能發揮工具的全部功能，對初學者來說可能比較容易上手。

比 Photoshop強的地方是：　→具備批次轉檔的功能，讓你把整個目錄的檔　　案一次轉換完畢。　→提供螢幕抓圖功能。

　→可進行像素級(pixel)的編輯，　　用來畫 icon還不錯。

 PhotoExpress 我形我速

提供相片管理、編輯、創作及分享功能，可盡情地 "秀出自我"，展現個人影像風采。

主要功能為相片擷取管理、相片編輯創作及相片　分享。

了解圖層1. 將圖層想像成堆疊在其他圖上的透明圖片。 2. 若圖層上沒有影像，則您可看到其下方圖層。 3. 在所有圖層之後即為背景，地圖和每隻動物位於個別的圖層上。該暗色紋理即其背景。 4. 檔案中的所有圖層都有相同的解析度、相同的色版數目，以及相同的影像模式（RGB、CMYK或灰階）。

5. 圖層會佔用記憶體空間，開愈多個，則愈佔用記憶體資源 　 組成

1. 開啟圖檔觀察圖層組成 Waterskier.psd 2. 每一個圖層可以相當於一個幻燈片，修改動作都存在於獨立的圖層中，且不會影響到其他圖層

3. 眼睛：顯示及隱藏的切換，以滑鼠點取切換 4. 作用圖層：只有一個藍底反白的圖層，稱為作用中的圖層，影像編輯均只對這個圖層有效，同一時間僅能只有一個作用中圖層，以滑鼠點取切換

5. 圖層的上下順序：在最下面為最底層，通常為背景，愈上面的圖層，則顯示也愈上面 基本操作

1. 圖層內的移動：以滑鼠點取移動 2. 圖層顯示順序的移動：以滑鼠拖曳的方式改變順序 3. 透明度：不透明 100%，表示為完全不透明輸入百分比移動滑桿

4. 建立新圖層：法一：工作板右下角法二：選單，圖層／新增／圖層

5. 刪除圖層：將圖層拖曳到垃圾筒 6. 連結：在工作板眼睛右邊，以滑鼠點取一下，即產生鎖鏈，則兩個圖層的物件會一起

移動 7. 取消連結：以滑鼠再點取一下

　 編輯圖層1. 一個新建立的圖層是透明的。

2. 利用繪圖和編輯工具，將顏色加入圖層，然後套用濾鏡或使用特殊效果，以修改此圖層

3. 所有繪圖和編輯的動作，只會發生在使用中的圖層（以及使用中的色版）。數位影像特效製作使用 Photoshop CS

B90901139 電機三 蔡松芳Photoshop在數位影像處理的領域方面是最頂尖的幾套軟體之一，以下將

解說如何用三分鐘以 Photoshop做出來這些特效。特效一、活生生的照片

為了要把照片中新婚的喜悅表現出來，故要使其從照片中走出來• 1.把人物用Magnetic Lasso Tool 剪下

•• 2.為人物加上Drop

Shadow 之效果柔邊由於上圖之邊緣太尖

銳，而且沒有背景的部分會顯得很突兀，故加上Drop Shadow的效果。其設定參數參考右圖之視窗

••• 3.與原照片合併 照片使用 Stroke 效果加框、刪除不必要的陰影• 把原照片剪中間部分當背景，使用 Layer Style中(在欲處理之 Layer 按又鍵會跳出的選單)之 Stroke效果家框與Drop Shadow效果加強整體感，其設定如下：

最後做出來的成果如右:

簡單改變背景，便可以做出全然不同的視覺感覺，其成果如左:

特效二、電影海報文字製作• 文字製作—哥德式文字風格在電影中出現的文字都有其特殊的效果，其特殊的文字效果往往也增加了電

影的整體質感，以下將介紹哥德式文字風格的製作– 1.輸入、排版字體先選擇好字型與作出獄編輯的文字，建議選線條粗一點的文字較適合。– 2.使用Bevel and Emboss 製造立體感為了增加文字之立體感，調整Depth 至尖銳的質感，參數如下：

做出來的效果如下，已經又立體感了，只是顏色還不夠理想：

– 3.使用Color Overlay 去整體改變顏色參數見下圖

做出來的效果如下：

其字型與海報配合的效果如右，臉的部分使用Match Color做出來的

特效三、老照片的效果：• 1.製作邊框、調整亮度先選擇邊框之範圍，使用 Image->Adjustments->Levels，其 參數如下：

• 2.製造被壓到的邊緣感(使用液化效果)使用套索工具將被壓到的範圍選取起來，按 Ctrl-J新增圖層，使用 Filter-

>Liquify…將邊緣稍微推進去一點，造成被壓到的立體效果。• 3.加上陰影增加立體感(使用Burn Tool )

• 使用Burn Tool在影像四周加上陰影，造成立體的感覺(參數如下)

•

作出的圖片如下

最後成果：選轉圖片，加上照片陰影，

加上背景，加上米黃色的顏色，最後出來的效果如右：

將最後照片作一些修改，出來的照片展現出 time-invariant的感覺。

背景使用Radial blur，讓人物特別突出，感覺好像從老照片中跳出來。

資料來源：1. Photoshop CS影像賤招 303

作者：Scott

印刷：彩色

頁數：320 頁

尺寸：19x26 公分

書號：EA248

價格：780 元

2.台大電機 104級畢業照 2004

3.網路多媒體助教照片 http://cobra.ee.ntu.edu.tw/~oops/photogallery/oops1.jpg