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

模糊、遮罩/遮色片、色版、像素模糊、馬賽克特效
Visual Design Postproduction Blur and Mask SFX

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

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

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

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

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

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

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


後製:模糊、遮罩/遮色片、色版、像素模糊、馬賽克特效適用時機

模糊特效經常是為了突顯畫面結構的「對比、主從」,把前景或後景模糊,以增強主題的角色。

遮罩特效通常用在調整意涵,把原始圖片的局部物件遮掉,改用其他物件。尤其攝影環境,與焦點視覺的訴求不完全配合時,都會採用模糊、遮罩特效,並與下節的建構圖層組合共同應用,以達成設計的效果。

模糊、像素模糊、馬賽克、遮罩特效又可包括多種作法:

模糊法:優先推薦高斯模糊,其他模糊工具也可視個案採用。

遮罩模糊法:前節的「邊框設計」就是一種預設固定遮罩,本章先介述使用者自設固定遮罩物件與遮罩模式應用,至數位美容整形章,再介述重疊動態遮罩。

像素模糊、馬賽克:在 PhotoImpact 中、與一般常認知的馬賽克,在 Photoshop 中則為1組像素模糊的濾鏡,而包括馬賽克。


模糊、遮罩特效應用範例

例1人像作品,左側太單調,欠缺主題想建立的豪華意涵。

模糊、遮罩特效應用範例

設計使用湖景,以暗示環境在豪華住宅區。

模糊、遮罩特效應用範例

模糊特效:高斯模糊法 Blur SFX : Gauss Method

但湖景原圖太細致,有喧賓奪主之虞,故先將其模糊。模糊方法有很多,最普遍應用的是高斯模糊法。

〉相片

〉模糊

〉高斯模糊

本例選範本4

模糊、遮罩特效應用範例

但也可按:

〉選項

啟用手動設定、與各種效果設定。

PhotoShop 與 PhotoImpact 比較Photoshop 與 PhotoImpact 比較

在 Photoshop 中使用:

〉濾鏡

〉模糊

〉高斯模糊

一般適用的參數為 3px。

模糊特效:光圈模糊法 Blur SFX : Aperture Method

如果要產生長鏡頭式的變焦模糊,就使用「光圈模糊法」。

〉光圈模糊

出現類似圓形選取框可調整範圍,框內為清晰,框外為模糊。

下例採用的參數為 10 px。

本例同時採用了圖層組合,與 3 層式陰影設計。舞者的陰影其實是從樹的陰影選取部分而來,也加了光圈模糊 30 px。

模糊特效:光圈模糊法 Blur SFX : Aperture Method


遮罩特效法 Mask SFX

先設計使用者自設固定遮罩。

使用者自設固定遮罩物件

〉選取〉套索工具:邊緣模糊10

遮罩物件,是指將預訂換掉的面積選取出來。

使用者自設固定遮罩 

選取遮罩物件

右鍵〉(選取區)轉成物件

〉填充

選取範圍設設最大 255

即為全黑 #FFFFFF

另存新檔備用

使用者自設固定遮罩

遮罩特效應用

基底影象〉再製〉作為遮罩影象 Mask。

將背景影象 Background 移到遮罩影象之下。

遮罩特效應用

〉遮罩模式圖示(形狀似面具)

進入遮罩模式,圖層管理員中,只剩遮罩影象。

將遮罩物件,貼到預訂置換背景的區域,該遮罩物件會自動形成紅色。

遮罩特效應用

〉遮罩模式圖示(形狀似面具)

返回正常模式,圖層管理員中,出現各影象物件,但遮罩物件消失不見,而原區域出現新背景。

將各影象物件固定。

遮罩特效應用

遮罩特效「反相技術」應用

視覺設計、尤其在標誌設計經常使用的「變形技術」,也可以使用遮罩特效達成。

譬如,擬設計一張植樹節頂圖。植樹節在提示:樹木、樹人,同時也是為了紀念國父,意涵設計上,應包括樹木與國父的雙重視覺意象。如果樹木採用真實影象,國父就可以考慮具「標誌化」的「圖案、圖示」表現法。

一般的國父經常為彩色影象,如下圖例。先將其改為「圖案、圖示」作品:

〉轉換影象類型

〉黑白

再以「物件橡皮擦」「筆刷」等工具,修飾為標誌化」的「圖案、圖示」,即可作為遮罩物件。

遮罩特效「反相技術」應用 遮罩特效「反相技術」應用 遮罩特效「反相技術」應用

再加上「風格元件」與其他結構物件,得「反相技術」作品完成圖如下:

遮罩特效「反相技術」應用


遮罩模式去背法

遮罩模式去背法係使用以上遮罩模式,先開一個透明檔,把原稿貼上,再將欲保留的輪廓作成一個遮罩,再以「反相技術」去背。

但在輪廓不清時,同樣必須細修。


PhotoShop 與 PhotoImpact 比較Photoshop 與 PhotoImpact 比較

Photoshop 遮色片、色版、像素模糊、馬賽克特效

在 Photoshop 中,遮罩稱為「遮色片」,而大陸稱為蒙版。

遮色片又分為3種選項:「圖層遮色片」與「圖層剪裁遮色片」,另有「快速遮色片模式」。

圖層遮色片:遮罩‧剪裁

Photoshop 在圖層鎖定時,無法加入遮色片!Photoshop 的圖層無法個別剪裁,必須使用遮色片方法!

圖層遮色片,可在圖層管理員下方圖示加入,顯示在圖層旁。

一般程序

使用各種選取工具,然後在「屬性列」

〉調整邊緣

是最佳程序,且可作各種進階處理。

先選取程序

先在圖層上選取範圍,後加入「圖層遮色片」,則立即形成遮罩效果。

圖層剪裁遮色片

Photoshop 在圖層鎖定時,無法加入遮色片!Photoshop 的圖層剪裁遮色片,通常搭配「形狀」方法!

〉形狀

〉自訂形狀工具

注意:前景色必須設定為白色!

在圖層上拉出形狀,可以使用「移動工具」或「上下左右」鍵盤調整位置。

圖層剪裁遮色片

遮罩順序

將圖層拉至上方,因為形狀遮罩限制在下方。 

點選欲作遮罩的圖層

右鍵〉剪裁遮色片

圖層剪裁遮色片

設定後,按「形狀」圖層,還可以換形狀。

圖層剪裁遮色片

遮色片屬性修改

遮色片屬性,可以修改:

〉選取遮色片 + Alt

左方出現屬性 box,可以修改。

範例為:圖層底部遮色片濃度(即不透明度)預設為100%,此處改為70%,以提高作為前景、「色彩增值」的效果。

遮色片屬性修改

快速遮色片

快速遮色片為以繪圖的方式設計遮色片,區域設為黑色 (不透明),選取的區域設為白色 (透明)。以黑色塗繪來增加遮色片區域;以白色塗繪來增加選取區域。選取這個選項時,工具箱中的「快速遮色片」按鈕會變成灰底白色圓形 快速遮色片模式。

選取的區域

將遮色片區域設為白色 (透明),選取的區域設為黑色 (不透明)。以白色塗繪來增加遮色片區域;以黑色塗繪來增加選取區域。選取這個選項時,工具箱中的「快速遮色片」按鈕會成為白底的灰色圓形快速遮色片模式。

Photoshop 在圖層鎖定時,無法加入遮色片!Photoshop 在圖層鎖定時,無法加入遮色片!

色版遮罩設計

在 Photoshop 中,可在〈圖層〉視窗中,改選

TAB〉色板

出現 RGB 模式,然後選擇反差最大者,先降低亮度、增加對比,再加工塗黑成為遮罩。

 

遮罩顯示/隱藏快速鍵

點選〉遮罩 + Shift 


像素模糊、馬賽克特效

在 PhotoImpact 中、與一般常認知的馬賽克,在 Photoshop 中則為1組像素模糊的濾鏡,而包括馬賽克。

先選取欲模糊的區域。

濾鏡 > 像素 > 馬賽克(或其他)

以下範例,由左至右、由上至下,使用的濾鏡為:彩色網屏、殘影、點狀化、馬賽克。

像素模糊、馬賽克特效

 


專業影象軟體

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

回頁首 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排行榜‧全球冠軍