情境1高職高專教學工作水平評估建網(wǎng)gif動畫

項目展示與項目目標1項目展示與項目目標

掌握Photoshop動畫面板的使用方法掌握Photoshop制作動畫的基本方法掌握過渡動畫的制作方法掌握文字動畫的制作方法關(guān)鍵知識點一：認識Photoshop中的“動畫”面板

2.項目資訊動畫幀循環(huán)次數(shù)

幀延時間

播放/停止新建復制幀刪除幀轉(zhuǎn)換時間幀1）新建一個文件，寬777像素，高151像素。打開“學院全景1.jpg”和“學院全景2.jpg”，使用移動工具將他們拖至效果圖中。2）單擊“復制所選幀”按鈕2次。“時間軸”->點擊“創(chuàng)建幀動畫”，打開窗體2.項目資訊關(guān)鍵知識點一：認識Photoshop中的“動畫”面板

圖層元素縮小放大切換洋蔥皮當前時間指示器添加注釋設(shè)置全局光源“創(chuàng)建視頻時間軸”窗體2.項目資訊關(guān)鍵知識點二：調(diào)整圖層的顯示屬性制作過渡動畫

使用“過渡”命令可自動添加或者修改來鏈接年各個現(xiàn)有幀之間的一系列幀，即均勻地改變新幀之間的圖層屬性（位置、不透明度或效果參數(shù)）以創(chuàng)建移動外觀。

a）第1與第3幀的顯示效果相同

b）第1與第3幀的圖層顯示狀況

c）第2幀的顯示效果（顯示學院全景2）

d）第2幀的圖層顯示狀況（隱藏學院全景1）

2.項目資訊3）選中第2幀，在圖層面板中設(shè)置圖層“學院主景1”為隱藏狀態(tài)。（見上一頁ppt）

4）在“動畫”面板中，單擊每幀的右下角的“選擇幀延時間”按鈕，此時在彈出的列表中可以為每一幅設(shè)定好的過程圖像設(shè)置時間延遲，如圖所示設(shè)置為0.1秒（第1、2、3幀的動畫顯示時間為0.1秒）。

關(guān)鍵知識點二：調(diào)整圖層的顯示屬性制作過渡動畫

2.項目資訊5）在“動畫”面板中，選中第二幀然后單擊“過渡動畫幀”按鈕，將彈出如左圖所示的對話框。此時在動畫面板中會在第1幀與第2幀之間增加5個過渡幀，如右圖所示。關(guān)鍵知識點二：調(diào)整圖層的顯示屬性制作過渡動畫

2.項目資訊6）采用同樣的方法（默認選中的是第七幀），再次單擊“過渡動畫幀”按鈕，在“過渡方式”下拉列表中修改為“下一幀”，點擊“確定”按鈕。

7）分別選擇第1幀與第7幀，設(shè)置其動畫顯示時間為“2秒”。

8）點擊“播放動畫”按鈕，測試動畫，執(zhí)行“文件”→“存儲為Web和設(shè)備所用格式”保存圖像為Gif格式就可以了。

關(guān)鍵知識點二：調(diào)整圖層的顯示屬性制作過渡動畫

3.項目計劃與決策

高職高專教學工作水平評估評建網(wǎng)中的動畫可以使用“學院全景1.jpg”作為背景，然后輸入“以評促建以評促改以評促管評建結(jié)合重在建設(shè)”二十字方針，制作這二十字逐個顯示的動畫效果，最終實現(xiàn)淡出效果。4.項目實施

1）啟動Photoshop軟件,新建一個文件，命名為“高職高專教學工作水平評估評建網(wǎng)動畫.psd”，寬777像素，高151像素，打開素材文件夾，打開“學院全景1.jpg”，然后使用“移動工具”將這幅圖像拖至效果圖中。2）使用“文本工具”分別輸入“以”、“評”、“促”、“建”四個字（簡單設(shè)置：黑體，24點，渾厚），然后調(diào)整四個字的位置使其排列整齊（可以按住<Shift>鍵選擇“以”、“評”、“促”、“建”四個圖層，然后點擊“鏈接圖層”按鈕，使用“移動工具”，設(shè)置其“頂對齊”，“水平居中分布”），如圖所示。

4.項目實施

3）在“動畫”面板中設(shè)置第一幀的顯示時間為0.2秒，連續(xù)點擊“復制當前幀”按鈕4次復制4幀（包括第一幀共5幀），然后選擇第1幀，設(shè)置圖層面板將“以”、“評”、“促”、“建”圖層全部隱藏；選擇第2幀，將“以”字圖層顯示，第3幀，將“以”、“評”兩個圖層顯示，第4幀，將“以”、“評”、“促”三個圖層顯示，第5幀，將“以”、“評”、“促”、“建”四個圖層顯示，效果如圖所示。4.項目實施

4.項目實施

4)采用第三步同樣的方法制作“以評促改”、“以評促管”、“評建結(jié)合”、“重在建設(shè)”這4組文字的16個字，依次制作動畫效果共建立21幀（第21幀將所有的文字全部顯示）。5）這一步制作動畫文本的淡出效果（使用過渡），選擇第21幀，然后點擊“復制當前幀”按鈕新增加一幀（第22幀），將第22幀的20個文本圖層全部隱藏不顯示（只顯示學院全景圖片），然后再次選擇第21幀，最后單擊“過渡動畫幀”按鈕，在“過渡”對話框中，將過渡方式設(shè)置為“下一幀”，點擊“確定”按鈕完成淡出效果的制作。6）“播放動畫”按鈕測試動畫，大家會發(fā)現(xiàn)，動畫變換節(jié)奏太快，所以最后調(diào)整一下動畫的顯示時間設(shè)置，選擇第21幀，設(shè)置其顯示時間為3秒鐘，選擇最后一幀，設(shè)置時間為2秒，再次測試比較合適，執(zhí)行文件”→“存儲為Web和設(shè)備所用格式”保存圖像為Gif格式就可以了，最終的動畫效果如圖5-1所示（用IE瀏覽器預覽）。

6.強化拓展實訓：廣告banner的制作

簡單的Banner廣告條的制作。大家可以使用分層的圖像，將位置變換、不透明度變換、樣式變換等來