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

數位圖片檔案轉換
Digital Graphic/ Imaging Files Transfer

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

此3實作目標包括:

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

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

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

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

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

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


數位圖片檔案的類型

數位圖片檔案的類型包括:系統檔、 有限色數之gif 檔,與全彩之jpg 檔。

File may need transfer into different format or image types.

系統檔 Transfer files into ufo (object) files

PhotoImpact 的系統檔是.ufo,通常作為保留各種編修過程,以便再製作時使用。

It is a good idea that transfer original material files into ufo files before advanced post production. After saving the modified, desired files, you may keep the ufo files for further modification.

有限色數之 gif, png 檔 與全彩之 jpg 檔

gif 檔強調線條、即美工繪圖的表現,而 jpg 檔有色彩優勢,適用影象照片。

gif 具備透明檔、與可作動畫檔優勢。png檔則是改善gif,以作為適合網路傳輸的格式,具備未來性。

PhotoShop 與 PhotoImpact 比較Photoshop 與 PhotoImpact 比較

在 Photoshop 中,系統檔為 psd,在儲存時雖有預設,仍然必須點選,否則副檔名會消失,再開啟有可能發生問題。

PI 可以輸出 PS 系統檔,亦為優勢。


檔案、影象類型轉換

數位色彩設計實作請將以下輪廓配彩色。

結果發現,無法進行。

理由與解決方案如下。

當前各種影象處理軟體編輯,預設對象都是全彩類型,遇到非全彩類型,便無法從事全彩編修。

以下原始檔案之影象類型為灰階,應先轉換為全彩。

影象類型轉換步驟: 

〉格式 (12 版以前,X3 以後為 〉調整)

〉影象類型

〉RGB 全彩 

 

gif 檔案適合表現線條與色塊。

在某些設計考量時,可能把全彩改為黑白、灰階檔如連結。


gif 透明檔案實作

panda 

在繪圖軟體中開啟,會發現是透明檔,其特性是由物件組成。

有利於未來作組合、重疊物件。

先將其轉為全彩檔案。

必須以「挑選工具」,挑選「物件」,才能對該物件編輯。

填充色彩後,如果使用選取工具作部分選取,如只選眼部,將發現無法選取。

必須點選「在物件上選取」,才可繼續編修。

再另存新檔,將發現,只存到選取區,且為透明基底。

另外,也練習「移動圈選框」。

png 網路可攜檔比較實作

以下2隻貓是網路可攜 png 檔,其一為透明、另一為不透明檔案。

數位色彩設計實作

數位色彩設計實作

透明圖層設計

除了透明檔案外,各圖層也可以設計不同的透明效果,見:「圖層效果/物件內容」。

PhotoShop 與 PhotoImpact 比較Photoshop 與 PhotoImpact 比較

索引色

在 Photoshop 中,gif, png 的非全彩類型,稱為「索引」,是不易了解的中譯。

進一步處理,應先轉換為全彩。

Photoshop 影象類型轉換步驟: 

〉影象

〉模式

〉RGB 色彩 

png 輸出 

在 Photoshop 中, png 的壓縮選項 "無/快速"和"最小/緩慢",也是不易了解的中譯。意思是:

無/快速:無壓縮,在 PS 中處理很快。

最小/緩慢:將檔案壓縮到最小,在 PS 中處理緩慢。不過,除非檔案巨大,並不會覺得慢;而較小的檔案,不必選此項。


各種筆刷的應用

利用各種畫筆,為你的愛車加上圖案,也可以修改配件。

數位色彩設計實作

〉筆刷工具

選擇筆刷形式

在上方的屬性列中,點開最右邊的「顯示工具設定」按鈕。可設定:形狀與色彩。

選項1:間距

筆尖移動時,每2點之間的間距。

筆刷工具注意:設定太寬時,會形成不連續線;最寬時,只能「點狀」繪圖。

選項2:透明度

0 為不透明,100為全部透明。這在圖形組合時,非常重要。

 

PhotoShop 與 PhotoImpact 比較Photoshop 與 PhotoImpact 比較

在 Photoshop 中,筆刷的設定有多處:

〉屬性列尺寸選單:筆尖預設為圖形,在此調尺寸與硬度。

〉屬性列向下箭頭:出現「筆刷樣式面版」。

其選項「沒有樣式」,其實為「紊亂樣式」。面版右側有「工具圖示」(齒輪)。

筆刷樣式面版〉筆刷樣式面版

進階使用。可新增筆刷樣式,或重組預設集。

〉屬性列筆刷面版:可在此設定各屬性。包括:尺寸、硬度與間距…。

筆刷工具注意:設定太寬時,會形成不連續線;最寬時,只能「點狀」繪圖。

以上各處設定會有交互作用,非常不直覺,要特別注意。

另有第三方提供各種筆尖檔:.abr 檔,可作為「印章」使用。其存放路徑為:

C:\Program Files\Adobe\Photoshop\Presets\Brushes

或可在筆尖的「工具圖示」(齒輪):

〉載入筆刷

筆刷工具

Photoshop 有些第三方機構,提供了許多筆頭範本,副檔名為 .abr。


幾何與向量繪圖應用

注意:向量繪圖所得為「向量物件」,不可直接作局部修改,必須全部與基底合併,或另存為點矩陣檔案後,才能局部修改。

數位色彩設計實作加上各種幾何斑點。

〉幾何繪圖工具

〉路徑繪圖工具(實心)

可在上方屬性列,作以下設定:

    〉幾何形

    〉任意形

    〉多邊形

〉輪廓繪圖工具(空心)

繪製空心形狀

〉線條與箭頭

〉路徑編輯工具

可以修改以上已路徑繪圖的細節,更自由化。

PhotoShop 與 PhotoImpact 比較Photoshop 與 PhotoImpact 比較

Photoshop 為了達成許多細膩、也可以說瑣碎的設定,許多應用並不直覺,增加許多步驟。

Photoshop 形狀工具

Photoshop 形狀工具就是向量繪圖。

5分鐘get!超詳細的PS形狀工具用法大全!|Photoshop入門指南33「小北Design」 (youtube.com)

掌握好圖形的布爾運算,畫圖標事半功倍!|Photoshop入門指南34「小北Design」 (youtube.com)

直線工具>箭頭工具

〉形狀工具

〉直線工具

注意:要先設定「屬性」再畫線,否則會出現空圖層。

同時,屬性設定有許多名稱重複,但實質不一定有作用的設定,必須注意:

填滿〉面積色

筆觸〉邊框色

工具圖示(齒輪)〉設定箭頭在直線之起或末,通常設「末」。

寬度〉這才是設定箭頭的尺寸處。

按 <Shift> 畫:可畫水平、垂直、或45 度角。

智慧型物件﹦向量物件

Photoshop 的向量物件,稱為智慧型物件,與點陣物件可互轉。

智慧型物件編輯

〉圖層

〉智慧型物件

〉編輯內容

然後會產生另一個編輯後的點陣檔案,而編輯後的點陣物件,會在原檔案中取代原物件。


數位圖片檔案的類型gif 檔 轉jpg 檔 Transfer low-color gif into full/true color

12 版以前:

〉格式

X3 版以後:

 〉調整)

〉轉換影象類型

同時多1個選項:

〉轉換成新影象

亦即轉換成新檔案

通常選擇此選項。

If the original material is gif, transfer it into true color file before modify it. Otherwise the modification will loose color depth, and many tools may not be functioning.

PhotoImpact advanced

jpg 檔 轉gif 檔 Transfer jpg into gif

It is not able to directly transfer a jpg file into a transparent gif file.

Use Magic Stick to select the desired object and rule out the white area.

PhotoImpact advanced

gif 透明檔

gif 透明檔是一個優勢。

Open a new transparent file that is a little bit larger than the source file.

PhotoImpact advanced

Copy the desired object into the new file and save it into gif file.

PhotoImpact advanced

gif 黑白、灰階檔

在某些設計考量時,可能把全彩改為黑白、灰階檔。

而轉換為黑白,有〈半色調網點〉選項,又有幾種選擇:

原稿

gif 黑白、灰階檔

〈半色調網點〉選項:無

gif 黑白、灰階檔

〈半色調網點〉選項:分散

gif 黑白、灰階檔

〈半色調網點〉選項:各種幾何形,以下範例為圓形。

gif 黑白、灰階檔

gif 動畫檔

gif 動畫檔是另一個優勢。

本部分將另以「gif 動畫設計」系列專篇介述。

png 網路可攜檔

png 是可攜式網路圖形(Portable Network Graphics,PNG),一種無失真壓縮的點陣圖圖形格式,支援索引、灰度、RGB三種顏色方案以及Alpha通道等特性。

 png的開發目標是改善並取代GIF作為適合網路傳輸的格式,而不需專利許可,所以希望被應用於網際網路及其他方面上,被認為是有未來性的檔案格式。

PNG另一個非正式的趣味名稱,來源為遞迴縮寫:「PNG is Not GIF」。


習作:使用各種各種筆刷,幾何與向量,創作1幅簡單「透明檔」圖

回頁首 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