让文字动起来用UleadGifAnimator制作动态文字横幅 精选文档

1、讓文字動起來,用,Ulead Gif Animator,製作動態文字橫幅,科園國小,陳如瑾,軟體簡介和文字橫幅的應用,Ulead Gif Animator,簡介,友立資訊公司的動畫製作軟體,Ulead Photoimpact,軟體安裝時，通常會連,Ulead,Gif Animator,一併安裝,動態文字橫幅的應用,定義,動態文字橫幅就是俗稱的,banner,用途,使網頁的呈現更加活潑生動,動態文字橫幅教學大綱,製作橫幅底圖,開啟,Ulead Gif Animator,新增橫幅文字,點我看範例展示,利用顏色變化做閃爍效果,點我看範例展示,用分割文字做跳動效果,點我看範例展示,用閃底作出閃字,點我

2、看範例展示,製作橫幅底圖,1,開啟,photoimpact,2,開新影像,修改寬度為,468,高度為,60,點選”編輯,填充,製作橫幅底圖,可以任意選擇色彩,漸層,材質和影像,做出不同的填充效果,製作橫幅底圖,1,存檔,檔案類型選擇,jpg,這樣橫幅的底圖就完成了,2,網路上有許多現成的橫幅底圖可供下載使用,製作橫幅底圖,回教學大綱,開啟,Ulead Gif Animator,1,開啟,photoimact,點選右上方的切換,2,選擇,ulead gif animator,Ulead gif animator,開啟後,選擇開啟現有的影像檔,開啟,Ulead Gif Animator,開啟剛才做

3、好的橫幅底圖,開啟底圖後,會進入編輯模式,開啟,Ulead Gif Animator,開啟,Ulead Gif Animator,若想更改延遲時間,可以快速點擊兩下畫格,在畫格屬性中更改延遲時間,數字越小,出現時間越短,回教學大綱,新增橫幅文字教學,點選”畫格,新增橫幅文字,1,在文字區中樞輸入想要加的文字,並修改想要的字,型,大小及顏色,2,若希望文字下方有陰影,可點選右上方的陰影選項,陰影,新增橫幅文字教學,1,在特效選項中,選擇進入場景和離開場景想要的效果,2,下方的畫格數字可以修改,數字越大,效果越細緻,但,是檔案也會比較大,新增橫幅文字教學,1,在畫格控制中,修改延遲時間的數字,2,

4、數字越小,出現時間越短,新增橫幅文字教學,點選霓紅燈的選項,橫幅文字就會出現霓虹燈效果,新增橫幅文字教學,點選下方,開始預覽,可以看到橫幅文字的效果,用滑鼠點選下面視窗中的文字,可以調整文字在底圖中的位置,新增橫幅文字教學,按確定後,選擇建立橫幅文字,新增橫幅文字教學,從編輯模式切換到預覽模式,觀看橫幅文字出現的效果,新增橫幅文字教學,1,完成好的橫幅文字,檔名存成,gif,檔,這樣就完成了,2.uga,檔和,gif,檔的差別,1) uga,檔可讀取與再修改,2) gif,檔讀取但不能再修改,新增橫幅文字教學,回教學大綱,新增橫幅文字範例展示,範例展示,新增橫幅文字,霓虹燈,陰影,新增橫幅文字

5、,陰影,回教學大綱,利用顏色變化做閃爍效果教學,開啟橫幅底圖,選擇再製畫格,利用顏色變化做閃爍效果教學,1,點選文字工具,2,輸入想要的文字,利用顏色變化做閃爍效果教學,1,用滑鼠點選視窗中的文字,2,按”編輯,複製,利用顏色變化做閃爍效果教學,2,按”編輯,貼,上,1,用滑鼠點選第二個畫格,利用顏色變化做閃爍效果教學,1,用滑鼠點選第二個畫格中的文字,2,按右鍵,選擇”文字,編輯文字,利用顏色變化做閃爍效果教學,1,點選第二個畫格的文字,選擇不同的顏色,2,若希望閃爍效果明顯一些,顏色深淺的變化就要大一些,例如第一個畫格選深紅色,第二個畫格就要選淺粉紅色,利用顏色變化做閃爍效果教學,按另存新

6、檔,選擇,gif,格式,就完成了,回教學大綱,利用顏色變化做閃爍效果教學,利用顏色變化做閃爍效果教學範例展示,範例,其他範例,用漸層顏色做出的效果,回教學大綱,用分割文字做跳動效果,範例一,教學,開啟橫幅底圖,再製一個畫格,選擇再製畫格,1,輸入想要加的文字,2,將文字複製到第二個畫格,3,點選第一個畫格的文字,按右鍵,選擇”文字,分割文字,將文字複製到第二個畫格,用分割文字做跳動效果,範例一,教學,1,按住,ctrl,鍵,同時選取第一個畫格中的第,1.3.5,個字,2,用鍵盤上的方向鍵,往上移動五下,3,同樣的方法,選取第二個畫格中的第,2.4.6,個字,往上移動五下,4,按另存新檔,就完成

7、了,用分割文字做跳動效果,範例一,教學,4,利用變形工具,點選第一個畫格中的第,1.3.5,個字,往左調整,15,度,用分割文字做跳動效果,範例二,教學,1,輸入想要加的文字,2,將文字複製到第二個畫格,3,點選第一個畫格的文字,按右鍵,選擇”文字,分割文字,1,利用變形工具,點選第二個畫格中的第,2.4.6,個字,往右調整,15,度,2,另存新檔,就完成了,用分割文字做跳動效果,範例二,教學,4,利用變形工具,點選第一個畫格中的第,1,個和第,6,個字,把字體變大,5,另存新檔,就完成了,用分割文字做跳動效果,範例三,教學,1,輸入想要加的文字,2,將文字複製到第二個畫格,3,點選第一個畫格

8、的文字,按右鍵,選擇”文字,分割文字,回教學大綱,用分割文字做跳動效果範例展示,範例一,文字上下跳動,範例二,文字左右旋轉,範例三,文字大小變化,用分割文字做跳動效果其他範例,分割文字,變化單個文字的顏色,共,6,張圖,分割文字,移動單個文字的位置,共,7,張圖,分割文字,逐漸增加文字,變化顏色,共,5,張圖,回教學大綱,2,調整高度為,400,寬度為,100,用閃底作出閃字,範例一,教學,1,按新增,開啟新檔,3,選擇完全透明,2,輸入文字後,按確定,用閃底作出閃字,範例一,教學,1,按文字工具,按魔棒,用閃底作出閃字,範例一,教學,滑鼠在透明部份點一下,用閃底作出閃字,範例一,教學,2,加

9、入喜歡的閃底底圖,用閃底作出閃字,範例一,教學,1,按加入圖像,用閃底作出閃字,範例一,教學,1,按點選工具,2,滑鼠在透明部份點一下,3,按剪下,另存新檔就完成了,用閃底作出閃字,範例一,教學,1,按新增,開啟新檔,2,調整高度為,400,寬度為,100,3,選擇完全透明,用閃底作出閃字,範例二,教學,1,按文字工具,2,輸入想要加的文字,用閃底作出閃字,範例二,教學,1,用滑鼠點選文字,用閃底作出閃字,範例二,教學,2,按右鍵,選擇”文字,霓虹,燈,按確定,用閃底作出閃字,範例二,教學,1,按魔棒,用閃底作出閃字,範例二,教學,2,用滑鼠點一下黑色字體的部份,選擇加入畫格,用閃底作出閃字,範例二,教學,2,加入喜歡的閃底底圖,用閃底作出閃字,範例二,教學,1,按加入圖像,1,按回第一個畫格,用閃底作出閃字,範例二,教學,2,用魔棒點選黃色霓虹燈的部份,1,按第,2,個畫格,用閃底作出閃字,範例二,教學,2,按剪下,2,用魔棒在透明部份點一下