[高等教育]第九章flash網(wǎng)頁動畫設計-閱讀頁
2025-01-30 21:02本頁面
【正文】 一個和最后一個葉片之間。為了讓動畫有播放的時間，因為放到影片剪輯元件中的元件是動畫的形式，需要時間才能有動畫效果，所以選中第 25幀，按 F5插入幀。右鍵單擊圖層 3，選擇“遮罩層” 。注意，設置了影片剪輯的動畫需要測試才能看到正常結果。將百葉窗變成小方格或圓形來實現(xiàn)變化，會得到更精彩的效果。 布置舞臺 ? 導入背景素材 演員化妝 演員化妝 ? 導入曲線素材 ? 選擇菜單“文件 |導入到庫”命令，將素材“大樓 .png”、“大樓線稿 .png”、“大樓輪廓”導入到庫，然后可分別給元件改名為“大樓”、“大樓線稿”、“大樓輪廓”。但要注意新建元件后，需要先把實體大樓拖到元件中作為襯托輔助繪圖，然后將大樓刪除即可。 ? 選擇菜單“插入 |新建元件”，新建圖形元件，命名為“宣傳口號”，使用文本工具輸入“ To Be ”，同樣插入元件“廣告文字”，輸入文字“領跑者，做 IT培訓領跑者”。為了設置方便，注意將坐標（ x， y）設置為（ 0， 0）。將時間軸上“圖層 1”雙擊改名為“背景” 。 進行導演 ? 新建圖層 3，改名為“曲線遮罩”，將元件“矩形”拖動到該圖層，這里設置寬度和高度與曲線相同：寬 858，高 166，坐標 x： 858（在場景右側）， y： （和曲線相同）。 進行導演 ? 在曲線遮罩層第 10幀單擊鼠標右鍵插入關鍵幀，將矩形元件屬性欄中 x坐標值改為 0，使圖形與舞臺左對齊。單擊曲線層第 10幀，單擊右鍵插入幀，同樣在背景層第 10幀插入幀。 進行導演 ? 采用與曲線出場同樣的方法，設置主樓線稿從下向上的出場。 單擊“背景”層，使背景層成為當前層，新建“大樓線稿”圖層。在“大樓線稿”層上面新建“線稿遮罩”圖層，單擊第 10幀插入關鍵幀，將元件“矩形”拖動到該層中，設置屬性，寬度只要超過大樓線稿的寬度即可，使矩形位于線稿的下部。 創(chuàng)建補間動畫，并在其它層添加幀。 在“線稿遮罩”層上方新建“大樓”圖層，單擊“大樓”層第 15幀，插入關鍵幀，將元件“大樓”拖至該幀，設置坐標（ 0， 0）。 進行導演 ? 選擇第 25幀插入關鍵幀，設置屬性中亮度為 0，恢復正常顯示，在第 20至 25幀之間創(chuàng)建補間動畫。注意這幾個關鍵幀中屬性分別為（ alpha=0——亮度 100——正常），實現(xiàn)技巧：可以先分別插入關鍵幀，再修改對象屬性。 在“大樓”圖層上方添加“大樓輪廓”層，在第 25幀添加關鍵幀，將元件“大樓輪廓”拖至舞臺中，設置坐標（ 0，0），這里可根據(jù)輪廓的位置使用方向鍵微調。使其能夠超過大樓輪廓。創(chuàng)建 25至 35幀之間的補間動畫。 進行導演 ? 利用與大樓閃亮登場相同的方式設置人物出場。 進行導演 ? 在人物層第 55幀插入關鍵幀，第 60幀插入關鍵幀，設置 60幀屬性 Alpha為 0，創(chuàng)建 55至 60幀之間的補間動畫。 進行導演 ? 這里將廣告文字安排在人物出場與人物交叉溶解之間。 進行導演 ? 在第 50幀插入關鍵幀，將元件“宣傳口號”移動到如圖位置，創(chuàng)建補間動畫，并在第 80幀插入幀。 進行導演 ? ? 測試之后可以調節(jié)時間的長短來控制動畫的快慢，可以通過拖動關鍵幀的位置來改變速度快慢，或是進行位置的調整?！奔纯??！?這里 10是指從第 10幀重新播放。選擇“文件 |導出 |導出影片”，將文件導出為名稱“ ”文件，進在導出設置中可以設定導出的版本以及加密信息。 排練預演 優(yōu)化動畫 導出后的“ ” 文件是 570k，這是一個難以接受的數(shù)字，影響文件的大小的因素在于導入到庫的圖片文件，需要將圖片文件進行優(yōu)化。同樣方法設置其它圖片，注意大樓和人物的圖片品質應高一些，如 80，并且可從預覽框中看到結果。 舞臺搭建 新建文件，選擇類型為“ Flash ”。修改文檔大小為 1000*29背景顏色為灰色。 舞臺搭建 新建圖層 2，使用矩形工具新建 1個大小為 600*50、邊線顏色為無色、填充顏色為灰色（ 688188）（ R： 104，G： 129， B： 136）的矩形，設置屬性坐標為（ 265，）。使用矩形工具，設置邊線為無色，填充為藍色（ 003366）（ R： 0， G： 51， B：102），使用選擇工具框選矩形，設置寬度 120，高度 220，坐標（ 0， 0）。 插入影片剪輯元件 新建圖層 2，使用矩形工具新建一個大小為 600*50、邊線顏色為無色、填充顏色為灰色（ 688188）（ R： 104， G： 129， B： 136）的矩形，設置屬性坐標為（ 265， ）。此時處于影片剪輯編輯狀態(tài)，將庫面板中“光束 1”拖動到第 1幀。單擊第 1幀，選擇菜單“窗口 |變形”，將寬設置為 1%。單擊第 1幀，創(chuàng)建 1至 10幀之間的補間動畫?！?， 插入導航文字圖形 新建“課程介紹”圖形元件。使用選擇工具框選矩形，選擇菜單“修改 |轉換為元件【 F8】 ”，將該矩形轉化為圖形元件，命名“矩形”。同樣輸入文字“ 01”，大小為 12。 插入按鈕 選擇菜單“插入 |新建元件”，新建“按鈕 1”元件，類型為按鈕，將圖形元件“課程簡介”拖至“彈起”關鍵幀，設置坐標（ 0， 0）。同樣方法插入其它 4個按鈕。 將按鈕 5“課程資源 ”按鈕的 y坐標設置為 ， 使用方向鍵微調按鈕實現(xiàn)右對齊 。 選擇菜單 “ 窗口 |對齊 ” ， 按住Shift單擊每個按鈕選中五個按鈕 ，單擊對齊面板中的 “ 上對齊 ” 按鈕 ，然后單擊 “ 水平居中對齊 ” 按鈕 ，得到如圖結果 。 從左側選擇“瀏覽器 |網(wǎng)絡 |getURL”，設置右側的導航地址 URL為目標網(wǎng)頁，如 “ ”，可以設置打開的目標窗口，如“ _bl
教學課件相關推薦
鄂ICP備17016276號-1