數位影像處理軟體應用簡介
Introduction to Imaging Processing Software

當代實用美術/視覺設計
印象派 Impressionism
後印象派 Post-Impressionism
前印象派 Preface to Impressionism
新印象派 Neo-impressionism
表現主義 Expressionnisme
野獸派 Les Fauves
抽象表現主義 Abstract Expressionism
立體主義 Cubism
歐普藝術 OP Art
拼貼畫技 Collage
普普藝術 Pop Art
複合主義 Multiplexism
創意媒材 Creative Media

當代實用藝術作品品析
洪通 跨時空而通的素人畫家
Barry Kite 異常拼貼畫
Jeannette Guichard-Bunel 法國浪漫
Santosh Chattopadhyay 印度異情
Mike Butkus 數位色彩全設計
Kellie Day 40歲開畫不晚
冷軍:極端寫實主義

數位繪圖/美工設計建構
PhotoImpact 設計實作
數位圖片色彩導向實作
數位圖片檔案轉換實作
多選取區與物件實作

視覺識別標幟系統
Log 標誌設計元素
標準字
標準圖案分類
識別占有性
紋章學
旗幟學
VIS 設計思想演變
清末金龍旗
北洋十二章
中華民國青天白日
美國遊騎兵團盾章
美國職籃識別標誌演變
創意標誌品析
變形技術
反相技術

網路時代視覺識別系統
通用符號與規格
Core Logo 核心標誌
Favicon 網站識別圖示
標準圖案設計實作
元件設計師

標準字設計與文字工具
造型家族:變形‧扭曲
布景主題與風格物件
橫幅設計 (Banner)
縱意橫幅設計 (Web Doodle)
導覽設計 (Navigation)
專用圖示設計
圖示評論
個人化社交卡設計
數位貼圖設計
票證設計

網頁橫幅實作
gif 透明檔案處理技巧
動態導覽按鈕
手繪視覺識別系統設計
西方手繪視覺識別系統
中華手繪視覺識別系統
紋飾
其他國家的手繪VIS
素人創意漫畫

本項講義從數位美學觀念介述數位繪圖/數位美工設計,兼及數位影像處理軟體應用簡介,目標包括:

1.上接數位色彩、數位調色盤數位配色當代實用數位繪圖/數位美工設計的綜合應用。 

2.介述數位影像處理軟體的介面、工具、與效果應用,以PhotoImpact為例。

3.依據圖片檔案的類型與影像的類型,介述各種進階實作技巧。


數位繪圖/數位美工設計建構=

視覺設計4元素 +

繪圖/美工建構4元件

美學可建構元素是因應感官知覺、媒體形式而不同的。

數位繪圖/數位美工設計是視覺設計的一種,同樣應用視覺設計建構4元素:統一向面的視覺結構、和視覺意涵(主題、故事),與變化向面的視覺動力、和視覺色彩。

數位繪圖/數位美工的媒體變化建構元件包括:自由造型-筆應用‧幾何造型-輪廓應用‧填充-色彩/物料應用‧特效,同時要注意檔案格式與解析度。

建構元件:自由造型-筆應用

以「點矩陣技術」造型的工具,作為自由繪畫使用,包括各種繪圖工具筆。

建構元件:幾何造型-輪廓應用

以「向量技術」塑造具規則幾何造型的工具,可繪製平滑幾何形狀,包括輪廓繪圖、與貝茲曲線選取工具等。更是從事現代「歐普藝術」風格創作的必備特殊元件。

建構元件:填充-色彩/物料應用

填充物件是指在輪廓中填充色彩或材質。這項元件在色彩設計的技巧,可以廣泛應用到其他相關工具,作為「當代實用繪圖/美工 創作設計」的元件。

建構元件:特效

將在未來各種進階實作單元中陸續介述。


數位影像處理軟體選擇:

PhotoImpact

數位影像處理軟體就名氣與歷史而言,曾經以 Photoshop 知名度最高。

而統雄老師「問題解決式學習方案」下的教學工具選擇策略是:
工具獨立性,
工具環境可供性,
工具個人應用性,
工具彈性發展性。

希望達到學文創‧不只是學軟體的目的,所以選擇 PhotoImpact 作為教學工具。

臺灣的資訊產業偏向硬體生產,而友立資訊1996 問世的 PhotoImpact 是軟體業中極少的臺灣之光,而也因為不凡的成就,在 2006 年後,被美國 Corel 集團併購了。

PhotoImpact 與 Photoshop, Corel Paint 並列為高階影像處理的三巨頭,使用自行開發的 ufo 系統格式存儲,有些繪圖支援功能還超過  Photoshop,且提供動畫製作功能,價格卻遠低於 Photoshop。

美國版的 X3 版之後,其國際評價已大幅提升、與PS 和 CorelDRAW 成為三巨頭,而價格也大幅提升了。

人類取用行為中,會發生「遠來的和尚會唸經」現象,也再一次實證。

PhotoImpact 12 的問題與解決

PhotoImpact 8 已達完整境界,PhotoImpact 12 是臺灣品牌最後1版,功能略有增加,但改採用雲端支援,在教室集體上課會有頻寬問題,並不便利。而解決方案是同時安裝 8 和 12,在 12 使用過程中有媒材支援需求時,到本機 8 版的資料夾中去抓。

PhotoImpact 實作檔案

PhotoImpact 實作教材檔案為 Exercise_8.exe,Exercise_12.exe。

Exercise_8.exe/ Exercise_12.exe

可以到統雄老師提供的工具頁下載:

PhotoImpact 實作檔案http://tx.liberal.ntu.edu.tw//Tools/Image/Exercise/ 

這是自解執行檔,激活方式:

Exercise_8.exe:安裝後,參照 SN.txt 輸入激活碼。

Exercise_12.exe:安裝後,點擊 _open 激活程式。

Windows 7 以後 PhotoImpact 無法開啟 .ufo 檔案

Windows 7 以後 PhotoImpact 無法開啟 .ufo 檔案,除此之外,PhotoImpact 所附的動畫製作軟體 animator 也可能發生問題。

upi12_patch_(tc).exe

友立資訊曾提出 upi12_patch_(tc).exe 修補程式,解決這個問題,建議使用PhotoImpact 12  以下,一定要安裝執行。

但由於友立資訊的易手,官網上已經沒有這個檔案,可以到統雄老師提供的工具頁下載:

upi12_patch_(tc).exehttp://tx.liberal.ntu.edu.tw/Tools/Image/PhotoImpact/ 


PhotoImpact 應用基礎篇

PhotoImpact 應用基礎篇包括:介面介紹、重要設定介紹、開新檔案、筆與幾何型的創作。

介面主要區域

〉視窗

列出各區域與其名稱,由上至下為:

一般工具列

命令列

屬性工具列:配合「左側工具箱」中各工具變換。

右側面版管理

左側工具箱

可以使用工具箱來選取物件、製圖、繪圖、剪裁影像和您專案的其他工作。工具箱的某些工具包含一個可顯示更多工具的副功能表。若要存取這些工具,請按工具按鈕右下角的三角形圖示。

左側工具箱

左側工具箱

優先常用工具

基礎5工具應用:

1. 挑選工具與移動物件

2. 選取工具:選取影像上的特定區域

3. 輪廓繪圖工具:幾何造型:向量類型

4. 繪圖工具:各種筆,自由繪畫:點陣類型

5. 填充工具:在輪廓中填充色彩或材質

6. 前景與背景:前景與繪圖工具的色彩相同。背景與底色-即「基底影像」的色彩相同。


開新檔案與創作

〉檔案
〉開新檔案
〉開新影像

影像類型

影像類型包括:黑白、灰階、16色、256色、和全彩。

通常選擇全彩。

底色/基底影像

「單色」 將底框色彩設成白色。
「自訂色彩」 將底框色彩設成您指定於色盤內的色彩。按一下色彩方塊,即可開啟「友立色彩選擇工具」,或按滑鼠右鍵來開啟其他的色彩選取工具。
「背景色」 將底框色彩設成目前指定於工具箱內的背景色彩。
「透明」 透明背景將在新的影像中顯示成棋盤狀。您可以使用「檔案:偏好設定:一般」對話方塊來自訂透明背景的格線大小與格線色彩。按一下「PhotoImpact」類別底下的「透明度」可開啟「透明度」選項。

注意:選取「透明背景」將會隱藏基底影像,您可以選取「檢視:基底影像」
來顯示基底影像 [Ctrl+F5]。

本選項通常是為設計透明背景之 gif 圖示、或動畫的畫格。

物件

在基底影像上繪製、選取複製、或從其他圖片複製而來的影象,都是物件。

物件被選取時,會出現物件動態邊緣。

解析度

作品為網頁:72 dpi

作品為紙類印刷出版:200 dpi


繪圖工具實作

建構元件:自由造型-筆應用

選擇「筆刷」,隨意繪製線條與輪廓。

面板應用 

顯示面板:通常以 2px 作為繪製線條練習。

建構元件:幾何造型-輪廓應用

選擇「輪廓工具」,隨意繪製幾何型線條與輪廓。

選擇「線條與箭頭工具」,練習線條與箭頭使用效果。


選取工具實作

選取工具種類

PhotoImpact 的工具箱中提供了標準選取工具、套索工具、魔術棒工具、貝茲選取工具 4 種選取工具。

選取工具種類

標準選取工具:框選基本對稱幾何區域,如矩形、正方形、橢圓形及圓形。

魔術棒工具:自動選取影象中色彩相近的區域,應用範例如連結

套索工具與貝茲曲線選取工具,都是選取多邊型、不規則形狀,詳細說明如連結

使用「標準選取工具」,選擇部分區域移動。

配合頂端「剪裁工具」、按右鍵的各種選取選項,綜合練習。

選取工具屬性

測試「標準選取工具」的各種屬性,如形狀、柔邊(範圍:0-150)…等。

選取工具

模式

由左至右分別為新建、加入、減掉 3 種模式。新建模式只能建立 1 個選取區, 如果您再選取第 2 個區域, 前一個選取區便會消失。加入模式可以在影像中建立多個選取區 (同形狀或不同形狀), 如果選取區有重疊的部分, 則會合併成一個聯集的區域

固定

勾選此項, 可直接指定選取區的大小 (以像素為單位), 之後只要在圖片上按下滑鼠左鈕即可產生指定大小的選取區。適合用在需要裁剪出相同大小的圖片時。

柔邊

可以讓選取區域的邊緣「霧化」, 邊緣看起來較不突兀。柔邊是以像素為單位, 預設是 0 表示沒有柔邊效果, 最大可到 150。在設定柔邊之後, 選取區的邊緣會變得比較朦朧, 而且柔邊愈大則霧化程度愈明顯。

柔邊效果,是自邊緣起,上下左右各半「霧化」,譬如設 20px,則上下左右各「霧化」10px。

移動圈選框鈕

在選取好範圍後, 若想針對選取範圍進行移動, 必須先按下此鈕再拉曳搬移選取範圍, 例如以標準選取工具選取圓形或橢圓形時, 常常無法一次就精確地選定影像中的特定物體, 此時可在框選完後, 按下移動圈選框鈕, 將圈選框搬移到正確的位置上。
若沒按此鈕就進行搬移, 便會將選取範圍轉換成一個物件。

保留基底影像鈕

當選取範圍變成物件後 (例如移動選取範圍), PhotoImpact 預設會選取此項, 表示選取範圍的基底影像會保留;若取消選此項, 則基底影像中的選取範圍將會以背景色取代。

在物件上選取鈕

若要在物件上建立選取範圍, 必須先按下此鈕, 否則會變成移動物件位置。

剪裁鈕

可以將選取區之外的影像裁切掉, 只留下選取區的部分。


標準選取工具的形狀

選取選取區的形狀:形狀分成矩形、正方形、橢圓形及圓形, 您可依需求來選擇。若選擇矩形或橢圓形, 除了可以拉曳形狀的大小外, 長寬比例也可在拉曳時調整。 

圓形應用

使用圓形或橢圓形狀來建立選取範圍時, 你可以如下圖假想選取點的起始位置, 也就是從圓形上方與水平線的切點 (X 點) 往左延伸, 和圓形左方與垂直線切點 (Y 點) 往上延伸的相交原點處 ( O點)。

標準選取工具的形狀

選取限制選取限制

選取工具只能選取基底影象上的區域。

如果基底影象上有其他物件,而想連物件一起選取時,必須在「基底與物件合併」的條件下,才可使用。

〉物件〉全部合併


套索工具與貝茲曲線選取工具差異

套索工具與貝茲曲線選取工具,都是選取多邊型、不規則形狀,但工具原理、技術,與效果不同。

套索工具

套索工具是以「色彩原理」相關諸條件,作為辨別選取區的依據,同時,以點矩陣方式表現。

套索工具應用範例

選取不規則多邊型,可優先使用套索工具,如去背

貝茲曲線選取工具

貝茲曲線選取工具是以「貝茲曲線(Bézier curve)」方法,將多邊型各點之間的直線,轉化為「最柔和曲線」(如圖例)的計算方法。同時,以向量方式表現。

任職於法國雷諾汽車Renault 的工程師皮埃爾·貝茲(Pierre Bézier),於1962年發表了貝茲曲線,作為對汽車主體設計的方法。現在已成為影象處理、電腦圖學、電腦輔助設計/建造( CAD/CAM )的重要工具。這個方法也可以設計 3D 物體,所設計的曲線平面,稱為貝茲曲線平面(Bézier surface)。 

貝茲曲線選取工具應用範例

選取平滑多邊型,可優先使用貝茲曲線選取工具,如去雜


建構元件:填充工具應用下一步-建構元件:數位調色盤與繪圖影像工具應用


數位色彩系統與數位調色盤

色彩心理學 

TX選色與四大配色定律

數位繪圖/數位美工設計

色彩設計實作系列

回頁首 Up to page head 至相關主題 Go to related pages
上一頁 Back to previous page 回頁首 Up to page head 下一頁 Go to nex page  
請點這裡看所有留言分類 Please click here to view categories of comments
同類別內相關主題