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