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

調 HSB 數位特效
Visual Design Postproduction  Hue/ Saturation/ Brightness of Digital Visual SFX

數位出版設計數位出版設計:封面與後製篇-知識美學/數位美學之建構方法

數位影象後製/影象改創技術

數位影象後製/影象改創技術常用的目標與方法如下,並將在各專章分敘:

改善色彩:調光、調色、調SHB;

改善結構與動力:去雜、去背、柔邊、加框、模糊;

改善意涵:遮罩、文字特效、圖層組合、與綜合應用;

影象改創:針對人像的「數位醫美系列」:數位美容整形、數位減肥塑身、數位醫美環境改創、服飾改創 、變臉 Face off: MI (Mission Impossible) 式數位醫美-改頭換面式數位醫美、與其他主題改創。


後製:調色特效適用時機

當我們依據「選色與配色定律」設計時,若原稿的全部或局部色彩與設計不同,就有調色 Color 的需求,專業則再細分為調整「HSB 色相、彩度、亮度」。狹義的調色,僅為調整色相 Hue。

調色特效又有2種作法:

美工繪圖:或基本為平面的色彩,則使用直接色彩填充、或色彩取代筆,相對簡單。

影象照片:或有陰影、反光、層次多的圖片,就需要多重處理程序。


PhotoImpac 的進階色彩 HSB 整合功能

〈色相與彩度〉最常使用在基礎應用的調整色相,其實可以作HSB整合調整,並還具備3進階調整方法。

不過,非常特殊的是其中的「範圍」方法,不僅可搜尋到的網路、坊間教學文獻,都沒有介紹,連系統本身提供的「使用者指南」也沒有。

故本文可能是唯一〈色相與彩度〉功能的澈底研究與完整介述。

設原始圖片如下:

PhotoImpact〈色相與彩度〉的進階整合功能

使用〈色相與彩度〉

〉相片

〉色彩

〉色相與彩度

出現〈色相與彩度〉對話框後,分作:

可調整屬性:H 色相、S 彩度、B 亮度

可調整方法:主色、範圍、上色。

本文按照技術觀點,以可調整方法為介述程序。

PhotoImpact〈色相與彩度〉調整的「主色」方法

「主色」方法,為一般〈色相與彩度〉的基礎技術,即所有色彩按定比例調整。

調色相 Hue

最下方有2條色彩軸:

第一條:原始圖片的色相。

第二條:原始圖片的色相所對應到調整後的新色相。

可調整值:-180~180。

180 即為「TX 四大配色定律」中「互補對比律」的互補色,如下圖。 

PhotoImpact〈色相與彩度〉的「主色」方法

調彩度 Saturation

可調整值:-100~100。

本例中為3原色,彩度已為最高,故調正值,並不會產生差異。 

調負值會「灰化」,調-100為深灰,本例為 -50 如下圖。 

調彩度 Saturation

調亮度 Brightness

可調整值:-100~100。

調 -100 為全黑,調 100 為全白。

本例為 50 如下圖。  

調亮度 Brightness

PhotoImpact〈色相與彩度〉調整的「範圍」方法

「範圍」方法,為〈色相與彩度〉的進階技術,最複雜、細膩,也一般最難搞懂。也是功能上多於 Photoshop 之處。

「範圍」圖示包括 2 道色彩軸:

上軸:圖片原始色彩。

下軸:圖片調整後色彩。

色彩軸中間有 4 滑鈕。

左右各 2 滑鈕合併、兩兩拉開,中間會出現灰色,即可調「灰色範圍」內的「1段色彩」。而白色範圍,表示維持原始色彩。

調色相 Hue

可調整值:-180~180。

1段色彩調整:紅之互補色

將色相調為 180 ,即為產生的互補色,再將1段「灰色範圍」,調至原始紅色區間,調整後色彩即為其互補色:水藍色,其他色彩不變,如下圖。 

PhotoImpact〈色相與彩度〉調整的「範圍」方法

1段色彩調整:綠之互補色

同理,將色相調為 180 ,即為產生的互補色,再將1段「灰色範圍」,調至原始綠色區間,調整後色彩即為其互補色:洋紅色,其他色彩不變,如下圖。 

1段色彩調整:綠之互補色

1段色彩調整:藍之互補色

同理,將色相調為 180 ,即為產生的互補色,再將1段「灰色範圍」,調至原始藍色區間,調整後色彩即為其互補色:黃色,其他色彩不變,如下圖。

1段色彩調整:藍之互補色

當然,色相調整不限於互補色,讀者可以作更多嘗試。

1段色彩調整:紅綠之互補色

將色相調為 180 ,即為產生的互補色,再將1段「灰色範圍」拉大,調至原始紅色~綠色區間,調整後色彩即分別變為其互補色:水藍色、洋紅色,而藍色不變,如下圖。 

1段色彩調整:紅綠之互補色

1段色彩翻轉調整:綠藍之互補色

將色相調為 180 ,即為產生的互補色。

將左側雙滑鈕推至頂端、續推,就會「翻轉」自右側頂端出現。亦即:「灰色範圍」在兩側,白色在中間。

將「灰色範圍」調至原始藍色、綠色範圍,白色對應紅色區間,調整後色彩即分別變為其互補色:洋紅色,、黃色,而紅色不變,如下圖。  

1段色彩翻轉調整:綠藍之互補色

2段色彩調整:綠變藍

將色相調為 180 ,即為產生的互補色,再將1段「灰色範圍」,調至原始紅色區間,調整後色彩即為其互補色:水藍色。  

將右側 2 滑鈕拉開 ,產生第 2 段「淺灰色範圍」、並對應新的第 2 段色軸,將原始綠色區間,對應至藍色,則背景原始2色,全部變為藍色,如下圖。  

2段色彩調整:綠變藍

2段色彩調整:藍變紅

將色相調為 180 ,即為產生的互補色,再將1段「灰色範圍」,調至原始紅色區間,調整後色彩即為其互補色:水藍色。  

同理,將右側 2 滑鈕拉開 ,產生第 2 段「淺灰色範圍」、並對應新的第 2 段色軸,將原始藍色區間,對應至紅色,而綠色不變,如下圖。

2段色彩調整:藍變紅

3段色彩+翻轉調整:綠變藍

將色相調為 180 ,即為產生的互補色。

將左側雙滑鈕推至頂端、續推,就會「翻轉」自右側頂端出現。亦即:「灰色範圍」在兩側,白色在中間。

將「淺灰色範圍」調至原始藍色、綠色範圍,白色對應紅色區間,調整後綠色即變為藍色,紅色不變,如下圖。

3段色彩+翻轉調整:綠變藍

調彩度 Saturation

可調整值:-100~100。

本例中為3原色,彩度已為最高,故調正值,並不會產生差異。 

調負值會「灰化」,本例調為-100,將「灰色範圍」調至原始紅色區間,調整後紅色即變為深灰色, 如下圖。

調彩度 Saturation

同理,將「灰色範圍」調至原始綠色區間,調整後綠色即變為深灰色, 如下圖。

調彩度 Saturation

同理,將「灰色範圍」調至原始藍色區間,調整後藍色即變為深灰色, 如下圖。

調彩度 Saturation

調亮度 Brightness

可調整值:-100~100。

調 -100 為全黑,調 100 為全白。

本例調為-100,將「灰色範圍」調至原始紅色區間,調整後紅色即變為黑色, 如下圖。

同理,亮度調為 100,將「灰色範圍」調至原始紅色區間,調整後紅色即變為白色,如下圖。

PhotoImpact〈色相與彩度〉調整的「上色」方法

上軸:圖片原始多色彩。

下軸:圖片調整後所顯示的單一色彩。

調色相 Hue

調色相 Hue 為 90,效果如下。

調彩度 Saturation

可調整值:-100~100。

調彩度 為 50,效果如下。

調亮度 Brightness

可調整值:-100~100。

調亮度 為 50,效果如下。

當然,可以綜合調整色相、彩度、亮度,3 屬性設不同的值。

PhotoImpact〈色相與彩度〉HSB 整合調整的應用

PhotoImpact〈色相與彩度〉HSB 整合調整的應用非常多,常見的就是「突顯局部主題」,甚至已成為商業美術的一種「設計梗」,舉例如下。

PhotoImpact〈色相與彩度〉HSB 整合調整的應用

PhotoShop 與 PhotoImpact 比較Photoshop 與 PhotoImpact 比較

色相/飽和度

在 Photoshop 中,〈色相與彩度〉稱為「色相/飽和度」。

〉影象

〉調整

〉色相/飽和度

方法與功能,完全相同,唯介面略有不同。

〈主色 〉稱為〈主檔案〉,〈範圍〉分為RGB, YCM 6種顏色,7 者合併為下拉選單。

自然飽和度

多一個自然飽和度,在:

〉影象

〉調整

〉自然飽和度

差異是:

色相/飽和度:範圍為 -100~100,可調為灰階。

自然飽和度:視圖片原始飽和度(彩度)範圍,在系統辯識內的設定一段可調整範圍,且作相對性調整,亦即兩極調整少、中間調整大。主要應用在人像等,必須顯示較自然色彩的應用。

選取顏色

〉影象

〉調整

〉選取顏色

主要提供如輸出為 YMCB,與RGB 的整合,對電腦輸出較無用。

不過,其下拉選單中多:白、中間調、黑,3選項。「中間調」在必要時,可作為調整參酌。


專業影象軟體

識別標幟系統:標誌(標準字+標準圖案)、橫幅...

回頁首 Up to page head 至相關主題 Go to related pages
上一頁 Back to previous page 回頁首 Up to page head 下一頁 Go to next page

留言區因雲端系統重整,暫停開放。敬請以電子郵件留言。 同類別內相關主題

數位文創線上講義總目

數位文創目錄 數位美學‧數位文創導論目錄

Introduction to Digital Aesthetics and
Digital Contents/ Cultural Content Creation

數位文創目錄 數位文創製作管理目錄

Project Management in
Digital Contents/ Cultural Content Creation 

數位文創目錄 數位視覺設計‧影象處理目錄

Visual Design and Digital Imaging
Design and Production

數位文創目錄 數位出版(DTP)設計製作目錄

Digital Publishing/ Desktop Publishing
Design and Production

數位文創目錄 網路文創設計製作目錄

Web-based and Interactive Cultural Creation
Design and Production 

數位文創目錄 數位視訊設計製作目錄

Storyboard and Digital Video
Design and Production 

數位音樂特區 數位音樂特區目錄 TX Midi Zone

Listening Design and Digital Music
Design and Production 

數位文創目錄 數位文創設計製作習題

Exercises and Hand-on Works in
Digital Contents/ Cultural Content Creation 

數位文創目錄 數位文創庫存講義目錄

Achieved Readings and Deprecated Techniques

創用 CC 授權條款 此作品衍生自「統雄網路社群 TX Web Community」,由 吳統雄 Sean TX Wu 製作,以 創用CC 姓名標示-非商業性-相同方式分享 3.0 Unported 授權條款 釋出。此條款之授權同時適用於 https://seantxwu.pages.dev/ 下,與 http://tx.shu.edu.tw 下,除特別標明外之所有媒體形式著作物。
本網群為公益服務,瀏覽者須接受以下聲明方可瀏覽: 著作權聲明-Copyright © 吳統雄: 申請引用資訊- 免責聲明- 鳴謝:本網路社群之開發曾受國內外機構、包括臺灣大學補助。

Copyrights of TX Web Community This is a public service web community under a "Creative Commons" license. You must accept the following statements before entering: Copyright © Sean TX Wu, All Rights Reserved. Request for Citation, Disclaimer, and Acknowledgement.
內容網站:提供與分享各種知識、資訊、作品。互動群組:社員可以討論、展示、交流、企畫、分工、管理、投票決策。合作群組: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排行榜‧全球冠軍
取用模式研究國際團隊 Adoption Modeling International Research Team 合作群組取用模式
國際研究群
吳統雄的研究、教學、與作品 Sean TX Wu's Research, Teaching and Art Works 內容網站第3類知識
互動群組研究方法
內容網站數學樂學
內容網站美語樂學
內容網站人文社會
互動群組產學合作
資訊管理/資訊科技/資訊系統 Information Management/ Information technology/ Information Systems 合作群組資管教育
互動群組資訊管理
內容網站電子商務
內容網站網路教育
數位文創 Digital Cultural Content Creation 內容網站數位文創
合作群組大學青年
合作群組數位電視
互動群組美學實驗
數位音樂 Digital Music 內容網站數位音樂
內容網站社會參與
內容網站文學創作
投票行為、選舉預測與其他行為研究 Election Prediction and Other Behavioral Research 內容網站選舉行為
互動群組其他專題
第3類知識 The 3rd Knowledge 合作群組接龍實驗
互動群組招親實驗
互動群組公投實驗
互動群組量尺實驗
互動群組舞者實驗
年度20大點播音樂

偶然
金蟠桃
水調歌頭
請你,天明再離開我
點燭
別離
挖呀挖
稚情(嫦娥)
天亮歌
願意
墟
思念
華靈廟
Panda
團團和圓圓

相逢
媽媽的愛心
從此
笑笑歌
幕落(必然)
上山打野狼

研究與講義目錄

研究方法講義目錄
統計多變項分析講義
資訊管理講義目錄
數位文創/數位內容講義目錄
數位音樂講義目錄
產學合作-就業進修講義目錄
人文素養-人與社會講義目錄
人類行為+資訊管理研究目錄
網路使用/電子商務研究目錄
網路教育研究目錄
數位音樂作品目錄

在「瀏覽時間」前50%以內,剔除工具頁(如SharePoint應用)、簡介頁(如統雄曲目)、互動頁(如討論區)。粉底文章亦同屬年度20大瀏覽時間。

統雄-統計神掌 因素分析篇
性幻想行為簡說:格雷的五十道陰影
作業流程圖範例
UML
:統一塑模語言與流程圖

信度與效度分析
統雄-統計神掌 共變數分析篇
統雄-統計神掌 調節模型篇
統雄-統計神掌 多元迴歸篇
投考-甄試研究所之自傳秘笈
統雄-統計神掌簡單迴歸/相關分析
統雄-統計神掌 變異數分析篇
MIS:管理資訊系統
多氯聯苯大追兇
和聲與和弦進行設計
統雄-統計神掌SPSS篇
統雄-統計神掌中介模型分析篇
學術論文寫作法
統雄-統計神掌因素效度分析篇
研究所甄試之研究計畫秘笈
統雄-統計神掌多變項精華篇
問卷設計流程圖-範例
電子郵件亂碼的解決
統雄-統計神掌易筋經
定量方法對定性方法
統雄-統計神掌因徑/結構方程模型1
六藝:多元學習的詮釋與實踐
個案研究法/參與觀察法
文獻研究法
和聲與和弦分析
實驗法、準實驗法
歷史記錄

在「點閱數」前50%以內,剔除工具頁(如SharePoint應用)、簡介頁(如統雄曲目)、互動頁(如討論區)、與已經出現在同屬「年度20大點閱數」之頁。

網路使用行為研究方法
視訊後製作程序
爸爸
大學青年‧網路雜誌
網頁3大基本語言與編輯軟體
科學知識產生的程序
打二房別亂了套 
1篇30年後引起迴響的文章
向老大哥WGA說不! 
知識美學與數位美學 
我,被禁唱的民歌手
金蟠桃 第一幕 樂園
偶然、或然、必然 音樂劇4
接龍實驗-結果討論
MIS專案進度管理甘梯圖
知律,破律,又合於律
真實美語/生活英語選
當代流行歌 又吵又欠缺變化
職業化快閃影片創作品析
驗證式SEM解析篇-計畫行為論
歷史記錄

這裡有我在30餘年教學經驗中的學習與分享。

教改‧我先走了三十年教改‧我先走了三十年
教學的理念、實踐與感受教學的理念、實踐與感受
其實,每個人都可以唸臺大其實,每個人都可以唸臺大
2012總統選舉預測 2012總統選舉預測
大任務‧小使者大任務‧小使者
Fulbright Project Fulbright Project
統雄老師領導的美國喬治亞理工
Adoption Model國際研究群
Westgate FraudWestgate Fraud
e世代公共服務新聞宣言e世代公共服務新聞宣言
虛擬整合校園虛擬整合校園
請將連結不到網頁的網址,寄給統雄老師,謝謝!連結不到網頁

請按此,至友站列表。並歡迎同好加入友站。
回頁首 Up to page head