計(jì)算機(jī)圖形學(xué)實(shí)驗(yàn)指導(dǎo)書

計(jì)算機(jī)圖形學(xué)實(shí)驗(yàn)指導(dǎo)書第1頁(yè)，共35頁(yè)，2023年，2月20日，星期四提綱基本概念與基本操作變形動(dòng)畫移動(dòng)動(dòng)畫圖層技術(shù)引導(dǎo)線技術(shù)遮蔽圖層技術(shù)按鈕制作與應(yīng)用影片剪輯交互界面設(shè)計(jì)多場(chǎng)景技術(shù)綜合應(yīng)用動(dòng)畫發(fā)布第2頁(yè)，共35頁(yè)，2023年，2月20日，星期四預(yù)備知識(shí)MacromediaflashMX影片是用于Web站點(diǎn)的圖形、文本、動(dòng)畫和應(yīng)用程序。它們主要是由矢量圖形（壓縮的矢量圖形）組成。（矢圖與位圖特點(diǎn)舉例）flash文檔具有.fla文件擴(kuò)展名的文件，它包含開發(fā)、設(shè)計(jì)和測(cè)試交互式內(nèi)容所需的所有信息。Flash文檔并不是在flashplayer顯示的影片，需將FLA文檔發(fā)布為flash影片，其擴(kuò)展名為swf，其中只包含顯示影片所需的信息。1、動(dòng)畫原理視覺(jué)暫留：人眼特性，一般時(shí)間為1/12到期/16秒。電影放映速度1/24秒,flash動(dòng)畫效果較電影和電視的要求低，放映速度系統(tǒng)缺省只有1/12秒。2、flashMX中動(dòng)畫文件的結(jié)構(gòu)

flash結(jié)構(gòu)也分多層：flashMX文件（影片）一個(gè)或多個(gè)場(chǎng)景一幀或多幀一個(gè)或多個(gè)圖層一個(gè)或多個(gè)實(shí)例。（舉例說(shuō)明）3、舞臺(tái)和工作區(qū)創(chuàng)作影片中各個(gè)幀的內(nèi)容的區(qū)域，可以在其中直接勾畫插圖或?qū)氩鍒D。第3頁(yè)，共35頁(yè)，2023年，2月20日，星期四基本概念（1）時(shí)間線和關(guān)鍵幀（Keyframe）在Flash中，一般的動(dòng)畫都是依靠時(shí)間線和關(guān)鍵幀來(lái)實(shí)現(xiàn)的，用戶只需要給出一個(gè)對(duì)象的幾個(gè)關(guān)鍵動(dòng)作，在時(shí)間線中生成關(guān)鍵幀，系統(tǒng)即會(huì)根據(jù)需要在各個(gè)關(guān)鍵幀之間自動(dòng)插入平滑的動(dòng)畫。(一幅靜止的圖片就是一幘，關(guān)鍵幀中是灰色的代表一般幀，由電腦自己形成的，一般幀上有一行箭頭代表此圖層中有漸變，幀中是白色的代表空白幀，和動(dòng)畫無(wú)關(guān)。）（2）層（Layer）Flash中使用了層的概念，不同角色的對(duì)象可以出現(xiàn)在不同的層面上，而互相之間并不干擾，這樣便于用戶對(duì)不同的對(duì)象作不同的修改。（3）場(chǎng)景（Scene）在Flash中，可以分成多個(gè)場(chǎng)景，在制作復(fù)雜動(dòng)畫時(shí)，可以借助多個(gè)場(chǎng)景，而且場(chǎng)景之間可以自由切換。第4頁(yè)，共35頁(yè)，2023年，2月20日，星期四時(shí)間線和關(guān)鍵幀時(shí)間線是用于組織和控制影片內(nèi)容在一定時(shí)間內(nèi)播放的層數(shù)和幀數(shù)。其主要組件是圖層、幀和播放頭。關(guān)鍵幀：關(guān)鍵的畫面，即此幀在整個(gè)動(dòng)畫中非常關(guān)鍵，如動(dòng)畫中的起始或終止幀。圖層就像是相互重疊的透明紙一樣，可以使各對(duì)象保持相對(duì)分離。注：幀是管理時(shí)間的，圖層是管理空間的，一幀中可以有多個(gè)圖層。第5頁(yè)，共35頁(yè)，2023年，2月20日，星期四基本概念（4）組件（Symbol）與圖庫(kù)（Libery）在Flash中所有的動(dòng)畫都可以被抽象為組件，所有組件都被存放在圖庫(kù)中。圖庫(kù)中的組件可以是圖像、聲音或動(dòng)畫片段，可以被任何Flash動(dòng)畫文件無(wú)限制地重復(fù)調(diào)用。每個(gè)Flash文件都有自己的組件庫(kù)，也可以使用其他Flash文件的組件庫(kù)。（5）按鈕（Button）組件在Flash中，我們可以通過(guò)指定按鈕的各種屬性，包括正常按鈕，鼠標(biāo)掠過(guò)時(shí)畫面，按下時(shí)畫面，而非常容易的制作各種動(dòng)態(tài)按鈕。第6頁(yè)，共35頁(yè)，2023年，2月20日，星期四基本概念矢量圖是使用直線和曲線描述的圖像，同時(shí)包括圖形顏色和位置的屬性。如矢量橢圓是通過(guò)描述橢圓的輪廓線來(lái)給出它的形狀，而整體的顏色則是由輪廓邊緣的顏色和輪廓內(nèi)區(qū)域的顏色確定的。所以編輯矢量圖時(shí)，盡管改變橢圓大小、位置和形狀，而只要確定了橢圓的輪廓線及線內(nèi)的對(duì)象，就不會(huì)影響最后瀏覽的效果。這意味著矢量圖能夠在任何分辨率的輸出設(shè)備上清晰地顯示。

位圖是由像素組成的。使用像素來(lái)描述圖像，計(jì)算機(jī)必須精確地計(jì)算組成位圖的每一個(gè)像素位置和顏色等信息。所以當(dāng)編輯一個(gè)位圖時(shí)，修改的是每一個(gè)像素，而不是直線和曲線，這樣就會(huì)影響最后輸出的質(zhì)量。尤其當(dāng)像素較低的圖像被放大輸出時(shí)，圖像的邊界會(huì)很粗糙。返回第7頁(yè)，共35頁(yè)，2023年，2月20日，星期四Flash的基本操作矢量畫圖的基本要領(lǐng)：（1）工具欄和工具箱的使用（基本技能）（2）動(dòng)畫的編輯：掌握放大、縮小、拉伸、旋轉(zhuǎn)等編輯方式（3）顏色填充：Flash中提供了透明色、梯度色的填充（4）變化功能的應(yīng)用第8頁(yè)，共35頁(yè)，2023年，2月20日，星期四變形動(dòng)畫變形動(dòng)畫是指圖形或字體形狀上變化過(guò)程的實(shí)現(xiàn)。注意事項(xiàng)：實(shí)現(xiàn)形變過(guò)程的多個(gè)圖形，必須是導(dǎo)入的矢量圖格式文件或由FLASH工具箱中的工具繪制成的圖形Enter或Ctrl+Enter可查看動(dòng)畫效果第9頁(yè)，共35頁(yè)，2023年，2月20日，星期四基本變形動(dòng)畫逐禎動(dòng)畫：影片制作技術(shù)（exp1,exp2)基本幾何變形動(dòng)畫：exp3exp4exp5exp7文本變形動(dòng)畫：exp9exp8exp12圖形組件的變形動(dòng)畫：exp10exp11第10頁(yè)，共35頁(yè)，2023年，2月20日，星期四移動(dòng)動(dòng)畫幾何圖形移動(dòng)：exp13文本動(dòng)畫：exp14圖形組件的移動(dòng)動(dòng)畫：exp15exp16第11頁(yè)，共35頁(yè)，2023年，2月20日，星期四圖層技術(shù)圖層與幾何變形：延伸線1.FLA圖層與圖形組件：4球體移動(dòng).FLA圖層實(shí)現(xiàn)文字動(dòng)畫文字飛入特效.fla第12頁(yè)，共35頁(yè)，2023年，2月20日，星期四引導(dǎo)線技術(shù)基本：5引導(dǎo)球體移動(dòng).FLA高級(jí)：注意：在拖動(dòng)中一定要使小球的中心位置在曲線上，才能使小球按指定的軌跡運(yùn)動(dòng)，運(yùn)動(dòng)的軌跡并不顯示出來(lái)。第13頁(yè)，共35頁(yè)，2023年，2月20日，星期四遮蔽圖層技術(shù)基本：6遮蔽.FLA高級(jí)：放大鏡.FLA遮蔽就是在FLASH制作過(guò)程中相鄰的兩層或多層之間的屏蔽。第14頁(yè)，共35頁(yè)，2023年，2月20日，星期四按鈕制作與應(yīng)用基本按鈕制作：按鈕1.FLA特殊按鈕：1彈出框.FLA按鈕應(yīng)用：按鈕2.FLA聲音控制：聲音控制.FLA第15頁(yè)，共35頁(yè)，2023年，2月20日，星期四影片剪輯基本按鈕制作：拖拽.fla綜合：EGGPLANT.FLA第16頁(yè)，共35頁(yè)，2023年，2月20日，星期四交互界面設(shè)計(jì)技術(shù)基本：INPUT.FLA第17頁(yè)，共35頁(yè)，2023年，2月20日，星期四多場(chǎng)景技術(shù)技術(shù)基本：5多場(chǎng)景.FLA第18頁(yè)，共35頁(yè)，2023年，2月20日，星期四綜合技術(shù)一個(gè)對(duì)象一個(gè)圖層只有一個(gè)時(shí)間軸聲音與時(shí)間同步禎的切換場(chǎng)景的切換第19頁(yè)，共35頁(yè)，2023年，2月20日，星期四動(dòng)畫發(fā)布發(fā)布導(dǎo)出(GIFAviMov)RETURN第20頁(yè)，共35頁(yè)，2023年，2月20日，星期四Dreamweavermx概述Dreamweaver簡(jiǎn)介站點(diǎn)建立與網(wǎng)頁(yè)發(fā)布文本的編輯與基本操作初識(shí)HTML代碼圖像的使用表格層的使用交互式表單行為第21頁(yè)，共35頁(yè)，2023年，2月20日，星期四Dreamweaver簡(jiǎn)介Dreamweaver是一個(gè)所見(jiàn)即所得的網(wǎng)頁(yè)編輯器，并帶有站點(diǎn)管理功能，用戶可方便地設(shè)計(jì)和管理多個(gè)站點(diǎn)。1.FTP工具:用它,可將網(wǎng)頁(yè)上傳至服務(wù)器或?qū)⑸蟼魑募螺d,以便更改2.檢查網(wǎng)頁(yè)工具:先在本地站點(diǎn)對(duì)網(wǎng)頁(yè)檢查,如頁(yè)面是否合適再上傳3.解鎖/鎖定功能:鎖定是文件被獨(dú)占4.查找和替換工具5.友好工作界面(上機(jī)介紹)第22頁(yè)，共35頁(yè)，2023年，2月20日，星期四站點(diǎn)建立與網(wǎng)頁(yè)發(fā)布站點(diǎn)建立與管理1.建立本地站點(diǎn):(1)建立一個(gè)新文件夾作為本地根文件夾(2)站點(diǎn)--新建站點(diǎn)第23頁(yè)，共35頁(yè)，2023年，2月20日，星期四站點(diǎn)建立與網(wǎng)頁(yè)發(fā)布站點(diǎn)資源管理:“資源”面板可讓用戶統(tǒng)一管理整個(gè)站點(diǎn)中的各種資源,如所有應(yīng)用的圖片、顏色、鏈接、Flash電影、視頻、腳本語(yǔ)言、模板和庫(kù)等都出現(xiàn)在這個(gè)面板中。第24頁(yè)，共35頁(yè)，2023年，2月20日，星期四站點(diǎn)的上傳用DreamweaverMX自帶的FTP方法上傳用軟件上傳，如CuteFTP4.0

第25頁(yè)，共35頁(yè)，2023年，2月20日，星期四站點(diǎn)的維修編輯站點(diǎn)復(fù)制站點(diǎn)刪除站點(diǎn)RETURN第26頁(yè)，共35頁(yè)，2023年，2月20日，星期四網(wǎng)頁(yè)的組成元素組成元素:文字、聲音、圖像、動(dòng)畫等多媒體元素，或Java、ActiveX控件等特殊效果及交互功能，另外與平面刊物不同的特點(diǎn)：超級(jí)鏈接第27頁(yè)，共35頁(yè)，2023年，2月20日，星期四文字：文字是網(wǎng)頁(yè)的主體，主要用來(lái)傳達(dá)信息。其占用空間非常小。用在標(biāo)題、可適當(dāng)調(diào)整大小、層次和段落中樣式：粗體、斜體和下劃線（最好不用，會(huì)誤認(rèn)為是超級(jí)鏈接）顏色第28頁(yè)，共35頁(yè)，2023年，2月20日，星期四圖形圖形格式：大部分使用JPG和GIF兩種格式，它們除了具有壓縮比例高的優(yōu)點(diǎn)外，還具有跨平臺(tái)的特性。

JPG格式可支持全彩色和灰度格式的文件，而GIF最多只能支持256色的圖片圖形幾種應(yīng)用：背景、主圖第29頁(yè)，共35頁(yè)，2023年，2月20日，星期四超級(jí)鏈接不論文字或圖形，都可加上超級(jí)鏈接，一個(gè)完整網(wǎng)站，至少包括以下兩種鏈接。

1、站內(nèi)鏈接：若網(wǎng)站規(guī)劃多個(gè)主題板塊，必須在首頁(yè)加入超級(jí)鏈接。

2、站外鏈接：外部鏈接到internet。第30頁(yè)，共35頁(yè)，2023年，2月20日，星期四頁(yè)面的創(chuàng)建和保存創(chuàng)建新空白頁(yè)面打開一個(gè)已存在的HTML文件注意：不能直接將WORD文檔（.doc）導(dǎo)入Dreamweaver中，必須先在word中將文件保存為HTML文件格式，再在Dreamweaver中導(dǎo)入?；谀０鍎?chuàng)建新頁(yè)面（1）文件—新建，切換到“模板”選項(xiàng)卡（2）在對(duì)話框中選擇一個(gè)模板，單擊“創(chuàng)建”當(dāng)基于模板創(chuàng)建文檔時(shí)，文檔某些部分可能被鎖定，不許修改，以保證在站點(diǎn)中不同文檔的一致性，文檔可編輯區(qū)，輸入所需要的內(nèi)容。保存文件默認(rèn)文件類型為.htm或.html第31頁(yè)，共35頁(yè)，2023年，2月20日，星期四文本的插入和編輯在頁(yè)面文檔中插入文本在頁(yè)面文檔中粘貼文本插入特殊字符（文本中其它字符）插入日期插入項(xiàng)目符號(hào)（文本中ol）查找和替換功能（編輯）第32頁(yè)，共35頁(yè)，2023年，2月20日，星期四插入文本列表和分隔線插入項(xiàng)目列表(ul)插入編號(hào)列表(ol)插入分隔線插入—HTML—水平線第33頁(yè)，共35頁(yè)，2023年，2月20日，星期四網(wǎng)頁(yè)屬性設(shè)置網(wǎng)頁(yè)標(biāo)題網(wǎng)頁(yè)的背景圖片及背景顏色

為了照顧網(wǎng)頁(yè)的下載速度，一般很少使用背景圖片，而是給網(wǎng)頁(yè)加上背景顏色。網(wǎng)頁(yè)的文字色彩網(wǎng)頁(yè)的邊距網(wǎng)頁(yè)語(yǔ)種網(wǎng)頁(yè)藍(lán)圖圖片的透明度默認(rèn)為0，不透明度是100。RETURN第34頁(yè)，共35頁(yè)，2023年，2月20日，星期四初識(shí)HTML代碼HTML簡(jiǎn)介

HTML(HyperTextMarkupLanguage,超文本標(biāo)識(shí)語(yǔ)言)是一種描述性語(yǔ)言，它主要通過(guò)標(biāo)簽來(lái)描述不同的內(nèi)容

如：