• Menu
  • 回首頁
  • 新店松年-下午班
    • XD-2019
    • XD-2018
    • XD-2017
    • XD-2015
    • XD-2014
    • XD-2013
    • XD-2012
    • XD-2011
  • 新店松年-上午班
    • XD-108
    • XD-107
    • XD-106
    • XD-104
    • XD-103
    • XD-102
    • XD-101
  • 大豐研習
    • X-B-2
    • X-B
    • X-A-2
    • X-A-1
  • 課程資源
    • 上課用素材
    • 網路資源
    • 網路文章
    • 網站連結
    • 補充資料
    • 影音教學

638207-這裡是新店松年與研習的上課記錄

新店大豐社福館的上課資料

  • 首頁
  • 課程代號
  • 1Know.net
  • 關於
Menu
XD-2015 第27-14堂--GIF動畫設計(II)

第27-14堂--GIF動畫設計(II)

  1. 同一個人事物,想要做出動畫的效果,就要把不同的動作,儲存成不同的圖檔,再利用Gif Animator組合成一張動畫。
  2. 以人為例,唱歌動畫,是把人的嘴型合起來做成一張圖片、張開嘴巴又做成一張圖片,再把他併成一個GIF檔。再以鈴噹為例,若是想讓鈴噹搖擺,擺向左、中、右就要做成三個檔案。
準備搖擺鈴噹圖片:
  • 進入PhotoImpact中,拖曳[百寶箱]-->[影像]裡的[鈴]至中間灰色區域。
  • 按下工具箱中的[變形工具](#7),屬性列按下第二個按鈕[任意旋轉],會看到鈴噹中間有個畫上十字的圓心軸,將此中心軸拖曳至上方。
  •  游標停留在四個控制點,出現彎箭頭時旋轉。
  • 這時,有些鈴噹會跑至邊界外,因此按下功能表的[調整]-->[擴大底框]。將上、下、左、右都加上50像素。
  • 第一張圖製作好了,如果想要設計成透明的背景,將基底影像的眼睛隱藏起來,再按下[檔案]-->[另存新檔],檔案類型請選擇[GIF],出現如下訊息,按[確定],後續出現的訊息請按[是]。
  • 第一個鈴噹靠左(001.gif),有需要的同學可以點選下圖,讓圖片變成大圖後,在圖片上按滑鼠右鍵,選擇[另存圖片],或是[另存影像為...],下載圖片來練習。
  • 接著再旋轉至中間,按下[檔案]-->[另存新檔],儲存成(002.gif)。
  • 第三個圖轉至右邊,按下[檔案]-->[另存新檔],儲存成(003.gif)。
至GIF Animator中設計動畫:
  • 在PhotoImpact中,按下功能表的[視窗]-->[切換]-->[Gif Animator]。也可以直接選[開始]-->[所有程式]-->[Ulead PhotoImpact 12]-->[Ulead Gif Animator 5.05]進入。
  • 按下[開啟現有的影像檔]。選第一張圖(001.gif)。
  • 接著按[檔案]-->[新增影像],把第二張(002.gif)加進來。再按一次[檔案]-->[新增影像],把第三張(003.gif)也加進來。
  • 此時,右邊物件就有三個了,按兩次畫格下方的[再製畫格]。
  • 下方就出現三個畫格,點選第一個畫格,將右邊物件的中間、往右鈴噹眼睛取消;再點選第二個畫格,將右邊物件的往左、往右鈴噹眼睛取消;點選第三個畫格,將右邊物件的往左、中間鈴噹眼睛取消。
  • 按下三角形的[播放動畫]試試,覺得OK的話再按[停止]。


  • 想要調整秒數,在畫格上按下滑鼠右鍵,選[畫格內容]。



    • 延遲的欄位輸入數字,秒數要除以100,例如:想要設定成0.5秒,要輸入50,這樣除以100後,才會變成0.5秒。
    • 鈴噹從左跑到右,要再跑回左,因此再新增一個畫格,設成中間的鈴噹。
    • 製作完成,另存成GIF檔。
    • 如果想要加上底圖,方法亦是一樣,先把圖片做好後,用[開啟影像],而鈴檔用[新增影像]的方式來處理。
      鄭喬予
      Add Comment
      XD-2015
      2016/10/27
      • Share
      • Share

      Related Posts

      • 第27-17堂:連續漸變圖片由右往左: 按一下畫格1,選取圖片的物件,把圖片放在最右。 按一下畫格10,選取圖片的物件,把圖片放在最左。 按一下連續漸變的按鈕,起始畫格設1、結束畫格設10,更新中間畫格。
      • 第27-19堂--GIF動畫製作(I)動畫製作: 開啟一個檔案。因為要做成動畫,所以圖檔長、寬不需要太大,如果太大,請先利用[調整]-->[調整大小]功能,將圖檔調小一點,最好長、寬小於1000像素以內較佳。 點選功能表的[特
      • 第27-21堂--連續漸變與背景圖片的應用背景單純、靜態+連續漸變: 直接進入GIF Animator程式,按下[開啟現有的影像檔]前的圖示按鈕。把背景圖檔開啟。 背景就出現了,因為此背景不會動,所以只有一個畫格,可以先鎖住,再選取[檔案]
      • 第27-4堂--名片製作(一) 名片製作: 製作名片,我們要用到三個功能,分別是 用[文字工具]輸入文字 用[路徑繪圖工具]功能繪製圖案,以及加上自己照片 加上QRCode。 進入PhotoImpact後,選擇[
      • 第27-6堂--去背方法(一):擷取物件與魔術棒工具用PhotoImpact去背的常用方法: 擷取物件法:適合人物、有髮絲...等。 魔術棒工具:適合背景只有單一的顏色 套索工具:適合邊界很清楚、兩邊顏色差異很大時使用。 貝茲曲線:使用彈性大,很
      • 第27-3堂--賀卡製作用PhotoImpact製作賀卡 準備相關的照片或素材 進入PhotoImpact後,點選[檔案]-->[開新檔案]-->[開新影像],影像大小選擇標準的1024*768,或是800*

      往上一頁 往下一頁 回首頁

      Newsletter

      相片效果網站介紹

      相片效果網站介紹

      相片效果網站(http://photofunia.com/cn/): 進入此網站後,視窗畫面要放到最大,才會看到左邊…

      [PhotoImpact]去背(三):貝茲曲線

      [PhotoImpact]去背(三):貝茲曲線

      貝茲曲線工具 用點的會出現直線。 用拖曳的,會出現曲線,並且會有兩支平衡桿供調整。 繪製完畢後,按一下圖中圈起來的按…

      [PhotoImpact]去背二:魔術棒工具

      [PhotoImpact]去背二:魔術棒工具

      魔術棒工具:如果圖片背景,是很單純的白色、黑色...等,可以用魔術棒工具,把背景顏色選取出來,再做一些處理。 先開啟圖…

      [PhotoImpact]去背(一):套索工具

      [PhotoImpact]去背(一):套索工具

      用PhotoImpact去背的常用方法: 擷取物件法:適合人物、有髮絲...等。 魔術棒工具:適合背景只有單一的顏色 …

      [PhotoImpact]擷取物件

      [PhotoImpact]擷取物件

      擷取物件時,在拖曳描繪邊緣時(也就是下列的步驟4-1),要注意: 碰到髮絲要塗滿 如果有需要鏤空的地方也要塗滿 …

      <12345>

      班級代號

      XD-1-1 XD-1-2 XD-1-3 XD-101 XD-102 XD-103 XD-104 XD-106 XD-107 XD-108 XD-2011 XD-2012 XD-2013 XD-2014 XD-2015 XD-2017 XD-2018 XD-2019 XD-A-1 XD-A-2 XD-B XD-B-2 上課用素材 課程大綱-大豐 課程大綱-松大

      Recent Post

      • 相片效果網站介紹
      • [PhotoImpact]去背(三):貝茲曲線
      • [PhotoImpact]去背二:魔術棒工具
      • [PhotoImpact]去背(一):套索工具
      • [PhotoImpact]擷取物件
      • [PhotoImpact]去疤除痘
      • [PhotoImpact]圖片的存檔類型
      • [PhotoImpact]快速修片
      • 108年度新北市松年大學新店分校(影片編輯與製作進階班)-下午班
      • 108年度新北市松年大學(雲端資料管理與硬碟應用班)-上午班

      Contact

      名稱

      以電子郵件傳送 *

      訊息 *

      總網頁瀏覽量

      44,183

      copyright © 2017 638207-這裡是新店松年與研習的上課記錄 All Right Reserved . Created by Idntheme . Powered by Blogger