Pptskill

358 views
290 views

Published on

Published in: Career
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
358
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Pptskill

  1. 1. 美安台灣公司 系統支援部門 Author: Andy YU
  2. 2. 範例 1: 介紹內容 <ul><li>設定動畫進行長度 </li></ul><ul><li>設定動畫開始時間 </li></ul><ul><li>改變播放順序 </li></ul>
  3. 3. 範例 1 : IBV and Bonus Winners Increasing July 7 th Apr. 9 th Apr. 8 th Jan. 8 th Jan. 7 th Oct. 2 nd 2 3 1 1 st Quarter IBV Awarded. Awarded 505,393 IBV to 1,071 Distributors Most Recent Quarter IBV Awarded. Awarded 550,877 IBV to 1,350 Distributors 2 nd Quarter IBV Awarded. Awarded 505,393 IBV to 1,164 Distributors
  4. 4. 此動畫的預期效果 <ul><li>曲線的動畫有「由下往上成長」的感覺 </li></ul><ul><li>當曲線跑到某個月份時,代表該階段的項目符號會出現 </li></ul><ul><li>所有動畫為自動呈現 </li></ul>
  5. 5. Step 1: 叫出動畫工具箱 <ul><li>點選工具列中的「投影片放映」 </li></ul><ul><li>再選擇「自訂動畫」 </li></ul>
  6. 6. Step2: 為曲線加入「擦去」的效果 July 7 th Apr. 9 th Apr. 8 th Jan. 8 th Jan. 7 th Oct. 2 nd 2 3 1 1 st Quarter IBV Awarded. Awarded 505,393 IBV to 1,071 Distributors Most Recent Quarter IBV Awarded. Awarded 550,877 IBV to 1,350 Distributors 2 nd Quarter IBV Awarded. Awarded 505,393 IBV to 1,164 Distributors
  7. 7. Step2 檢討 <ul><li>效果出現太快了 -> 需要變慢 </li></ul><ul><li>曲線看起來不是從左往上成長 -> 需改變方向 </li></ul>
  8. 8. Step2 修正後效果 July 7 th Apr. 9 th Apr. 8 th Jan. 8 th Jan. 7 th Oct. 2 nd 2 3 1 1 st Quarter IBV Awarded. Awarded 505,393 IBV to 1,071 Distributors Most Recent Quarter IBV Awarded. Awarded 550,877 IBV to 1,350 Distributors 2 nd Quarter IBV Awarded. Awarded 505,393 IBV to 1,164 Distributors
  9. 9. Step3 在數字符號中加入「壓縮」效果 July 7 th Apr. 9 th Apr. 8 th Jan. 8 th Jan. 7 th Oct. 2 nd 2 3 1 1 st Quarter IBV Awarded. Awarded 505,393 IBV to 1,071 Distributors Most Recent Quarter IBV Awarded. Awarded 550,877 IBV to 1,350 Distributors 2 nd Quarter IBV Awarded. Awarded 505,393 IBV to 1,164 Distributors
  10. 10. Step3 檢討 <ul><li>動畫非逐步出現 -> 需加入延遲:請在需要的效果上點選滑鼠右鍵,之後請點選「時間」 </li></ul><ul><li>請依照需求設定動畫延遲出現的時間。此範例我們將三個符號分別設定延遲 1 秒、 2.5 秒以及 4 秒 </li></ul>
  11. 11. Step3 修正後效果 July 7 th Apr. 9 th Apr. 8 th Jan. 8 th Jan. 7 th Oct. 2 nd 2 3 1 1 st Quarter IBV Awarded. Awarded 505,393 IBV to 1,071 Distributors Most Recent Quarter IBV Awarded. Awarded 550,877 IBV to 1,350 Distributors 2 nd Quarter IBV Awarded. Awarded 505,393 IBV to 1,164 Distributors
  12. 12. Step3 再檢討 <ul><li>動畫應該同步出現 -> 修改播放順序 </li></ul>
  13. 13. Step3 再修正後效果 July 7 th Apr. 9 th Apr. 8 th Jan. 8 th Jan. 7 th Oct. 2 nd 2 3 1 1 st Quarter IBV Awarded. Awarded 505,393 IBV to 1,071 Distributors Most Recent Quarter IBV Awarded. Awarded 550,877 IBV to 1,350 Distributors 2 nd Quarter IBV Awarded. Awarded 505,393 IBV to 1,164 Distributors
  14. 14. 範例 2: 介紹內容 <ul><li>「路徑」效果 </li></ul><ul><li>「強調」效果 </li></ul><ul><li>動畫的重複撥放 </li></ul>
  15. 15. OPC-3 100g Bottle Isotonix® dietary supplements are delivered in an isotonic solution.  Limited quantity available: Have your customers act now to get 15% cashback Instant Cashback & BV Cashback: 15% Cashback Alert! Limited Quantity Available
  16. 16. 此動畫預期效果 <ul><li>出現閃爍文字吸引人注目,但不要閃太久 </li></ul><ul><li>下方跑馬燈不停地跑 </li></ul>
  17. 17. Step1 加入強調動畫 <ul><li>首先再文字中加入強調動畫,引人注意 </li></ul><ul><li>在剛才新增的效果上,點選時間選項 </li></ul><ul><li>將開始時間閃爍速度、重複速度設為想要的效果 </li></ul>
  18. 18. OPC-3 100g Bottle Isotonix® dietary supplements are delivered in an isotonic solution.  Limited quantity available: Have your customers act now to get 15% cashback Instant Cashback & BV Cashback: 15% Cashback Alert! Limited Quantity Available
  19. 19. Step 2 加入跑馬燈 <ul><li>使用自訂的移動路徑,讓下方的文字看起來像跑馬燈一樣 </li></ul><ul><li>以要移動的物件的中心點為基準,調整起始點與結束點。 </li></ul><ul><li>調整動畫進行時間,以及重複撥放。讓跑馬一直持續跑到點一下滑鼠為止 </li></ul>
  20. 20. OPC-3 100g Bottle Isotonix® dietary supplements are delivered in an isotonic solution.  Limited quantity available: Have your customers act now to get 15% cashback Instant Cashback & BV Cashback: 15% Cashback Alert! Limited Quantity Available
  21. 21. 範例 3: 介紹內容 <ul><li>圖層的應用 </li></ul>
  22. 23. 此動畫的預期效果 <ul><li>希望在投影片動畫中出現模擬「翻頁」的效果 </li></ul>
  23. 24. Step1 準備圖片 <ul><li>首先須準備需要的圖片:因為我們要讓網頁上的文字有移動的效果,所以需要讓要有移動效果文字的部分成為 獨立的物件 ,才能讓它移動。舉例來說: </li></ul>
  24. 26. <ul><li>要做到剛才的移動效果,實際上我們需要用到的圖片有三張 </li></ul>① 底圖 ③ 藏在 2 號圖片下面的圖片 ② 蓋在最上面的圖片 有沒有注意到,背景是白的,因為如果有東西的話,當我將擋在上面的圖片移走時,底下的東西就會被看到了。 上面的圖片會將下面的圖片擋住,讓他看不到;抽走時下面的東西就可以看得到這 就是所謂層層相疊的「圖層」
  25. 27. Step 2 製作第一層動畫 <ul><li>按照順序將圖片一層一層的放進來 </li></ul><ul><li>Tips: 記得要先將下層圖片的動畫先做好,不然上層圖片蓋上來之後,要修改下層圖片的話,還要一層一層的移開。 </li></ul>
  26. 29. Step2 製作項目 <ul><li>上一張投影片中,我們製作了以下的項目 </li></ul><ul><ul><li>放大縮小特效 </li></ul></ul><ul><ul><li>感覺是「換頁」的特效 -> 結束 + 進入 </li></ul></ul><ul><ul><li>感覺是燈號移動的 </li></ul></ul><ul><ul><li>特效 -> 進入 </li></ul></ul>
  27. 30. 點一下出現,再點一下消失 向左飛出 從右飛入 出現特效 他們都是用不圖片所做出來的同 這個步驟中,連同底圖共用了 6 張圖片 ① ② ③ ④ ⑤ ⑥
  28. 31. Step2 檢討 <ul><li>感覺再「翻頁」時文字的部分整個跑畫面了,希望能在文字的邊界消失。 -> 再拿另一張圖片「蓋上去」,讓文字的部分「翻頁」時從底下通過。 </li></ul><ul><li>從以上的說明,您或許會發現,其實前面美安台灣入口網站的那個範例,他不只用了 3 張圖片,而是左右還有兩張,共 5 張圖片。 </li></ul>
  29. 32. Step3 改善 <ul><li>在左右兩邊各加了一張和背景「融合」的圖,並移到最上層,使其高於其他圖層,其他圖片就可以藏在他底下做進入和退出的動畫。如此就會讓人認為是僅在特定的地方進行「翻頁」而已 </li></ul>
  30. 34. <ul><li>之後只要將需要「翻頁」特效的圖片一層一層加上來,再適度調整圖層順序,就可以完成了。 </li></ul>
  31. 35. End <ul><li>Thank you. </li></ul>

×