资源描述
讓文字動起來讓文字動起來 用用Ulead Gif Animator製作動態文字橫幅製作動態文字橫幅科園國小 陳如瑾軟體簡介和文字橫幅的應用軟體簡介和文字橫幅的應用lUlead Gif Animator簡介l友立資訊公司的動畫製作軟體lUlead Photoimpact軟體安裝時，通常會連Ulead Gif Animator一併安裝l動態文字橫幅的應用l定義： 動態文字橫幅就是俗稱的bannerl用途： 使網頁的呈現更加活潑生動動態文字橫幅教學大綱動態文字橫幅教學大綱l製作橫幅底圖製作橫幅底圖l開啟開啟Ulead Gif Animatorl新增橫幅文字新增橫幅文字 點我看範例展示l利用顏色變化做閃爍效果利用顏色變化做閃爍效果 點我看範例展示l用分割文字做跳動效果用分割文字做跳動效果 點我看範例展示l用閃底作出閃字用閃底作出閃字 點我看範例展示製作橫幅底圖製作橫幅底圖1.開啟photoimpact,2.開新影像,修改寬度為468,高度為60點選”編輯”填充”製作橫幅底圖製作橫幅底圖可以任意選擇色彩.漸層.材質和影像做出不同的填充效果製作橫幅底圖製作橫幅底圖1.存檔.檔案類型選擇jpg.這樣橫幅的底圖就完成了2.網路上有許多現成的橫幅底圖可供下載使用製作橫幅底圖製作橫幅底圖l回教學大綱開啟開啟Ulead Gif Animator1.開啟photoimact.點選右上方的切換.2.選擇ulead gif animatorUlead gif animator開啟後.選擇開啟現有的影像檔開啟開啟Ulead Gif Animator開啟剛才做好的橫幅底圖開啟底圖後.會進入編輯模式開啟開啟Ulead Gif Animator開啟開啟Ulead Gif Animator若想更改延遲時間.可以快速點擊兩下畫格.在畫格屬性中更改延遲時間.數字越小.出現時間越短l回教學大綱新增橫幅文字教學新增橫幅文字教學點選”畫格”新增橫幅文字”1.在文字區中樞輸入想要加的文字.並修改想要的字型.大小及顏色.2.若希望文字下方有陰影.可點選右上方的陰影選項.陰影新增橫幅文字教學新增橫幅文字教學1.在特效選項中.選擇進入場景和離開場景想要的效果2.下方的畫格數字可以修改.數字越大.效果越細緻.但是檔案也會比較大新增橫幅文字教學新增橫幅文字教學1.在畫格控制中.修改延遲時間的數字.2.數字越小.出現時間越短新增橫幅文字教學新增橫幅文字教學點選霓紅燈的選項.橫幅文字就會出現霓虹燈效果新增橫幅文字教學新增橫幅文字教學點選下方-開始預覽.可以看到橫幅文字的效果用滑鼠點選下面視窗中的文字.可以調整文字在底圖中的位置新增橫幅文字教學新增橫幅文字教學按確定後.選擇建立橫幅文字新增橫幅文字教學新增橫幅文字教學從編輯模式切換到預覽模式觀看橫幅文字出現的效果新增橫幅文字教學新增橫幅文字教學1.完成好的橫幅文字.檔名存成gif檔.這樣就完成了2.uga檔和gif檔的差別: (1) uga檔可讀取與再修改 (2) gif檔讀取但不能再修改新增橫幅文字教學新增橫幅文字教學l回教學大綱新增橫幅文字範例展示新增橫幅文字範例展示l範例展示l新增橫幅文字+霓虹燈+陰影l新增橫幅文字+陰影l回教學大綱利用顏色變化做閃爍效果教學利用顏色變化做閃爍效果教學開啟橫幅底圖選擇再製畫格利用顏色變化做閃爍效果教學利用顏色變化做閃爍效果教學1.點選文字工具2.輸入想要的文字利用顏色變化做閃爍效果教學利用顏色變化做閃爍效果教學1.用滑鼠點選視窗中的文字2.按”編輯”複製”利用顏色變化做閃爍效果教學利用顏色變化做閃爍效果教學2.按”編輯”貼上”1.用滑鼠點選第二個畫格利用顏色變化做閃爍效果教學利用顏色變化做閃爍效果教學1.用滑鼠點選第二個畫格中的文字2.按右鍵.選擇”文字”編輯文字”利用顏色變化做閃爍效果教學利用顏色變化做閃爍效果教學1.點選第二個畫格的文字.選擇不同的顏色.2.若希望閃爍效果明顯一些.顏色深淺的變化就要大一些 例如第一個畫格選深紅色.第二個畫格就要選淺粉紅色利用顏色變化做閃爍效果教學利用顏色變化做閃爍效果教學按另存新檔.選擇gif格式.就完成了l回教學大綱利用顏色變化做閃爍效果教學利用顏色變化做閃爍效果教學利用顏色變化做閃爍效果教學範例展示利用顏色變化做閃爍效果教學範例展示l範例l其他範例:用漸層顏色做出的效果l回教學大綱用分割文字做跳動效果用分割文字做跳動效果(範例一範例一)教學教學開啟橫幅底圖.再製一個畫格選擇再製畫格1.輸入想要加的文字.2.將文字複製到第二個畫格3.點選第一個畫格的文字.按右鍵.選擇”文字-分割文字”將文字複製到第二個畫格用分割文字做跳動效果用分割文字做跳動效果(範例一範例一)教學教學1.按住ctrl鍵.同時選取第一個畫格中的第1.3.5個字2.用鍵盤上的方向鍵.往上移動五下3.同樣的方法.選取第二個畫格中的第2.4.6個字.往上移動五下4.按另存新檔.就完成了用分割文字做跳動效果用分割文字做跳動效果(範例一範例一)教學教學4.利用變形工具.點選第一個畫格中的第1.3.5個字.往左調整15度用分割文字做跳動效果用分割文字做跳動效果(範例二範例二)教學教學1.輸入想要加的文字.2.將文字複製到第二個畫格3.點選第一個畫格的文字.按右鍵.選擇”文字-分割文字”1.利用變形工具.點選第二個畫格中的第2.4.6個字.往右調整15度2.另存新檔.就完成了用分割文字做跳動效果用分割文字做跳動效果(範例二範例二)教學教學4.利用變形工具.點選第一個畫格中的第1個和第6個字.把字體變大5.另存新檔.就完成了用分割文字做跳動效果用分割文字做跳動效果(範例三範例三)教學教學1.輸入想要加的文字.2.將文字複製到第二個畫格3.點選第一個畫格的文字.按右鍵.選擇”文字-分割文字”l回教學大綱用分割文字做跳動效果範例展示用分割文字做跳動效果範例展示l範例一 文字上下跳動l範例二 文字左右旋轉l範例三 文字大小變化用分割文字做跳動效果其他範例用分割文字做跳動效果其他範例l分割文字+變化單個文字的顏色(共6張圖)l分割文字+移動單個文字的位置(共7張圖)l分割文字+逐漸增加文字+變化顏色(共5張圖)l回教學大綱2.調整高度為400.寬度為100用閃底作出閃字用閃底作出閃字(範例一範例一)教學教學1.按新增.開啟新檔3.選擇完全透明2.輸入文字後.按確定用閃底作出閃字用閃底作出閃字(範例一範例一)教學教學1.按文字工具按魔棒用閃底作出閃字用閃底作出閃字(範例一範例一)教學教學滑鼠在透明部份點一下用閃底作出閃字用閃底作出閃字(範例一範例一)教學教學2.加入喜歡的閃底底圖用閃底作出閃字用閃底作出閃字(範例一範例一)教學教學1.按加入圖像用閃底作出閃字用閃底作出閃字(範例一範例一)教學教學1.按點選工具2.滑鼠在透明部份點一下3.按剪下另存新檔就完成了用閃底作出閃字用閃底作出閃字(範例一範例一)教學教學1.按新增.開啟新檔2.調整高度為400.寬度為1003.選擇完全透明用閃底作出閃字用閃底作出閃字(範例二範例二)教學教學1.按文字工具2.輸入想要加的文字用閃底作出閃字用閃底作出閃字(範例二範例二)教學教學1.用滑鼠點選文字用閃底作出閃字用閃底作出閃字(範例二範例二)教學教學2.按右鍵.選擇”文字+霓虹燈”按確定用閃底作出閃字用閃底作出閃字(範例二範例二)教學教學1.按魔棒用閃底作出閃字用閃底作出閃字(範例二範例二)教學教學2.用滑鼠點一下黑色字體的部份選擇加入畫格用閃底作出閃字用閃底作出閃字(範例二範例二)教學教學2.加入喜歡的閃底底圖用閃底作出閃字用閃底作出閃字(範例二範例二)教學教學1.按加入圖像1.按回第一個畫格用閃底作出閃字用閃底作出閃字(範例二範例二)教學教學2.用魔棒點選黃色霓虹燈的部份1.按第2個畫格用閃底作出閃字用閃底作出閃字(範例二範例二)教學教學2.按剪下2.用魔棒在透明部份點一下用閃底作出閃字用閃底作出閃字(範例二範例二)教學教學1.按第1個畫格1.按第2個畫格用閃底作出閃字用閃底作出閃字(範例二範例二)教學教學2.按剪下1.按第1個畫格2.點右鍵.選取刪除畫格.3.另存新檔.就完成了用閃底作出閃字用閃底作出閃字(範例二範例二)教學教學l回教學大綱用閃底作出閃字範例展示用閃底作出閃字範例展示l範例展示l範例(一)l範例(二)l回教學大綱
展开阅读全文