秀自己 . 動起來 gif animator 教學
DESCRIPTION
秀自己 . 動起來 GIF Animator 教學. 授課教師:徐明宗. 動畫原理. 所謂動畫就是將畫好的連續畫面,快速播放後,例如每秒播放 30 張圖 (又稱「畫格」),由於人類眼睛「視覺暫留」的原因,導致雖然是分解動作,看起來卻像是連續的動作般,電影的原理亦相同,下圖即模擬以十二張繪製連續的 圖片,連續播放後產生的效果。. 皮克斯動畫. GIF Animator 操作環境. 啟動精靈. 動畫精靈逐步地引導設定底框大小、加入影像(或視訊)、自訂動畫的播放選項。. 設定底框大小. 可用預設或自訂,若要自行指定 大小,則在 「寬度」與「高度」選項 內輸入底框的大小。. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: 秀自己 . 動起來 GIF Animator 教學](https://reader035.vdocuments.pub/reader035/viewer/2022081503/56815ecf550346895dcd578f/html5/thumbnails/1.jpg)
秀自己 .動起來GIF Animator教學
授課教師:徐明宗
![Page 2: 秀自己 . 動起來 GIF Animator 教學](https://reader035.vdocuments.pub/reader035/viewer/2022081503/56815ecf550346895dcd578f/html5/thumbnails/2.jpg)
動畫原理所謂動畫就是將畫好的連續畫面,快速播放後,例如每秒播放 30 張圖 (又稱「畫格」),由於人類眼睛「視覺暫留」的原因,導致雖然是分解動作,看起來卻像是連續的動作般,電影的原理亦相同,下圖即模擬以十二張繪製連續的 圖片,連續播放後產生的效果。
皮克斯動畫
![Page 3: 秀自己 . 動起來 GIF Animator 教學](https://reader035.vdocuments.pub/reader035/viewer/2022081503/56815ecf550346895dcd578f/html5/thumbnails/3.jpg)
GIF Animator 操作環境
![Page 4: 秀自己 . 動起來 GIF Animator 教學](https://reader035.vdocuments.pub/reader035/viewer/2022081503/56815ecf550346895dcd578f/html5/thumbnails/4.jpg)
啟動精靈動畫精靈逐步地引導設定底框大小、加入影像(或視訊)、自訂動畫的播放選項。
![Page 5: 秀自己 . 動起來 GIF Animator 教學](https://reader035.vdocuments.pub/reader035/viewer/2022081503/56815ecf550346895dcd578f/html5/thumbnails/5.jpg)
設定底框大小可用預設或自訂,若要自行指定大小,則在「寬度」與「高度」選項內輸入底框的大小。
![Page 6: 秀自己 . 動起來 GIF Animator 教學](https://reader035.vdocuments.pub/reader035/viewer/2022081503/56815ecf550346895dcd578f/html5/thumbnails/6.jpg)
「新增影像」選取一個或多個影像檔,並以物件形式將它們加至新的專案內。若要一開始即包含視訊,請按「新增視訊」來選取視訊檔。
![Page 7: 秀自己 . 動起來 GIF Animator 教學](https://reader035.vdocuments.pub/reader035/viewer/2022081503/56815ecf550346895dcd578f/html5/thumbnails/7.jpg)
設定延遲時間設定每個畫格指定延遲時間,即是播放速度,其單位為 1/100 秒,指定播放速度的另一種方式是輸入每秒要播放的畫格
![Page 8: 秀自己 . 動起來 GIF Animator 教學](https://reader035.vdocuments.pub/reader035/viewer/2022081503/56815ecf550346895dcd578f/html5/thumbnails/8.jpg)
工具面板
![Page 9: 秀自己 . 動起來 GIF Animator 教學](https://reader035.vdocuments.pub/reader035/viewer/2022081503/56815ecf550346895dcd578f/html5/thumbnails/9.jpg)
畫格面板
![Page 10: 秀自己 . 動起來 GIF Animator 教學](https://reader035.vdocuments.pub/reader035/viewer/2022081503/56815ecf550346895dcd578f/html5/thumbnails/10.jpg)
儲存與匯出建立與編輯完動畫之後,就要進行儲存。 GIF Animator 提供了許多輸出方式。可將作品存成 GIF 動畫檔、個別地儲存動畫畫格、或將它輸出成數位影片檔。選取「檔案: 另存新檔」時,將發現「另存新檔」功能表內包含了多種存檔格式
GIF 檔─可透過標準的 GIF 檔來儲存整個動畫專案。 UGA 檔─在預設狀態下, GIF Animator 會將檔案存成此原生格式,可以供日後輕鬆修改。 UFO 檔─ UFO 代表 Ulead File for Objects 格式,可使用 Ulead
PhotoImpac 來編輯 PSD 檔─這是 Adobe Photoshop 的原生檔案格式。 影像畫格─此指令可將所有的畫格存成個別的連續編號檔。 視訊檔─將動畫專案存成視訊檔格式,例如 AVI 或 MPEG 。 Macromedia Flash (SWF)─Shockwave Flash 是 Macromedia 的原生檔案格式。
![Page 11: 秀自己 . 動起來 GIF Animator 教學](https://reader035.vdocuments.pub/reader035/viewer/2022081503/56815ecf550346895dcd578f/html5/thumbnails/11.jpg)
作業要求:秀自己展創意作一個展示自己的動畫 LOGO
要有自己的名字 要有圖片或小圖案要有顏色變化要有位置變化要有大小變化
![Page 12: 秀自己 . 動起來 GIF Animator 教學](https://reader035.vdocuments.pub/reader035/viewer/2022081503/56815ecf550346895dcd578f/html5/thumbnails/12.jpg)
學生作品