第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檔。
• 如果想要加上底圖，方法亦是一樣，先把圖片做好後，用[開啟影像]，而鈴檔用[新增影像]的方式來處理。

以下是接下來會用到的素材：

第27-13堂-GIF 動畫介紹

各種存檔類型：

	特點
Gif	可以由8bit(也就是256色)一直到1bit的雙色GIF都可，最多只能存256色。  可以設定透明色，也就是遇到有底色的網頁時，會顯示底下的顏色，而不是難看的顏色圖塊。  可以用GIF來做簡單的動畫
Png	為了取代GIF，因此PNG保留了大部分GIF的特性。  PNG還加入了不少GIF所沒有的新功能，包括儲存全彩影像(24bit)、256階透明層次。  不過在動畫方面的功能卻偏偏漏掉了，因此至今無法取代gif檔
Jpg	是一種破壞性壓縮而使壓縮影像更有效率的圖形格式。 JPG檔在規格上有一項很大的缺失，由於它一定是"破壞性壓縮"，因此若是圖形中有明顯的線條，其線條將因為壓縮而不連續，或是其邊緣變得模糊不清。它的品質和檔案大小成正比。 JPG檔本身並沒有動態影像的規格(不像GIF可以製作小動畫) 因為JPG的破壞性壓縮，因此存取一次JPG檔，其檔案就又被編譯一次，因此除非必要，千萬不要重覆存取JPG檔。 JPG檔最適合的就是風景照，檔案小、網頁適用，一般數位相機都使用這種格式，全世界通用的圖形檔，但是若是商標圖形，或顏色不多的圖形，請記得不要用JPG檔
ufo	PhotoImpact物件檔。  用PhotoImpact時先UFO(PhotoImpact的存檔格式)做存檔，等要輸出的時候再存成網路常用的圖形格式，它可以反覆修改而不影響圖片品質。

點陣圖和向量圖的比較

點陣圖	點陣圖的檔案交換性比向量圖好得多，但點陣圖很糟糕的一點就是檔案過大，點陣圖一但經過放大、變形或是旋轉的處理之後，就很容易有鋸齒或是失真的現象發生，點陣適合用於製作一些影像處理的東西
向量圖	向量圖在其特點上有檔案小、圖形及文字都可以隨時任意編輯(放大縮小旋轉）...等優點，但向量圖在影像處理上幾乎可以說是"完全沒力"，沒有辦法作一些圖像的合成編修，所以向量適於製作插畫。

GIF 動畫，要使用GIF Animator來製作，除非是背景圖片，要使用下雪、下雨....等效果，才用PhotoImpact來製作。 設定下雪的動畫：

• 進入PhotoImpact後，選[檔案]-->[開啟舊檔]，找出背景圖片。
• 如果圖片太大張，要調整大，選[調整]-->[調整大小]，建議長或寬不要大於1000像素。

• 點選百寶箱裡[圖庫]索引標籤裡的[影像增強]-->[動畫]，在[動畫顆粒]裡，找出下雪或下雨...等的效果。
• 連按兩下雪的效果，設定好雪的各種參數後，再按[儲存]，存成GIF檔。
• 再按下[取消]按鈕，再關閉PhotoImpact程式，選不要儲存，因為上個步驟已經存起來了。

第27-11堂--手機操作 Q & A (二)

威力導演 APP (PowerDirector)，iOS請使用官網的iMovie

如果你的電腦是Windows 8.1以上的版本，可以到[市集]裡去安裝以下版本，就能直接在電腦裡操作。

• 建立專案。
• 在時間軸中加上影片、照片。
• 排列影片、照片順序。
• 設定轉場效果。
• 疊上其他照片、文字。
• 加上背景音樂。
• 加上旁白。
• 輸出。

第27-9至10堂 手機操作Q & A (一)

有在使用手機的朋友，下列問題，請看完後有答案是[No]或[不會]的同學，記得上課時提出來討論。

傳輸資料：

• 我會將電腦上的資料，傳送到手機，也會將手機的資料傳送到電腦。(不管用雲端硬碟、EMail或是上課時介紹的Send Anywhere，都算是會)

手機版的Line(有在使用Line的同學)：

• 有新朋友想要加我的Line，我會找出自己的條碼讓對方掃描。
• 有新朋友想要加我的Line，我會掃描對方的條碼。
• 我會封鎖不認識的朋友。
• 我會退出群組。
• 我會把常常三更半夜傳訊息給我的朋友，將他的訊息提醒關閉。
• 我會轉傳好的文章，給另外一位Line友人。
• 傳訊息給朋友時，打字太累了，我會改用講話的方式，錄聲音給對方。
• 我會傳自己拍攝的照片，給Line友人。
• 家族的群組裡，我會傳照片到群組裡的相簿中，而不是只會放在聊天室裡而已。
• 我會用Line通電話。
• 我會修改Line的來電鈴聲。
• Line好友的名字是英文，我會修改朋友的名字。
• 我知道自己的Line ID。
• 我會使用貼圖小舖中，找到只要加入好友就免錢的貼圖。
• 我的行動上網不是吃到飽，所以我會設定只有在Wi-Fi連線時，才會自動播放影片。
• Line的字體太小了，我會設定字放大一點。

手機版的facebook(有在使用fb的同學)：

• 我會從facebook中，找到我的朋友。
• 我會在旅遊時，從手機版的facebook中，上傳相片，並且打卡。
• 我會和facebook好友，私訊聊天(註：使用Messenger)。
• 看到好文章，我會把它儲存起來，加入到[我的珍藏]中。
• 在facebook中看到好文章，我會按下[複製連結]，傳送到Line或其他地方。
• facebook每次通知就會寄EMail給我，我會把這個設定取消。
• 每次朋友設定直播，就會通知我，我會把這個設定取消。

第27-8堂--申請iTaiwan與安裝APP

新北市有免費的Wi-Fi可以使用，只要在公家單位...等，智慧型手機有連到iTaiwan的Wi-Fi時，都可以免費使用。
iTaiwan免費Wi-Fi 

台北市也有免費的Wi-Fi可以使用，只要在北市有連線到TPE-Free，用iTaiwan的註冊帳號與密碼，也能使用，不需要再註冊一次。

用手機上facebook

• 如果手機是智慧型手機，而且也連到網路，按一下手機上的facebook APP就能進入。
• 如果你的手機沒有facebook的APP，安卓系統點選Google Play，iPhone點選APP Store，下載臉書APP。

作業：

請同學在家先安裝好以下APP，上課時會介紹。如果同學們有更好的APP，也不一定要安裝，可以直接使用自己習慣的APP：

• 威力導演-影片剪輯：
• 微電影：簡單版的影片製作
• PhotoDirector相片大師：類似手機版的PhotoImpact
• GIF Maker-GIF Editor：類似手機版的Gif Animator 5.05

第27-7堂--去背方法(二)：套索工具與貝茲曲線

套索工具：

1. 點選工具列中的(#2-2)套索工具。
2. 沿著照片人像或東西的邊緣，先按一下左鍵，然後圍著人像或東西邊緣慢慢地繞，直到最後時連按兩下左鍵。
3. 這時在邊緣上，會有剛剛按左鍵的桃紅色小四方形點，用滑鼠點一下可以移動調整區域。
4. 調整完畢後，按一下屬性列上的打勾，就會圈選出一個範圍，這個範圍是『選取區』，圈出來的線條是藍綠色、不會晃動的線，取消選取區是按下滑鼠右鍵，再點選『取消選取』，或是用功能表的[選取區]-->[取消選取]。
5. 選取的過程中，您隨時可以按下鍵盤上的[Back Space]鍵，就可以回到上一個選取點，而若想取消整個選取的範圍(取消`選取的動作)，則按下[Esc]鍵即可。
6. [選取區]-->[轉成物件]，線條會變成白色會晃動的線。圖層管理員中，會多一個物件。

貝茲曲線工具

• 用點的會出現直線。
• 用拖曳的，會出現曲線，並且會有兩支平衡桿供調整。
• 繪製完畢後，按一下圖中圈起來的按鈕，切換成選取模式。或是按下第三個按鈕，來調整平衡桿、或是節點上面的位置。

下堂課開始介紹手機，請同學們帶手機與充電線。若有舊手機願意支援其他同學，也歡迎一起攜帶過來。