资源描述
按一下以編輯母片標題樣式,按一下以編輯母片,第二層,第四篇動態網頁設計,第10章動畫製作,第四篇動態網頁設計第10章動畫製作,第10章動畫製作,10-1PhotoImpact動畫,10-1-1創意變形,10-1-2 萬花筒填充,10-1-3材質濾鏡,10-1-4動畫工作室,10-1-5顆粒特效,10-1-6水晶與玻璃,10-1-7創意扭曲,10-1-8創意光線,10-2GIF Animator動畫設計,第10章動畫製作10-1PhotoImpact動畫,第10章動畫製作,10-2-1使用動畫精靈建立GIF動畫,10-2-2編輯畫格內容,10-2-3新增橫幅文字,10-2-4加入視訊特效,10-2-5最佳化精靈,10-2-6匯出動畫檔,10-3應用範例-商品特賣會,重點整理,學習評量,練習題提示,第10章動畫製作10-2-1使用動畫精靈建立GIF動畫,10-1PhotoImpact動畫,10-1-1創意變形,特效/扭曲/創意變形指令可以將開啟的影像，利用PhotoImpact所提供的範本作為關鍵畫格而形成動畫，然後將結果轉換成續列影像或GIF動畫。,10-1PhotoImpact動畫10-1-1創意變形,10-1PhotoImpact動畫,10-1-2 萬花筒填充,特效/填充與材質/萬花筒填充提供您將色盤以不同組合方式，來表現動人的材質效果。它和創意變形功能雷同，只要選定調色盤樣式，再將圖樣範本與範例加至腳本當中，就能儲存序列檔或GIF動畫檔。,10-1PhotoImpact動畫10-1-2 萬花筒填充,10-1PhotoImpact動畫,10-1-3材質濾鏡,特效/填充與材質/材質濾鏡可在選取的區域中加入半透明玻璃、浮雕、皮革、金屬、紙、石頭、塑膠等質感，讓選取區域產生動態的材質變化。,10-1PhotoImpact動畫10-1-3材質濾鏡,10-1PhotoImpact動畫,所完成的水池物件，您無法在PhotoImpact中看到它的動態效果，但如果將畫面切割後，儲存成網頁形式，就可以看得到喔！,10-1PhotoImpact動畫所完成的水池物件，您無法在,10-1PhotoImpact動畫,10-1-4動畫工作室,特效/創意特效/動畫工作室包括水波、擴散、模糊、簽名、波動、跳躍、拼圖、漩渦、水滴、動態攝影、翻頁等11種效果。使用方法與材質濾鏡雷同，如果選擇儲存動畫檔與建立新的物件，就必須切割後儲存成HTML格式，才能看到所做的動態效果。,10-1PhotoImpact動畫10-1-4動畫工作室,10-1PhotoImpact動畫,10-1-5顆粒特效,特效/創意特效/顆粒特效也能在畫面上加入泡泡、螢火蟲、雨、雪、雲、煙、火、星星等效果，其用法與材質濾鏡和動畫工作室雷同。,10-1PhotoImpact動畫10-1-5顆粒特效,10-1PhotoImpact動畫,10-1-6水晶與玻璃,執行特效/扭曲/水晶與玻璃指令，可在畫面上加入球體、菱形、正方形、圓環、星形、多面體、掉落、花瓶、玻璃等各種特效。此功能不但可以在畫面上加入多項元素，透過主畫格可以個別調整各元素的變動情形。,10-1PhotoImpact動畫10-1-6水晶與玻璃,10-1PhotoImpact動畫,10-1-7創意扭曲,特效/扭曲/創意扭曲的動態扭曲只要選定抹糊、擠壓、擴張、水波、鏡射等範本，在預視窗中做出扭曲效果後，按+鈕將變形畫面加至情節區中，按儲存鈕即可儲存為GIF動畫。,10-1PhotoImpact動畫10-1-7創意扭曲,10-1PhotoImpact動畫,10-1-8創意光線,特效/光線/創意光線指令可以做出閃電、煙火、鏡頭炫光、電燈泡、光暈、聚光燈、手電筒、流星、彗星、雷射等特殊光線。動態畫面則可選擇儲存為GIF動畫，或做成新的物件。,10-1PhotoImpact動畫10-1-8創意光線,10-2GIF Animator動畫設計,10-2-1使用動畫精靈建立GIF動畫,動畫精靈是透過一連串的步驟，讓使用者快速將影像或視訊加至動畫之中。簡單的幾個步驟，您也可以將多張影像，串接成動畫檔案。,10-2GIF Animator動畫設計10-2-1使用動畫,10-2GIF Animator動畫設計,以GIF Animator程式所編輯的檔案，必須存為UGA的檔案格式，以利將來的再次編輯。,若選擇檔案/另存新檔指令，則可以選擇GIF、UGA、UFO、PSD、影像畫格、視訊或SWF等格式。,10-2GIF Animator動畫設計以GIF Anima,10-2GIF Animator動畫設計,10-2-2編輯畫格內容,加入進來的畫格，可以利用以下的各項指令來加以處理。,想要新增畫格、再製畫格、刪除畫格或變更畫格的順序，可以透過畫格功能表來控制。,想在兩個不同的畫格之間做漸變的處理，可以使用畫格/連續漸變指令。,如果需要再新增影像或是視訊檔案進來，可從檔案功能表中執行新增影像或新增視訊指令。,10-2GIF Animator動畫設計10-2-2編輯畫格,10-2GIF Animator動畫設計,10-2-3新增橫幅文字,在製作動畫時，利用畫格/新增橫福文字指令，可為動畫加入活跳跳的標題文字。,10-2GIF Animator動畫設計10-2-3新增橫幅,10-2GIF Animator動畫設計,10-2-4加入視訊特效,在編排動畫時，如果希望畫格與畫格之間的轉換效果更多樣化，可在視訊特效功能表中做選擇，因為它提供了許多的切換效果和濾鏡特效可讓您使用喔！,10-2GIF Animator動畫設計10-2-4加入視訊,10-2GIF Animator動畫設計,10-2-5最佳化精靈,檔案/最佳化精靈可以將各位所編輯的動畫檔案作最佳化的處理，以利網路上的傳輸，而且，經過瘦身處理過的動畫檔，其播放的效果也會比較順暢。,10-2GIF Animator動畫設計10-2-5最佳化精,10-2GIF Animator動畫設計,10-2-6匯出動畫檔,完成的動畫，可以利用檔案/匯出指令，選擇如下幾種方式。,成HTML檔：可將檔案匯出成HTML網頁格式。,成主動桌面項目：能將完成的動畫匯出成主動桌面項目，可直接在桌面上播放出來。,成自動執行動畫檔(EXE)：可匯出成執行檔格式，另外還可加入聲音、訊息等資料，並控制畫面放置的位置。,10-2GIF Animator動畫設計10-2-6匯出動畫,10-3應用範例-商品特賣會,10-3-1範例說明,這個範例主要是PhotoImpact動畫特效與GIF Animator的整合運用。透過商品特賣會等字的放大顯示，再帶出特賣會的地點與時間，最後以Flash動畫的方式作輸出。,10-3應用範例-商品特賣會10-3-1範例說明,重點整理,特效/扭曲/創意變形可以將開啟的影像，利用PhotoImpact所提供的範本作為關鍵畫格而形成動畫，然後將結果轉換成續列影像或GIF動畫。,特效/填充與材質/萬花筒填充能將色盤以不同組合來表現材質效果。只要選定調色盤樣式，再將圖樣範本與範例加至腳本當中，就能儲存序列檔或GIF動畫檔。,特效/填充與材質/材質濾鏡可在選取的區域中加入半透明玻璃、浮雕、皮革、金屬、紙、石頭、塑膠等質感，讓選取區域產生動態的材質變化。,重點整理特效/扭曲/創意變形可以將開啟的影像，利用Pho,重點整理,特效/創意特效/動畫工作室包括水波、擴散、模糊、簽名、波動、跳躍、拼圖、漩渦、水滴、動態攝影、翻頁等11種效果。,特效/創意特效/顆粒特效也能在畫面上加入泡泡、螢火蟲、雨、雪、雲、煙、火、星星等效果。,執行特效/扭曲/水晶與玻璃指令，可在畫面上加入球體、菱形、正方形、圓環、星形、多面體、掉落、花瓶、玻璃等各種特效。它不但可以在畫面上加入多項元素，透過主畫格可以個別調整各元素的變動情形。,重點整理特效/創意特效/動畫工作室包括水波、擴散、模糊、,重點整理,特效/扭曲/創意扭曲功能可加入抹糊、擠壓、擴張、水波、鏡射等動態扭曲效果。,特效/光線/創意光線指令可以做出閃電、煙火、鏡頭炫光、電燈泡、光暈、聚光燈、手電筒、流星、彗星、雷射等特殊光線。,GIF Animator程式，不但提供整合輸出的功能外，還可增加橫幅文字、連續漸變、訊特效等變化。,動畫精靈是透過一連串的步驟，讓使用者快速將影像或視訊加至動畫之中。,重點整理特效/扭曲/創意扭曲功能可加入抹糊、擠壓、擴張、,重點整理,以GIF Animator程式所編輯的檔案，必須存為UGA的檔案格式，以利將來的再次編輯。若選擇檔案/另存新檔指令，則可以選擇GIF、UGA、UFO、PSD、影像畫格、視訊或SWF等格式。,使用GIF Animator程式時，若想新增畫格、再製畫格、刪除畫格或變更畫格的順序，可以透過畫格功能表來控制。想在兩個不同的畫格之間做漸變的處理，可以使用畫格/連續漸變指令。,在製作動畫時，利用畫格/新增橫福文字指令，可為動畫加入活跳跳的標題文字。,重點整理以GIF Animator程式所編輯的檔案，必須存為,重點整理,在編排動畫時，如果希望畫格與畫格之間的轉換效果更多樣化，可在視訊特效功能表中做選擇。,檔案/最佳化精靈可以將各位所編輯的動畫檔案作最佳化的處理。,完成的動畫，可以利用檔案/匯出指令，可做HTML檔、主動桌面項目、或自動執行動畫檔。,重點整理在編排動畫時，如果希望畫格與畫格之間的轉換效果更多樣,學習評量,實作練習題,1,學習目標：創意扭曲(10-1-7節),練習說明：請將下面的動物，透過特效/扭曲/創意扭曲功能，做出如下的扭曲動畫。,學習評量實作練習題,學習評量,2,學習目標：創意變形(10-1-1節),練習說明：請將下面的圖形，透過特效/扭曲/創意變形功能，依據下面所指示的範本，來產生萬花筒般的變形圖案，並儲存成連續的BMP圖檔。,範本：0、17、19、14。,要求：總畫格數為30格。,學習評量2,學習評量,3,學習目標：創意光線(10-1-8節),練習說明：請將下面的景緻，透過特效/光線/創意光線功能，加入閃電的效果，並將它傳送到GIF Animator程式中，匯出成主動桌面項目。,學習評量3,學習評量,4,學習目標：編輯畫格內容(10-2-2節),練習說明：請將下面的兩張影像，透過GIF Animator的連續漸變功能，做出漸變的效果，並以Flash的SWF格式呈現。,學習評量4,練習題提示,1,1.執行特效/扭曲/創意扭曲指令，選用抹糊範本，將嘴的部份往上作變形，將其插入情節區中。,2.改選往外擴張範本，將眼睛部份往外擴張，再加入情節區中。,3.按儲存鈕，將畫格個數設為20，輸入檔名，按下儲存鈕儲存GIF動畫。,練習題提示1,練習題提示,2,1.執行特效/扭曲/創意變形指令，先按重設鈕重新設定。,2.按進階鈕開啟情節區。,3.按插入鈕依序插入指定的0、17、19、14範本。,4.按儲存鈕離開，將畫格個數設為30，並新增創意變形資料夾。,練習題提示2,練習題提示,3,1.執行特效/光線/創意光線指令，選用閃電特效，將環境光線設為90，並調整閃電的基本參數。,2.按儲存鈕，輸入檔名，取消透明背景的選項，勾選以Ulead GIF Animator開啟選項，按下儲存鈕。,3.執行檔案/匯出/成主動桌面項目指令，將位置設為300、200。,練習題提示3,練習題提示,4,1.開啟Ulead GIF Animator程式，按空白動畫鈕，開啟空白檔案。,2.執行檔案/新增影像指令，開啟10_4.jpg和10_5.jpg兩張影像。,3.點選第1個畫格，執行畫格/連續漸變指令，設定插入7個畫格，按下確定鈕離開。,4.執行編輯/剪裁底框指令裁剪畫面。,5.執行檔案/另存新檔/Macromedia Flash(SWF)/包含JPEG指令，然後儲存檔案。,練習題提示4,
展开阅读全文