最新多媒体设计教学课件.ppt

多媒体设计多媒体设计 人類傳播時代進化過程視覺媒體(洞壁上面的繪畫)聲音媒體(非洲土人利用聲音傳遞訊息)文字媒體(文字、紙張、印刷術)大眾傳播時代(無線電、廣播、電視、人造衛星)多媒體傳播時代(文字、圖像、聲音影像、動畫和錄影結合成不同的多媒體系統，例如：網際網路) 檔案大小:指檔案佔硬碟空間的大小，以KB或MB計算 影像大小 :指檔案的尺寸大小，通常以 Width (pixel) x Hight (pixel) 表示 像素、圖素（ Pixel ）：專指電腦圖像上的映像點 解析度(Resolution) :指檔案的品質程度，通常以 dpi (dots/inch 或 pixel/inch) 表示 預設值通常為 72 dpi(適用於browser、HTML authoring program，不適用於平面輸出) 影像模式 : 以對影像顏色處理的方式不同，可分為RGB Color、CMYK Color、Indexed Color 、Grayscale 檔案格式(File format): 以對檔案儲存處理的方式不同，可分為PSD、GIF、TIFF、JPG、EPSJPEG (Joint Photographic Experts Group):對同一張影像進行不同程度的壓縮，再依據壓縮品質來取捨 適用於照片或複雜的連續色調繪成影像影像需先轉成RGB的模式，才能存成JEPG的檔案格式 檔案所佔的記憶體很少GIF( Graphical Interchange Format):只能呈現256色，適合用於線條或單純顏色所構成的圖案256色的彩色圖檔，又稱索引色(indexed Color)圖檔，因為每張256色圖檔裡面，都會紀錄著一個調色盤 支援透明度，允許將圖像裡面的一種或多種色彩指定成透明色，做出除去背景的效果 具有動畫效果，也就是在同一個檔案裡面包含數張圖像，讓依據所指定的延遲時間交替播放圖檔格式JPG/JPEGGIF彩色範圍全彩16色、256色附加功能無透明背景、動畫影像失真失真式壓縮無失真式壓縮法適合場合真實世界的影像，其影像的特徵是全彩的，有連續色調，而沒有明顯的邊緣線。顏色有限。只要是以漫畫圖案或線條為主的建築結構圖或色塊處理的手繪圖為主可攜式網路圖形檔案，使用的是非破壞式(loseless)的壓縮方式 具備JPGGIF 兩種格式優點能儲存全採影像，也能紀錄256色圖片的色盤 即使再壓縮影像時使用這種格式，也不會造成影像品質的損失 可在不同的電腦平台自動調整影像的亮度 少數瀏覽器支援(windows版的IE6.0瀏覽器僅支援GIF) 無法製作動畫(可輸出至flash製作動畫)PSD：是photoshop的圖檔格式，此圖檔格式的特色是每個物件皆為一個圖層，因此整個影像的形成即是由各個圖層的影像所構成。*photoimpact可以開啟psd圖檔，且能保持圖檔的圖層關係。TIFF：是一種高品質的全彩圖檔且能支援CMYK色彩，因此一般支援印刷列印的排版軟體都有支援此圖檔格式。(圖檔很大不適用於網頁上)。BMP:是for Windows的通用圖檔格式，一般掛在Windows內使用且能插入圖片的軟體都能開起此圖檔。(支援全彩，常被運用於製作桌面影像，但不支援CMYK 分色功能，不適用於印刷，且檔案較大亦不適用網頁)EPS：(Encapsulated Postcript)是排版軟體常用的格式，可被向量繪圖軟體接受，可與Illustrator、Pagemaker 及Quark Xpress等軟體作檔案轉換。 數位色彩：透過電腦來收發信號，然後利用周邊裝置使色彩重現。光碟機放映vcd的影像顏色透過掃描器輸入的照片顏色透過顯示器和印表機所表現的顏色等等。 在數位環境下，各種周邊裝置都能和電腦連在一起使用，光源色和物體色的特徵全部都能共存而互相影響。 色彩三要素：光源(光線)、物體和人顏色的種類：光源色、物體色光源色：本身可發出光線的光源(日光、螢光燈) 內部散發光線的裝置(電視、電腦)物體色：光線投射在某個物體後，透過反射後所顯現的 顏色。(蘋果在波長中只有反射紅色的波長) 原色：不能從其他基本的顏色混合出來的顏色，光源原色和物體原色種類不同於創造的顏色混合原理不同。 光源三原色：紅、綠、藍 顯示器影像色彩 加法原理(以不同數量的光線加上去而混合成的) 紅、綠、藍基本顏色混合所產生的顏色，稱為RGB色系或RGB色空間 物體三原色：紅(Magenta)、黃(Yellow)、藍(Cyan) 印刷色彩 減法原理(藉由物體色的物理特性產生混合原理)對於顏色的感覺以心理面和顏色的體系實用面的眼光來看，一個顏色有三個屬性： 色相：所謂的色相就是指不一樣的顏色，像紅、黃、藍不一樣的三原色會因為波長不同的光線，而產生出不一樣的顏色。 明度：色彩明或暗的程度，光的反射和吸收的程度就產生明度的差異。通常亮色系的顏色明度較高，而暗色系的顏色明度較低。 彩度指的是色彩的強或弱。最純粹與原來顏色相近的顏色混合時，彩度較高。相反的和多量的白色或黑色混合時，所產生的顏色彩度較低。依電腦內部對顏色處理的模式可分： RGB三原色： RGB色彩模式為PC的預設影像顯示模式 由R、G、B三個色版組成來表現彩色圖檔影像 每個顏色值都介於0-255之間，其分別於表示顏色的強度值，0代表黑色，255代表白色，於是RGB三顏色，則能表現出1667萬色，此色彩就稱為全彩 非RGB影像需先轉換為RGB影像採可以編輯 CMYK四色印刷： 由青Cyan，洋紅Magental，黃Yellow，黑Black四個色版組成來表現彩色圖案影像，為印刷的油墨色因此稱之為印刷四顏色 螢幕上的影像必須轉為此模式印刷於紙張上，為印刷輸出模式 Index color索引色： 由一個256色的索引色表(Index Color Table)所成的彩色圖檔影像 不同的圖檔將選用不同的索引色表，GIF與PNG圖檔都有支援索引色彩。 常用於BBS及WWW網路上傳輸 Grayscale灰階: 由單一色版組成(色版數值由0到255)來表現灰階圖檔影像 其每個像素皆使用8或16位元來記錄色彩資訊，擁有一個亮度值 每個像素都使用256深淺不同的灰色來顯示影像的色彩模式 網頁色彩呈現之不同因素 顯示器、電腦的作業系統、電腦的等級、瀏覽器的不同 善用網頁216安全色 由紅、綠、藍的數位訊號以0,51,102,153,204,255再現的顏色依照6X6X6所組合成的，共有210種有彩色和6種無彩色共同組合所完成的。 216安全色是安全的調色盤，在不同的作業系統下，可使原色重現。 色碼表多媒體製作是在電腦螢幕上呈現視覺畫面 觀者要學習電腦畫面上看見訊息(認知心理學、訊息處理模式) 多媒體製作者要瞭解觀者see的能力，以設計使人易懂的畫面，協助觀者看見訊息一個賞心悅目的視覺呈現有賴於設計者的創意(idea)、表現技巧(technique)、編排(lay-out)能力。http:/ 強調輕鬆、好玩的視覺的過程-觀者從一個起點開始一路進展下去，斟酌這些原則是如何共同運作，自然瞭解整個面貌。這整個觀賞的過程稱之為視覺過程。視覺原理-人在視覺上的共通性稱為視覺原理，對於相同的事物如以適當的時間和空間呈現，則會產生視覺的連結，而產生事物運動之知覺。視覺經驗-觀賞者的視覺經驗越豐富，他從設計者創造的視覺形式所得的量也越大。 目前許多國內設計的電腦螢幕視覺呈現是依賴設計者的感覺、或者多年的實務經驗來完成。 對多媒體初學者來說感覺很難捉摸， 經驗更是殘酷。 平面設計編排構成原理，可幫助初學者，甚至對設計師而言，在其缺乏感覺的時候，還能創作出具水準的作品。 平面設計編排構成原理 大小的對比 -圖與地 -導線 明暗的對比 -平衡 -型態的意象 粗細的對比 -對稱 -水平線 曲線和直線的對比 -強調 -垂直線 質感的對比 -比例 -陽晝、陰晝 位置的對比 -韻律感 -留白量 主與從的對比 -左右的重心 -版面率 動與靜的對比 -向心與擴散 -螢幕上字的大小 多種的對比 -jump率 起與受 -統一與調和24 结束语结束语