第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檔。