第五題圖片

() menu.htm網頁需含下面的資訊:

()1. 網頁背景顏色#FFFFCC

()2. 網頁內製作一個 12×1(十二列一欄)表格,框線0像素,水平置中對齊。

()3.製作一個「書曼的旅遊相簿」圖片,檔名為「0508.gif」、標楷體、外框字效果、背景為透明色,每一個字初值顏色為書(000000)、曼(FF0000)、的(FFFF00)、旅(00FF00)、遊(00FFFF)、相(0000FF)、簿(FF00FF)等七種,然後依照下列方式,由左至右間隔約1秒輪替循環變化(結果可參考「範例0508.gif」檔 )。

(1)(000000)、曼(FF0000)、的(FFFF00)、旅(00FF00)、遊(00FFFF)、相(0000FF)、簿(FF00FF)

(2)(FF00FF)、曼(000000)、的(FF0000)、旅(FFFF00)、遊(00FF00)、相(00FFFF)、簿(0000FF)

(3)(0000FF)、曼(FF00FF)、的(000000)、旅(FF0000)、遊(FFFF00)、相(00FF00)、簿(00FFFF)

(4)(00FFFF)、曼(0000FF)、的(FF00FF)、旅(000000)、遊(FF0000)、相(FFFF00)、簿(00FF00)

(5)(00FF00)、曼(00FFFF)、的(0000FF)、旅(FF00FF)、遊(000000)、相(FF0000)、簿(FFFF00)

(6)(FFFF00)、曼(00FF00)、的(00FFFF)、旅(0000FF)、遊(FF00FF)、相(000000)、簿(FF0000)

(7)(FF0000)、曼(FFFF00)、的(00FF00)、旅(00FFFF)、遊(0000FF)、相(FF00FF)、簿(000000)

 

操作步驟:

  1. 開啟photoimpact 
  2. 開新檔案  背景透明 寛 300 高 300
  3. 選擇 T 文字輸入 
  4. 設定白色 標楷體 18大小  框線 黑色 輸入 書曼的旅遊相簿.
  5. 在文字上點選成為如右的狀態(圖一)
  6. 右邊操作選單找到 工具設定-文字 - 分割文字成字元(圖二)
  7. 如分割成功,則每個字都可以點選(圖三)
  8. 將每個字都選取(可用挑選工具拖曳)
  9. 按ctrl+拖曳,取適當距離複製6份(圖四)
  10. 依題目規定對角線相關位置,設定7個字為相同頻色(圖 五)
  11. 因為無法7個字同時設定,所以只能一個字一個字的設定
  12. 設定步驟(在文字狀態):選字-選框線顏色-確定
  13. 重覆10-12
  14. 以挑選工具選取一列字(如圖 六
  15. 剪裁 ctrl+r
  16. 另存新檔(檔名自訂) 副檔名 .gif
  17. 復原原圖 重覆14-17
  18. 開啟Animator 
  19. 製作動畫 每 1 秒輪替,大小 寬 125 高 20
  20. 存檔 0508.gif

 

圖五

圖六

 

 

圖一

圖二

圖三

圖四

 

() main.htm網頁需含下面的資訊:

()1. 網頁背景顏色#FFFFCC

()2.將圖片「0511.jpg」與「0509.jpg」做影像合成,存成「0511a.jpg」,圖片寬、高均依像框規格調整,參考完成結果如下圖。

()3.將圖片「0521.jpg」與「0509.jpg」做影像合成,存成「0521a.jpg」,圖片寬、高均依像框規格調整。

()4. 將圖片「0531.jpg」與「0509.jpg」做影像合成,存成「0531a.jpg」,圖片寬、高均依像框規格調整。

()5.將圖片「0541.jpg」與「0509.jpg」做影像合成,存成「0541a.jpg」,圖片寬、高均依像框規格調整。

()6.將圖片「0551.jpg」與「0509.jpg」做影像合成,存成「0551a.jpg」,圖片寬、高均依像框規格調整。

()7.將「0511a.jpg」、「0521a.jpg」、「0531a.jpg」、「0541a.jpg」、「0551a.jpg」等五張圖片做影像合成(圖層依下圖順序排列,背景顏色為透明),存成「0510a.gif」,參考完成結果如下圖。

操作步驟:

  1. 開啟photoimpact 
  2. 開啟  0509.jpg 以 200% 顯示(如圖一)
  3. 在功能表上選取 物件-插入影像物件-從檔案-0511.jpg
  4. 插入時影像會大於相框,找到 影像 的調整點,使之大小與相框的內框一樣大(經驗值是 寬175 高125),如圖二
  5. 另存新檔 0511a.jpg
  6. 按復原鍵,回到只有相框的狀態
  7. 重複 4-6 ,分別合成 0521a.jpg  0531a.jpg 0541a.jpg  0551a.jpg
  8. 依經驗,插入的圖片物件必須調整為 175*125 ,所以在插入圖片後,可按 變形工具-在上方將固定比例解開(一個鑰匙),直接輸入 175 125 即可調整到適合大小. 如圖三
  9. 完成所有合成檔後,開啟一個新檔 透明背景 寬610 高 300
  10. 連續插入圖片物件 0511a.jpg 0522a.jpg 0531a.jpg 0541a.jpg 0551a.jpg 依題本所示調整其位置及順序(圖上按右鍵可調整順序)
  11. 另存新檔 0510a.gif

 

 

圖三

 

 

圖一

圖二