第27-27堂--複習

感謝大家這一年半來的照顧，課程已全部結束。
106年起的松年大學招生改成網路報名，請大家靜候明年年初的招生訊息。

第27-26堂--製作光碟自動播放

光碟片在燒錄之前，想要設成自動播放，或是設成光碟片一放進去有自訂圖示功能，必須在光碟根目錄裡，放置autorun.inf檔案，裡面就是以下三行文字，第二行的index.html，指的是自動播放時要讀取哪個檔，第三行的logo.ico則是圖示檔案。

你也可以直接下載此檔案---＞ autorun.inf  檔案，副檔名inf123要改成inf

[autorun]
open=Explorer.exe index.html
icon=logo.ico 

第27-24堂--網頁製作(III)

由於我們製作好的網頁，要燒成光碟，因此請同學們準備的照片，不可以大於4.7G(燒錄光碟片的容量)，最好差不多4G就可以了。
作法：

• 新增一個[2016CD]的資料夾。然後把上次網頁製作的index.ufo放在這個資料夾中。
• 準備三個空的資料夾，分別是[A]、[B]、[C]，放在[2016CD]裡面，由於我們做網頁時，檔案名稱與資料夾名稱，最好不要用中文，以免有亂碼，所以用ABC來代替
• 再來是之前整理好的照片，分別是[日本]、[大陸]、[美國]這三個資料夾裡的照片，最多大概用4G的照片就好，不要太多，以免光碟片放不下。
• 用[Web相簿]，或是[Web投影片秀]的功能，把[日本]、[大陸]、[美國]這三個資料夾照片，製作到[A]、[B]、[C]三個資料夾中，這樣這三個資料夾就有Web相簿或投影片秀的功能了。

• 來源：[日本]、[大陸]、[美國]
• 目的： [A]、[B]、[C]

第27-23堂--網頁製作(二)

網頁製作好了以後，先儲存成index.ufo，接下來要設計網頁內容，每次設計網頁時，都要先開啟這個index.ufo再來加上元件設計師。

• 開啟index.ufo檔案後，選[網路]-->[元件設計師]，利用橫幅的選項來設計標題。製作完畢時，按下[匯出]-->[作為元件物件(在PhotoImpact中)]。

•  擺好要放置在網頁上的位置。

•  RollOver按鈕的作法也是一樣，只不過是三個一組。選[網路]-->[元件設計師]，從Rollover按鈕中挑一個圖形。

•  第一個圖形是看起來的樣子，第二個是滑鼠移過去的樣子，第三個是按下去的樣子，如果這三個圖形想要不同的文字內容，先把[所有按鈕的文字相同]打勾取消。

•  製作完畢時，按下[匯出]-->[作為元件物件(在PhotoImpact中)]。

• 做好了一個按鈕，可以用滑鼠右鍵-->[再製]，複製出想要的數量，再使用滑鼠右鍵-->[編輯元件設計師物件]，來修改內容，做好後用瀏覽器預覽看看效果吧！

第27-22堂--網頁製作(一)

用背景設計師來製作網頁：

• 進入PhotoImpact後，選[網路]-->[背景設計師]，設定方格大小、材質，以及顏色，通常要做成網頁背景的圖片，顏色都不要太深，調淡一點後，按[確定]。

• 做好了以後，就是一個小小的圖片，做網頁時，會像磁磚一樣，把圖片拼起來，你也可以自己製作小圖片，不需要用背景設計師的功能來製作，做好後另存成JPG或PNG檔。

• [檔案]-->[開新檔案]-->[開新網頁]，把[影像]前的核取方塊打勾。

• 接著，把下圖圈出來的按鈕按下去，選取剛做好的小圖片。

• 做好的網頁，標題上會有[Web背景]的字樣，接下來可以利用[元件設計師]，或者其他圖片來美化網頁。

第27-21堂--Web相簿與Web投影片秀

想要把照片燒錄在光碟，可以透過[Web相簿]與[Web投影片秀]來完成，步驟都一樣，只是[Web相簿]

會有小縮圖，而[Web投影片秀]會每隔幾秒自動撥放。

• 先把所有的圖片，全部放到一個資料夾中。
• 在PhotoImpact中，按[分享]

，選[Web相簿]與[Web投影片秀]。

按一下圖中的小四方形，找出存放照片的資料夾位置，再按下[確定]

。

• 輸出的資料夾，一樣是按一下小四方形，如果沒有修改，預設會放在我的文件裡的[PhotoImpact網站]這個資料夾裡。

• 按一下[建立新資料夾]

，給予資料夾名稱，再按下[確定]

• 最後按下[確定]，製作完成後，在新的資料夾中，[Web相簿]連按兩下index.html檔，而[Web投影片秀]連按兩下main.html檔，就可以瀏覽圖片了。

你也可以在上圖中，試試看點選其他如網頁設定、縮圖、影像...等索引標籤，看看裡面的設定，修改或調整一下裡面的預設值。

第27-20堂--聖誕賀卡製作(III)

製作完成，存成UGA檔:
1.另存成GIF檔  (圖片動畫檔,經過測試,放到威力導演只會出現畫格1,無法動，但如果用微電影則可以)
2.另存成視訊檔(可再加工,用威力導演加音樂,變成影片檔)，加工步驟：

• 用線上轉檔網站，avi檔轉成mp4,要轉檔的原因是因為威力導演無法讀取avi,如果你用其他軟體來製作,有的軟體可支援,就不需要這個步驟。
• 用send-anywhere，把影片檔傳送到手機，再用手機的威力導演加音樂。

第27-19堂--聖誕卡片製作(II)

新增橫幅文字：

1. 先開啟GIF Animator程式後，開啟檔案。
2. 游標按一下[畫格1]，再按[新增橫幅文字]的按鈕。
3. 輸入文字，再調整文字大小、顏色....等，如果輸入中文字，字型要設成中文字型，否則文字會變成一堆？？？？
4. 點選[特效]索引標籤，按一下右上角的[拉遠]鈕，讓整張照片都可以看到，游標停在文字上，變成黑色箭頭時，可以移動位置。
5. 設定是否要[進入場景]，以及[離開場景]，有打勾的話加起來的畫格數字要跟總共的全部畫格一樣。
6. 切換到[畫格控制]的畫面，將[分佈至畫格]前的核取方塊打勾，延遲時間、關鍵畫格延遲都設定一下，按[開始預覽]看看效果。
   
7. 設好是否要加霓虹燈後，按[確定]，選[建立成橫幅文字(建議選項)]。

如果按了確定，發現原來的畫格10，變成10多個畫格，表示：

• 你可能沒有把游標停在[畫格1]。
• 你可能沒有勾選[分佈至畫格]。
• 你的進入場景和離開場景，加起來的數量，大於10。

上述的解決方法-->重做比較快，如果發現位置不喜歡，要重新調整，也是重做比較快。

• 如何重做？把右邊物件區裡的橫幅文字物件刪除。

第27-18堂--聖誕卡片製作(I)

聖誕卡片製作步驟

• 1.準備素材,背景圖片(在PhotoImpact裡製作)

• 所有素材都要去背,所有背景圖片都要設定大小(例如:800*600)
• 上課時，我們練習了三個背景，分別是靜態圖片、靜態加框圖片、動態下雪圖片，這三份圖片，都設成一樣的大小，未來比較好替換。 

• 2.開啟GIF 5.05

• [檔案]-->[開啟影像]，放入背景圖片

• [檔案]-->[新增影像]，放入素材

• 先放固定的素材(例如：聖誕樹)
• 移動時-->停在畫格1-->選整組物件,再一起移動-->再按四方形的[將所有物件調成一致]鈕。
• 改變大小時-->停在畫格1-->先調一個,其他按右鍵選物件內容設定。

下堂課繼續

第27-17堂--連續漸變與新增文字

圖片由右往左：

• 按一下畫格1，選取圖片的物件，把圖片放在最右。
• 按一下畫格10，選取圖片的物件，把圖片放在最左。
• 按一下連續漸變的按鈕，起始畫格設1、結束畫格設10，更新中間畫格。

圖片由左往右：

• 用變形工具調整方向，或是把左邊的控制點，拉到比右邊的控制點還要右邊，再去設連續漸變。

• 接下來作法都一樣了，按一下畫格1，選取圖片的物件，把圖片放在最左。
• 按一下畫格10，選取圖片的物件，把圖片放在最右。
• 按一下連續漸變的按鈕，起始畫格設1、結束畫格設10，更新中間畫格。

圖片跑出去時消失：

• 作法和前面的都類似，只不過在畫格10，選取圖片的物件，移到指定位置時，要把透明度的數值設大一點，或是把眼睛閉起來，再去按[連續漸變]。

如果想要把圖片從右飛到左，再從左飛到右，就要複製物件，讓物件變成兩個，一個往右、另一個往左。

在GIF Animator中設定閃字，方法很簡單，第1,3,5,7,9單數畫格出現文字，2,4,6,8,10雙數畫格不出現，就會有閃的效果啦！

• 游標先按一下畫格1。
• 點選工具箱中的[文字工具]按鈕，出現如下圖的畫面，輸入文字。

• 記得反白選取文字，設定大小、顏色....等，按一下[預覽]看一下效果，如果不錯的話再按[確定]。
• 此時右邊的物件會多一個文字物件，設定1,3,5,7,9畫格的眼晴顯示，就會有字閃來閃去了。
• 如果想要加上霓虹燈的效果，在文字物件上按下滑鼠右鍵，選取[文字]-->[霓虹燈]。
• 出現如下圖的畫面，把[霓虹燈]前的核取方塊打勾，就會有霓虹燈的效果了。

除了設定閃動的字，還可以設定一個字、一個字依序出現的動畫，把一串字分割後，變成多個物件，就可以一一設定。

第27-15堂--連續漸變

連續漸變的動畫，使用情況是在同一個圖從左到右(或是由上到下....)都是同一張圖，例如：火車、飛機...等，從左邊飛到右邊，圖形都長得一樣，因此只要設第一張畫格、最末張畫格，再設中間的畫格是連續漸變。

至PhotoImpact 中準備素材：

• 背景圖片：不要太大張，若太大張，請先調整大小。
• 飛機：要去背，記得先把基底影像的眼睛隱藏起來後，再儲存成GIF檔。

至GIF Animator中設計動畫：

• 在PhotoImpact中，按下功能表的[視窗]-->[切換]-->[Gif Animator]。也可以直接選[開始]-->[所有程式]-->[Ulead PhotoImpact 12]-->[Ulead Gif Animator 5.05]進入。
• 按下[開啟現有的影像檔]。選背景圖。也可以用動畫精靈，設定長與寬大一點的空白背景。

• gif Animator沒有基底影像，所以先把背景圖鎖住，才不會待會兒不小心移動到而造成背景晃動。

• 接著按[檔案]-->[新增影像]，把飛機加進來，用變形工具調整好大小及方向。

• 按下[再製畫格]，會產生畫格2。

• 將畫格2的飛機，移到最後要結束的位置。游標再按回畫格1，按下[連續漸變]。

• 起始畫格設[1]，結束畫格設[2]，插入畫格設[5]，按下[確定]後，就會有7個畫格。

• 第一架飛機做好了，如果想加第二架飛機，一樣是按[檔案]-->[新增影像]，把飛機加進來，在[畫格1]的地方，用變形工具調整好大小及方向，而[畫格7]也調好飛機結束的位置。 
• 游標再按回畫格1，按下[連續漸變]。起始畫格設[1]，結束畫格設[7]，改成[更新中間畫格]，第二架飛機就也有會飛的效果了，儲存時請另存成GIF檔。

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

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