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

圖層組合/混合模式/高級漸層 數位特效
Visual Design Postproduction Layer Composition Digital Visual SFX

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

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

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

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

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

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

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


後製:圖層組合特效適用時機

圖層組合特效就是建構視覺焦點如封面或首頁主圖最後呈現的效果。常有 2 種應用:

1. 主圖組合、並混合物件。

2. 前後景或多重景組合。經常應用到高級的「透明漸層、亮度漸層」效果。

圖層組合重點包括:圖層管理員應用、選取區轉成物件、多元物件綜合處理,圖層效果設計/物件內容設定、前後景或多重景組合/高級漸層、自訂漸層:漸層編輯器、與多層式陰影設計法等。

主圖組合、並混合物件

混合指當圖層重疊時,顏色效果的變化。

圖層管理員

打開右上〈圖層管理員〉圖示。或由命令列:

〉視窗

〉面板

〉圖層管理員

將物件貼上基底影象,在〈圖層管理員〉中,愈上方者,表示愈上方之圖層。

物件旁的眼睛圖示,表示顯示或隱藏該物件。

圖層管理員

將選取區轉成物件

使用選取工具,在基底影象上任意設定選取區。

這裡的目的,是要作文字的圖底。

〉選取區

〉轉成物件

圖層管理員

物件自動加入圖層管理員

對新增物件作處理,此處是以填充工具填色。

圖層管理員

圖層組合成果

逐步加上文字,也會成為物件,再加框與其他裝飾物件,最後成果如下。

注意物件的順序,上方可遮住下方。

圖層組合


圖層效果/物件內容

所有圖層均可經由〈物件內容〉修改其視覺效果。

圖層圖示右鍵〉內容

出現〈物件內容〉對話框:

圖層效果/物件內容

〉合併

即各種填充效果,如「填充多重調色法」。

〉透明度

0:不透明

99:完全透明

〉透明色彩

指定專色變成透明,如本例之:R:130, G:90, B:150

〉相似性

與以上專色,RGB:0~255 範圍內之色彩,也會變成透明。

〉柔邊

可更改數值

PhotoShop 與 PhotoImpact 比較Photoshop 與 PhotoImpact 比較

Photoshop 圖層效果

Photoshop 的圖層效果在圖層面版上:

〉視窗

〉圖層

圖層混和模式

Photoshop 的圖層組合,提供「圖層混和模式」效果,同 PhotoImpact 的〈合併〉:

〉視窗

〉圖層面板(通常預設為顯示)

tap〉圖層(預設為顯示)

pull-down〉種類

pull-down〉混合選項:預設為「正常」,即沒有特效;下拉後,即可對所選圖層作各種特效。

Photoshop 的「圖層混和模式」,也預設上下圖層的組合效果,包括:

先來瞭解混合模式的基本邏輯。

1.基本:不與其他圖層混合。

2.更暗:白色=透明,除了白色(255.255.255)以外的顏色皆會在相疊時使底層影象變暗。

〉色彩增值(Multiply/正片叠底) :白色=透明,除了白色之外的顏色都會因為減色法而使底層影象變暗。

3.更亮:與變暗類相反。黑色=透明,除了黑色(0.0.0)之外的顏色皆會因為加色法使底層影象變亮。

〉濾色(Screen) :黑色=透明,除了黑色之外的顏色都會因為相疊而使影象變亮。

4.對比:中間灰=透明,比中間灰亮者套用變亮類,比中間灰暗者套用變暗類。

〉覆蓋(Overlay/叠加):中間灰消失,比50%灰還暗就套用"色彩增值",比50%灰還亮就套用"濾色"。

5.差值:兩層相減,達到類似負片的效果。

6.色彩:利用色相、飽和度、明度來控制混合效果。

其混和效果,可參考此連結或備分。


前後景或多重景組合/高級漸層

經常應用到高級的「透明漸層、亮度漸層」效果。

雖然這項 Photoshop 與 PhotoImpact 均可作,但以Photoshop 較方便,示範如下。

PhotoShop 與 PhotoImpact 比較Photoshop 與 PhotoImpact 比較

透明漸層.亮度漸層 組合法

原稿:前景:觀海女子。

前後景或多重景組合

背景:擬置換為舊金山灣區。

前後景或多重景組合

Photoshop 的技巧就是使用圖層遮色片。採用「透明漸層」使原來不同的水色可以融接。而2圖原來光線有些不一致,而「亮度漸層」的效果,就是對背景加入透明度低的「黑白漸層」,就可以統一光線的方向。

「透明漸層」技巧:使用不同透明度、與不同寬度,多作幾道,效果更自然。同時,原始背景圖片不能太小,否則組合不佳。

而主體的觀海女子,必須先去背出來、放在背景之上,才不會被遮蓋,並能保持頭髮飛揚。

前後景或多重景組合

黑白漸層 + 遮色片組合法

在遮色片上,使用黑白漸層,效果優於手繪。

單色背景 + 漸層前景 覆蓋組合法

在單色背景圖層 (mono) 上方加1圖層,繪上漸層色,作為前景。

注意:在〈混合模式〉中,選擇:覆蓋。透明度亦可調整。

單色背景 + 漸層前景 覆蓋組合法

自訂漸層:漸層編輯器

自訂漸層可使用漸層編輯器。

在漸層屬性列的「漸層範本」上按一下〉出現漸層編輯器,可作色帶設定、或數字設定。

自訂漸層:漸層編輯器

1. 色帶下緣是色標設定,按一下可新增,拖走可移除。

2. 按住色標鈕,可設定顏色。

3. 色帶上緣是透明度設定。

4. 自訂名稱。

5. 確認後,出現在範本中。

漸層編輯器高階應用:黃金色

「黃金色」在數位設計中之所以難以定義,是因為現實中的黃金包含金屬光澤(Specular Highlights)與環境反射,而單一色塊(Solid Color)只能模擬其「固有色」。

根據不同的視覺需求,以下是幾組最接近黃金色的數值:
1. 標準「金幣黃」 (Classic Gold)
這是最穩妥、大眾認知度最高的金色,常用於 UI 按鈕或獎牌圖示。
Hex: #FFD700,RGB: (255, 212, 0)
特性: 飽和度極高,視覺感偏向剛鑄造好的新金幣。

2. 「金屬金」 (Metallic Gold)
這組數值稍微降低了飽和度,增加了一點點紅色調,模擬真實金塊在室內光下的色澤。
Hex: #D4AF37,RGB: (212, 175, 55)
特性: 顯得較為沉穩、優雅,常用於標誌設計或邊框,比「金幣黃」更具高級感。

3. 「老金/古銅金」 (Old Gold)
模擬具有歷史感、稍微氧化後的黃金。
Hex: #CFB53B,RGB: (207, 181, 59)
特性: 帶有一點點綠/褐色調,適合作為藝術作品中的背景色。

4. 如何在 PS 中讓色塊「更像」黃金?

使用漸層技術 讓色塊「更像」黃金

要做出「黃金」質感,關鍵在於分區處理與漸層。

漸層設置 (Golden Gradient)

黃金的視覺特徵是「高反差」。在 PS 中建立一個漸層,依序加入以下三個顏色:
亮部: #FFFACD (亮檸檬綢色)
中間色: #D4AF37 (金屬金)
暗部: #8B6508 (深金褐)

加入「雜訊吻合」

黃金表面若完全平滑會像塑膠。
在黃金色塊上,建立一個 「雜訊層」(約 1.5% 單色雜訊)。
這種微小的顆粒感能模擬金屬表面的微觀不平整,讓反光看起來更真實。

如果是「高對比科幻」的影像風格,黃金通常不是作為主色,而是作為「勾邊」或「高光」出現,RGB 值可以稍微調高 R (紅色) 的比例。

增加對比 

在金屬質感(尤其是黃金)的處理中,這種在中間色附近製造「突變」的手法,能模擬金屬表面極窄的高反差反射(High-contrast reflection),讓材質從「平滑的黃色」瞬間產生「堅硬的閃光感」。

加入 45%(極亮) 與 55%(極暗) 的數值,形成黃金高反差漸層,稱為:五點式數值建議位置 (Location)。

0%基底暗部#8B6508(139, 101, 8)深沉的黃金陰影
45% (新加入)極亮閃光#FFFFFF(255, 255, 255)模擬光線直接反射的「高光點」
50%固有色#D4AF37(212, 175, 55)黃金的標準金屬色
55% (新加入)深邃折射#5D4305(93, 67, 5)模擬金屬邊緣的「環境深色遮蔽」
100%亮部銜接#FFFACD(255, 250, 205)

在 45% 加入純白,會在金色的轉折處產生一道「銳利的亮邊」。
55% 的深褐 (#5D4305): 這在美術上稱為「明暗交界線」的加深。緊鄰著高光的深色,會利用視覺對比讓高光顯得更亮,進而產生「拋光金屬」的堅硬質感。

調整「中點」 (Location):

在漸層編輯器中,兩個色標之間有一個小菱形(中點)。您可以將 45% 與 50% 之間的小菱形向 45% 靠近,這會讓亮部過渡更乾淨俐落。

角度調整 (Angle): 如果是處理「文字」或「橫向物件」,建議將漸層角度設為 90度 (垂直) 或 135度 (斜角),金屬感會比水平漸層更自然。

增加這兩個點,本質上是在人工製造「光學瑕疵」。在物理世界中,絕對完美的漸層是不存在的,這種極亮與極暗的並列(Juxtaposition),正好擊中了人類大腦辨識「硬質表面」的心理閾值。


陰影設計

陰影設計可分為「美工繪圖陰影設計」和「影象照片陰影設計」2類。

美工繪圖陰影設計

Photoshop 的美工繪圖陰影設計在:

〉圖層

〉圖層樣式

除了陰影,還有多種效果設計。

影象照片陰影設計

以上的陰影,對影象照片而言,太「硬」了,不夠自然。

尤其在去背、換背景時,如果直接將原始陰影複製到新背景,邊緣很不自然;地面色彩不同時,效果更不佳。

3層式陰影設計法

影象照片可用 3 層式陰影設計法,即:

主體-背景-陰影

主體:以去背產生。如去背後仍有邊緣白點,可縮小邊緣。參考值為:圖高 1000ps,則縮小 5%。

陰影:選取陰影,與直接相連的部分部位,如「腳」;用「羽化 12px」以上選取。其他事後羽化工具(如〉選取〉修改〉羽化),效果遜一籌。

如去背後仍有邊緣白點,可直接將全部主體當陰影。

〉影象〉調整

〉HSV:S 飽和度約 -90 以下,V 亮度通常加亮至 60 以上。

背景:

〉圖層混和模式:色彩增值。

綜合調整:陰影如果還是太強,可降低「不透明度」。

4層式陰影設計法

如去背後仍有邊緣頑固白點,可在主體後加1層「模糊主體」,高斯參數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世代公共服務新聞宣言
虛擬整合校園虛擬整合校園
請將連結不到網頁的網址,寄給統雄老師,謝謝!連結不到網頁

請按此,至友站列表。並歡迎同好加入友站。