资源描述
讓文字動起來 用Ulead Gif Animator製作動態文字橫幅科園國小 陳如瑾 軟體簡介和文字橫幅的應用l Ulead Gif Animator簡介l友立資訊公司的動畫製作軟體l Ulead 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 animator Ulead 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回教學大綱
展开阅读全文