第14課時間軸動畫

時間軸動畫TimelineanimationofPhotoshop第14課火星網(wǎng)校www.hxsd.tv版權(quán)所有：北京火星時代科技有限公司所有CopyrightBeijingMarstimestechnologyco.,LTD.AllrightsreservedWelcometothePhotoshopdesignSpecialtyCourseIntroduction時間軸——制作動畫的工具第1節(jié)火星網(wǎng)校www.hxsd.tv版權(quán)所有：北京火星時代科技有限公司所有CopyrightBeijingMarstimestechnologyco.,LTD.AllrightsreservedWelcometothePhotoshopdesignSpecialtyCourseIntroduction時間軸動畫Photoshop中制作動畫效果，可以根據(jù)需要創(chuàng)建關(guān)鍵幀動畫和時間軸動畫。本節(jié)主要講解幀動畫和時間軸動畫的創(chuàng)建方法。時間軸-幀動畫面板知識點1創(chuàng)建幀動畫幀動畫也就是設(shè)計中常說的GIF動畫，即通過多個靜態(tài)畫面連續(xù)播放而形成的動畫效果。執(zhí)行“窗口-時間軸”命令，即可打開“時間軸”面板，鼠標(biāo)左鍵單擊“創(chuàng)建幀動畫”選項即可進入幀動畫編輯，1.創(chuàng)建幀，打開合成案例源文件，執(zhí)行“窗口-時間軸-創(chuàng)建幀動畫”命令，進入幀動畫制作的操作面板，同時幀動畫的第一幀自動創(chuàng)建。第一幀幀動畫單擊復(fù)制所選幀按鈕，系統(tǒng)會將選中的幀復(fù)制出來。需要給第二幀賦予一些變化才能在播放動畫時看到變化的效果。復(fù)制第一幀并在第二幀顯示新的操作依次顯示操作步驟制作合成演示2.調(diào)整每幀時間，單擊每一幀下面的時間，可以打開時間設(shè)置菜單，在菜單中選擇時間長度或設(shè)置自定義時間即可3.播放設(shè)置，在循環(huán)播放設(shè)置菜單中，如果選擇“一次”選項，那么動畫就只播放一次，如果選擇“永遠”選項，動畫就會循環(huán)播放直至單擊暫停播放按鈕。4.刪除幀，如果想要刪除多余的幀，可以選中幀，然后單擊刪除按鈕即可，也可將需要刪除的幀直接拖拽到刪除按鈕上進行刪除。5.輸出幀動畫，設(shè)置好播放時間和播放次數(shù)后，執(zhí)行“文件-導(dǎo)出-存儲為Web所用格式”命令，或按快捷鍵Ctrl+Shift+Alt+S彈出存儲為Web所用格式，選擇GIF128仿色格式（圖片過渡相對更自然些）。幀動畫存儲界面6.添加過渡幀動畫，使用自動創(chuàng)建過渡動畫的功能可以制作出很多不同的過渡效果，包括透明度的過渡、位置的過渡、對象效果的過渡等。制作兩幀動畫過渡設(shè)置面板添加過渡幀知識點2視頻時間軸執(zhí)行“窗口-時間軸”命令，打開時間軸面板，單擊創(chuàng)建視頻時間軸按鈕，視頻時間軸就創(chuàng)建出來了。設(shè)置不同的動作屬性可以調(diào)整視頻時間軸中對象的動態(tài)效果，可以制作的常用動態(tài)效果包括位置的變化、不透明度的變化、樣式的變化和形狀變換。時間軸動畫界面1.位置的變化，單擊向右箭頭打開矩形圖層的動作屬性菜單，在“位置”一欄單擊啟用關(guān)鍵幀動畫按鈕，創(chuàng)建第一個關(guān)鍵幀，然后把時間線調(diào)到想要的位置，將矩形調(diào)整到畫布下方，在時間線位置自動生成第二個關(guān)鍵幀。位置變化動畫3.樣式動畫，用同樣的矩形來制作樣式的變化效果。設(shè)置好矩形的初始外描邊效果后，在時間軸的初始位置單擊“樣式”一欄上的啟用關(guān)鍵幀動畫按鈕，創(chuàng)建第一個關(guān)鍵幀，然后把時間線調(diào)到想要的位置，更改矩形的描邊參數(shù)，創(chuàng)建出第二個關(guān)鍵幀。描邊樣式動畫2.不透明度動畫，用同樣的矩形來制作不透明度的變化效果。在時間軸的初始位置單擊“不透明度”一欄上的啟用關(guān)鍵幀動畫按鈕，創(chuàng)建第一個關(guān)鍵幀，然后把時間線調(diào)到想要的位置，更改矩形的圖層不透明度為20%，創(chuàng)建出第二個關(guān)鍵幀。不透明度動畫4.變換動畫，在視頻時間軸中，只有智能對象可以進行形狀的變換，所以需要將矩形轉(zhuǎn)化為智能對象。在時間軸的初始位置單擊“變換”一欄上的啟用關(guān)鍵幀動畫按鈕后，通過多次變換矩形形狀和調(diào)整時間，即可創(chuàng)建多個關(guān)鍵幀。5.過渡效果，在視頻時間軸中可以設(shè)置動畫的過渡效果。過渡效果指的是元素與元素之間的過渡效果，如矩形圖層設(shè)置漸隱過渡效果后，它就會在背景上緩慢地出現(xiàn)。設(shè)置過渡效果的方法是選中想要的過渡效果后，將其拖曳至?xí)r間軸上。過渡動畫8.視頻剪輯，當(dāng)視頻播放到需要剪輯的地方，可以單擊在播放頭處拆分按鈕，對視頻進行拆分。視頻被拆分后，可以選中不需要的片段按Delete鍵刪除，刪除的片段前后的兩段視頻將自動連接起來。6.設(shè)置工作區(qū)域時間，整個視頻的時長在時間軸上受兩個控點控制，調(diào)整這兩個控點可以調(diào)整視頻的時長。7.調(diào)整視頻播放速度，打開視頻文件，在時間軸面板上單擊視頻對應(yīng)的時間軸末端的按鈕，即可調(diào)整視頻的播放速度。調(diào)節(jié)工作區(qū)域時間調(diào)整播放速度視頻剪輯9.輸出視頻動畫,想要輸出視頻文件，需要執(zhí)行“導(dǎo)出-渲染視頻”命令，或單擊時間軸面板左下角的按鈕，在彈出的對話框中選擇視頻的格式，如H.264格式等，然后單擊渲染按鈕，即可導(dǎo)出文件。視頻渲染設(shè)置動畫制作案例第2節(jié)版權(quán)所有：北京火星時代科技有限公司所有CopyrightBeijingMarstimestechnologyco.,LTD.AllrightsreservedWelcometothePhotoshopdesignSpecialtyCourseIntroduction火星網(wǎng)校www.hxsd.tv動畫制作案例在文字之后，分別給裝飾點綴元素進行動態(tài)設(shè)置，將紅包、金幣等元素合并為一層并進行大小變換。在當(dāng)前設(shè)計流行風(fēng)格中，常在手機彈窗或閃屏位置添加動畫效果，以增強視覺吸引力。裝飾元素動畫給飛船和星球添加位置的移動，給宇航員和火箭添加透明度的調(diào)節(jié)。當(dāng)將需要添加的動效添加好以后，鼠標(biāo)拖曳素材軸整體調(diào)整元素顯示的先后順序，這里設(shè)定文字先出現(xiàn)，然后裝飾元素后出現(xiàn)。動畫圖層分類案例圖整理圖層對標(biāo)題進行位置、透明度的添加，給中間內(nèi)容文字添加從大到小的變換、以及透明度的變化。文字動畫制作調(diào)整動畫節(jié)奏剪輯視頻將調(diào)整好動效的內(nèi)容渲染為MP4，將MP4文件置入Photoshop進行播放速度的調(diào)節(jié)和多余元素的裁剪本課練習(xí)題版權(quán)所有：北京火星時代科技有限公司所有CopyrightBeijingMarstimestechnologyco.,LTD.AllrightsreservedWelcometothePhotoshopdesignSpecialtyCourseIntroduction火星網(wǎng)校www.hxsd.tv本課練習(xí)題1．判斷題（1）幀動畫也就是設(shè)計中常說的GIF動畫，即通過多個靜態(tài)畫面連續(xù)播放而形成的動畫效果。（）（2）幀動畫和時間軸動畫可以相互轉(zhuǎn)換。（）（3）制作完成的幀動畫可通過快捷鍵Ctrl+Shift+Alt+S存儲GIF格式即可播放。（）參考答案：（1）√（2）√（3）√2．操作題根據(jù)提供的banner源文件，給banner添加動效，使用知識點創(chuàng)建時間軸，給光效添加閃爍效果。操作提示步驟1創(chuàng)建時間軸動畫，給產(chǎn)品周圍光圈添加漸隱效果。步驟2給瓶身上高光效果添加閃爍效果，通過添加透明度變化來實現(xiàn)閃爍效果。步驟3給圓角矩形上的高光添加閃爍效果，制作方法與瓶身高光變化相同。步驟4文字部分可根據(jù)具體效果，選擇添加或不添加，添加的話可將文字分兩部分，上面大標(biāo)題和中英文部分制作從上到下的位置變換，下面文字可制作從下向上的位置變換。效果圖版權(quán)所有