關閉導覽列 Close Menu
數位文創
English
吳統雄
數位美學
電子書
數位視覺
優化網站
微電影
數位文創管理
大學青年網誌
研究目錄
教學課程頁
討論區目錄
站務與協助
☰
More
社群地圖
社群新聞
│吳統雄
履歷
研究
教學
服務
榮譽
│社科
第1類知識
第2類知識
第3類知識
研究方法
統計/多變項分析
投票行為與選舉預測
53237 選民結構
人類取用行為新典範
取用行為國際研究團隊
│資管
管理學‧經濟學
資訊系統開發
電子商務
網路教育
數位電視
產學合作
就業進修‧甄選必勝
│文創
數位美學/數位文創導論
數位出版/電子書
視覺設計
優化網站
數位視訊/微電影
數位文創管理
大學青年‧網路雜誌
│電音
統雄 數位音樂作品選
我,被禁唱的民歌手
數位音樂創作教學
統雄的音樂知識美學
歡迎聽歌.點歌.下載樂譜
│人文
公共評論
法律評論
社會評論
教育文化傳媒評論
科技科普評論
美語樂學
文學創作
萬象現代(NBA)
資訊社會
幽默人生
統雄樂水
數位圖片設計實作

數位調色盤與繪圖影象工具應用
Digital Graphic/ Imaging Tools Practice with Digital Pallet

實作目標:當前社會需求,色彩為導向的實作。

實作方法:依據數位繪圖/數位美工設計建構4 元件:筆‧幾何‧填充‧特效,進行前3項實作,實現數位影象處理軟體的應用,以PhotoImpact為例。

此3實作包括:

1. 數位調色盤、數位配色、色彩填充工具實作

數位色彩、數位調色盤、數位配色與繪圖工具的應用。

2. 數位圖片檔案轉換、筆刷與幾何工具實作

影象類型的轉換,與各種檔案的特性。

3. 多選取區與物件/圖層實作

基底影象、物件與選取區的應用技術,前後景的修改與設計。 


色盤、選色、配色、調色實作

數位色彩設計實作練習配色、填充工具。

以「配色互補定律」,設計綵帶的正反面。

亦即在數位調色盤上,RGB互補色為:

255- 正面色數據

而以「配色協調律」或「非對稱律」設計陰影。


漸層、材質、立體配色

數位色彩設計實作各種繪圖工具,多具備:漸層、材質、立體配色等進階功能。

唯當各繪圖區域為不規則形時,應先個別選取,再作進階塗色。

不規則形選取

PhotoImpact 魔術棒

不規則形別選取

點選欲作塗色部分,如身體。

「相似程度」屬性圖示

「相似程度」屬性圖示會在多種工具中出現,包括以下的「填充工具」。

「相似程度」屬性決定所要選取的色彩範圍:可以輸入數值、或下拉後出現的滑杆,設定選取區的顏色相似程度, 數值介於 0〜255 之間。
數字愈小表示選取的顏色差異愈小, 選取的顏色就愈精準;反之則差異愈大, 如果將相似程度設為 255, 表示要選取全部的顏色, 所以會選取整張影象。

一般會設在8~64之間。

魔術棒應用注意:「相似程度」值愈小,表示與游標所點之像素愈相同,「0」為完全相同。

此處是白色,所以設常用值8~64之間,效果都一樣。如果背景有漸層,要保留漸層,就要縮小數值;要全部去除漸層,就要放大數值。 

魔術棒進階應用

魔術棒可以作更多設定,請參考魔術棒進階應用。

PhotoImpact 填充工具應用

填充工具:進階功能

PhotoImpact 填充工具預設為單色,但可作更多變化使用。

填充工具〉線性漸層

在上方的屬性列中,作進一步設計選擇。

〉雙色

點選色彩框

根據TX配色定律的互補律,選擇:

〉由紫至綠

將游標移至身體選取區,由右上至左下拉動,決定漸層方向。

線性漸層

填充工具進階應用

PhotoImpact 填充工具可以搭配各種選取工具、物件擷取工具等,設定填充區。

再利用命令列的:

〉編輯〉填充

與〈圖層管理員〉共同作更多變化,參見「調色數位特效」。 

高級漸層高級漸層

本文只介紹顏色與填充漸層。

大型作品常會作前後景或多重景組合。經常應用到高級的「透明漸層、亮度漸層」效果。請參見:「圖層組合 數位特效」。

PhotoShop 與 PhotoImpact 比較Photoshop 與 PhotoImpact 比較

Photoshop 油漆桶

Photoshop 油漆桶預試為「魔術棒式」上漆,即可根據「容許度」,一次上區域內之新漆色。

選〉連續的

則與滑鼠定點,所有連續區域,可一次上區域內之新漆色。

可調色,依據:前景色、模式、不透明之選擇。

如果是單色覆蓋,必須:

選〉全部圖層

同時注意,不透明、容許度均為100%。

Photoshop 油漆桶

所以,單色覆蓋可以使用以下較簡單之方式。

Photoshop 單色覆蓋

〉編輯

〉填滿

〉使用〉前景色

同時注意,不透明度為100%。〈模式〉亦可作變化。

Photoshop 單色覆蓋

Photoshop 填充材質/圖樣印章工具

在 Photoshop 的 CC 版之前,PhotoImpact 最優於 Photoshop 的部分,可能就是 PhotoImpact 提供了許多材質與樣式範本。

而 Photoshop 的填充材質,與其〈圖樣印章工具〉實為相同物件。

Photoshop 的填充材質設定程序在:

〉編輯

〉填滿

〉使用〉圖樣

〉自訂圖樣

如果是由〈圖樣印章工具〉使用,則設定程序為:

〉圖樣印章工具

圖樣印章工具屬性列:〉「圖樣」下拉選單

其他屬性注意事項:

「羽化」程度,由「筆刷面版、筆刷屬性」設定。

若勾選〈印象派〉屬性,則只有顯示色彩。

自訂圖樣

由於 Photoshop 的 CC 版之前,圖樣甚少,或者自己作,如在影象中選取一部分以定義:

〉編輯

〉定義圖樣

Photoshop 的〈定義圖樣〉注意: Photoshop 的〈定義圖樣〉,選取時不得「羽化」,亦即「羽化」的屬性必須設定為「0」。

或者可上網找,是否有人提供圖樣的 .pat 檔。嵌入 .pat 檔方式:

〉編輯

〉預設集

〉預設集管理員

〉預設集類型〉圖樣

〉載入:圖樣 .pat 檔

魔術棒_快速選取工具

Photoshop 的魔術棒組,多一個「快速選取工具」,相等於 PhotoImpact 的智慧選取。

內容感知

在 Photoshop 中,填充多一種功能「內容感知」。

〉選取區域

〉編輯

〉填滿

〉內容感知

即以原影象之背景填充。而 PhotoImpact 必須以「複製-貼上」為之,且必須注意「柔邊」, Photoshop 稱為「羽化」。


習作:使用各種選取,填充工具,將線條化為更繽紛形象

提示:也可以美化背景、創造前景

數位色彩設計實作

數位色彩設計實作

 

數位色彩設計實作

數位色彩設計實作

配色練習黑白稿 Black And White Outline Images配色練習黑白稿 Black And White Outline Images

https://www.pinterest.com/pin/437764026264814047/

習作上傳注意:習作上傳,檔名必須注明「系級-學號-姓名」;如因未注明而造成漏件,責任自負。

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

色彩心理學 

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
同類別內相關主題

上層主題
視覺設計總論
視覺設計/數位視覺設計主題_數位圖片=美工繪圖 + 影象照片 Subjects in Visual Design/Digital Visual Design
TX視覺設計創作分析架構與建構元素 Visual & Digital Visual Design Analysis Framework and Its Formation Elements
Visual Design 視覺設計:媒體/媒材的分類與整合
Graphics/Image Processing Basics 圖形影象處理技術簡介
Digital Color Design Fundamentals: Color Primaries, Digital Color Systems 數位色彩設計基礎:色彩原理‧數位調色制度
Color Psychology_Color Matching Design 色彩心理學_數位配色設計
TX's Color Selection and 4 Matching Laws TX選色與四大配色通律
色彩色塊為導向的創作流派_當代實用美術/視覺設計/繪圖美工基礎1 Color Structures Centered Stream_ Contemporary Practical Arts and Visual Design
幾何象徵為導向的創作流派_當代實用美術/視覺設計/繪圖美工基礎1 Symbolic Geometry Centered Stream_ Contemporary Practical Arts and Visual Design
複合媒材為導向的創作流派_當代實用美術/視覺設計/繪圖美工基礎3 Mixed Media Centered Stream_ Contemporary Practical Arts and Visual Design
當代實用美術作品品析_當代實用美術/視覺設計/繪圖美工 Contemporary Practical Arts and Visual Design: Artwork Critique
數位影象處理軟體應用簡介 Introduction to Imaging Processing Software
數位 圖片設計實作:數位調色盤與繪圖影象工具應用
數位圖片設計實作:數位圖片檔案轉換
數位圖片設計實作:多選取區與物件/圖層
數位圖片設計實作:圖片輸入與封面設計
數位美工繪圖
Identity Systems and Logo Design 識別標幟系統與標準字設計
視覺識別標幟系統 設計思想演變_視覺識別標幟系統設計 Evolution of Visual Identity System Design_VIS Design
視覺識別標幟系統應用專域:紋章學、旗幟學_ Heraldry and Vexillology: Specific Visual Identity System Design_VIS Design
網路時代的識別標幟系統:通用物件規格與範例 General Identity Systems Design
Logo Design: Cases 1 標誌設計:變形技術與反相技術_創意範例1
Logo Design: Cases 2 標誌設計創意範例2
Identity Systems Practice: Logo 標誌之標準圖案設計與元件設計師實作
Identity Systems Practice: Logo 標誌之標準字設計與文字工具實作
數位 圖片設計實作:造型家族:變形‧扭曲‧潤飾
網站視覺識別:布景主題‧橫幅導覽‧風格元件設計 VIS: Web Theme, Banner, Doodle, Navigation and Style Elements Design
網站視覺識別:圖示‧專用圖示‧多元圖示‧風格物件設計 VIS: Icons, Personal Icons, Creative Symbolic Icons and Style Objects Design
多元視覺識別:個人化社交卡‧貼圖‧票證設計 VIS's Social Cards/Stickers/Tickets Design
Identity Systems Practice: Banner and gif 識別標幟系統橫幅實作與gif
Hand-Drawn Visual Identity System Design 手繪視覺識別系統設計
網路素人 創意漫畫_數位繪圖/數位美工 Web Amateur Cartoonists' Works
數位攝影
數位影象/數位攝影設計 創作分析架構與建構元素 Digital Imaging/ Digital Photo Design Analysis Framework and Its Formation Elements
數位攝影建構:焦距與平面元件 Focus and Plane
數位攝影建構:光圈與景深元件 Aperture and Depth
數位攝影建構:快門與光源元件 Shutter Speed and Lighting
數位攝影建構:影象後製 與影象改創元件 Post Production
數位攝影機 簡介 About Digital Camera
Nikon F3之迷戀!
Pentax K2之信賴
數位攝影設計:劇情式劇本實作 Digital Imaging/ Digital Photo Stories Design
數位攝影設計:系列式劇本實作 Series Design in Digital Imaging/ Digital Photo Stories' Screenplay and Practice
數位攝影設計:錯覺式劇本實作 Digital Imaging/ Digital Photo Stories Design: Screenplay and Practice_ Visual Illusion
數位攝影劇本:團體式劇本實作 Digital Imaging/ Digital Photo Portrait Design: Screenplay and Practice_ Group Photo Shoot Design
數位攝影設計:人像攝影劇本實作 Digital Imaging/ Digital Photo Portrait Design
攝影劇本與視覺設計_美學追求的看山看水過程 Pursuit in Aesthetics
攝影劇本與視覺設計_美學結構的天成與偶得:造境與自然 Two Structures in Aesthetics
當代多元創意攝影作品品析 Contemporary Interdisciplinary Imaging Arts in Visual Design: Photos Critique
Digital Photo Case Study_1 數位攝影設計個案研究1
Digital Photo Case Study_2 數位攝影設計個案研究2
影象處理/後製改創
視覺設計/數位攝影/數位美工:視覺焦點設計與數位影象後製/影象改創系列
調光 數位特效_數位影象後製/影象改創技術 Light Digital SFX_ Digital Pictures Postproduction
調色 數位特效_數位影象後製/影象改創技術 Color Digital SFX_ Digital Pictures Postproduction
調HSB 數位特效_數位影象後製/影象改創技術 Integrating Hue/ Saturation/ Brightness of Digital Visual SFX_ Digital Pictures Postproduction
去雜 數位特效_數位影象後製/影象改創技術 Clean up Digital Visual SFX_ Digital Pictures Postproduction
魔術棒去背 數位特效_數位影象後製/影象改創技術 Background Digital SFX_ Digital Pictures Postproduction
套索去背 數位特效_數位影象後製/影象改創技術 Background Digital SFX_ Digital Pictures Postproduction
擷取物件去背.橡皮擦輔助去背 數位特效_數位影象後製/影象改創技術 Background Digital SFX_ Digital Pictures Postproduction
柔邊 數位特效_數位影象後製/影象改創技術 Border Digital SFX_ Digital Pictures Postproduction
加框 數位特效_數位影象後製/影象改創技術 Frame Digital SFX_ Digital Pictures Postproduction
模糊、遮罩/遮色片、色版、像素模糊、馬賽克特效_數位影象後製/影象改創技術 Blur and Mask Digital Visual SFX_ Digital Pictures Postproduction
文字特效 數位特效_數位影象後製/影象改創技術 Text Digital Visual SFX_ Digital Pictures Postproduction
圖層組合/混合模式/高級漸層_數位影象後製/影象改創技術 Layers Digital Visual SFX_ Digital Pictures Postproduction
後製整合 數位特效_數位影象後製/影象改創技術 Layers Digital Visual SFX_ Digital Pictures Postproduction
數位醫美系列 數位美容整形_數位視覺焦點設計與數位影象後製/影象改創技術 Plastic Surgery of Digital Aesthetic Medicine Series
數位減肥塑身 數位醫美系列_數位視覺焦點設計與數位影象後製/影象改創技術 Body Shaping of Digital Aesthetic Medicine Series
數位醫美環境改創 數位醫美系列_數位視覺焦點設計與數位影象後製/影象改創技術 Body Shaping with Multiple Layers of Digital Aesthetic Medicine Series
攝影詮釋學_數位視覺焦點設計與數位影象後製/影象改創技術 Interpretational Photography and Image Manipulation
數位動畫創作
數位動畫創作分析架構‧建構元素與實務分類 Animation Creation Analysis Framework, Formation Elements and Its Types
GIF 數位動畫圖示/動畫貼圖:設計與實作快訣 Animated GIF Icons Creation: Design and Practice Tips
GIF 數位動畫小品創作 :企畫與原稿設計
GIF 數位動畫小品創作 :過場設計 Animated GIF Graphics
GIF 數位動畫小品創作:特效設計 Animated GIF Graphics
GIF 數位動畫小品創作:輸出:另存新檔‧匯出/ 觀摩
GIF 數位動畫小品創作:個案研究/ 資源與觀摩
Animation: Transparent Overlay 數位動畫創作進階篇:透明重疊
Animation: Frames' Modification 數位動畫創作進階篇:畫格微調、新增、加物件
Animation: Multiple Objects in Frames 數位動畫創作進階篇:畫格多物件處理
數位動畫式統計表圖


內容網站:提供與分享各種知識、資訊、作品。互動群組:社員可以討論、展示、交流、企畫、分工、管理、投票決策。合作群組:Web2.0的民主自治精神,社員可以參與決定群組的內容與表現形式。

吳統雄的音樂-Sean TX Wu's Music  笑話中學美語-Humor and American English Learning   私人來信-Write a private mail to Sean TX Wu  留言與討論 Leave Comments/ Forum 吳統雄的相簿-Sean TX Wu's Album

只在「統雄社群」內查詢以下主題 Search in TXCommunity

統雄網群的Google排行本站Google排行榜‧全球冠軍