Transcript
Page 1: cobra.ee.ntu.edu.twcobra.ee.ntu.edu.tw/~oops/HTML4/09_oralpresent/Group7/... · Web viewPage1 封面 為什麼選擇Photoshop報告,因為目前在相關領域Photoshop是最受歡迎的軟體.

報告內容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最核心的功能,包括色版,檢視,圖層,紀錄,路徑等等,這裡要介紹的是圖層的觀念(見參考資料)有了圖層我們就可以把一個個物件分開來編輯,這個功能是影像處理的大進展,如果能善用將會帶來相當多的便利,除了圖層之外,紀錄的表單也是相當好用,他可以復原不只一項的動作,使用軟體時不用再戰戰兢兢.狀態列 不是很重要,比較好用的大概是可以看看線再記憶體的使用及檔案的大小,因為影像處理是相當佔資源的工作,因此常會有記憶體不足的情況.

Page 2: cobra.ee.ntu.edu.twcobra.ee.ntu.edu.tw/~oops/HTML4/09_oralpresent/Group7/... · Web viewPage1 封面 為什麼選擇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),透明度等許多資訊,一般將未完成的稿件存成此格式,以方便修改。此檔案格式可

Page 3: cobra.ee.ntu.edu.twcobra.ee.ntu.edu.tw/~oops/HTML4/09_oralpresent/Group7/... · Web viewPage1 封面 為什麼選擇Photoshop報告,因為目前在相關領域Photoshop是最受歡迎的軟體.

將不同的物件以圖層分離儲存,便於修改和製作各種特效。由於 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影像 不可以 可以檔案轉換 比較難轉換

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

Page 4: cobra.ee.ntu.edu.twcobra.ee.ntu.edu.tw/~oops/HTML4/09_oralpresent/Group7/... · Web viewPage1 封面 為什麼選擇Photoshop報告,因為目前在相關領域Photoshop是最受歡迎的軟體.

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

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

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

Adobe Photoshop

2D 影像處理軟體

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

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

PhotoImpact

影像與網頁製作軟體。

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

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

Painter

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

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

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

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

PaintShop Pro

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

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

Page 5: cobra.ee.ntu.edu.twcobra.ee.ntu.edu.tw/~oops/HTML4/09_oralpresent/Group7/... · Web viewPage1 封面 為什麼選擇Photoshop報告,因為目前在相關領域Photoshop是最受歡迎的軟體.

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

 PhotoExpress 我形我速

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

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

Page 6: cobra.ee.ntu.edu.twcobra.ee.ntu.edu.tw/~oops/HTML4/09_oralpresent/Group7/... · Web viewPage1 封面 為什麼選擇Photoshop報告,因為目前在相關領域Photoshop是最受歡迎的軟體.

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

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

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

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

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

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

4. 建立新圖層:法一:工作板右下角法二:選單,圖層/新增/圖層

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

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

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

Page 7: cobra.ee.ntu.edu.twcobra.ee.ntu.edu.tw/~oops/HTML4/09_oralpresent/Group7/... · Web viewPage1 封面 為什麼選擇Photoshop報告,因為目前在相關領域Photoshop是最受歡迎的軟體.

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

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

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

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

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

•• 2.為人物加上Drop

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

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

Page 8: cobra.ee.ntu.edu.twcobra.ee.ntu.edu.tw/~oops/HTML4/09_oralpresent/Group7/... · Web viewPage1 封面 為什麼選擇Photoshop報告,因為目前在相關領域Photoshop是最受歡迎的軟體.

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

最後做出來的成果如右:

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

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

Page 9: cobra.ee.ntu.edu.twcobra.ee.ntu.edu.tw/~oops/HTML4/09_oralpresent/Group7/... · Web viewPage1 封面 為什麼選擇Photoshop報告,因為目前在相關領域Photoshop是最受歡迎的軟體.

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

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

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

做出來的效果如下:

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

Page 10: cobra.ee.ntu.edu.twcobra.ee.ntu.edu.tw/~oops/HTML4/09_oralpresent/Group7/... · Web viewPage1 封面 為什麼選擇Photoshop報告,因為目前在相關領域Photoshop是最受歡迎的軟體.

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

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

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

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

作出的圖片如下

Page 11: cobra.ee.ntu.edu.twcobra.ee.ntu.edu.tw/~oops/HTML4/09_oralpresent/Group7/... · Web viewPage1 封面 為什麼選擇Photoshop報告,因為目前在相關領域Photoshop是最受歡迎的軟體.

最後成果:選轉圖片,加上照片陰影,

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

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

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

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

作者:Scott

Page 12: cobra.ee.ntu.edu.twcobra.ee.ntu.edu.tw/~oops/HTML4/09_oralpresent/Group7/... · Web viewPage1 封面 為什麼選擇Photoshop報告,因為目前在相關領域Photoshop是最受歡迎的軟體.

印刷:彩色

頁數:320 頁

尺寸:19x26 公分

書號:EA248

價格:780 元

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

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


Top Related