04一個實例講解靜態圖片上下、左右、旋轉移動效果

2021-01-18 鵬凰視界

各位朋友大家好,我們目前在免費推送一檔視頻後期教程,計劃推出一千期。使用三年的時間,不停更新。直至講到高級的影視後期製作,歡迎關注,點讚、分享。如果您有什麼問題或需求請留言,我們會回覆你,若是複雜的問題,我們會用一期的內容單獨為您講解。

一片紅葉從屏幕左上角移動到屏幕的右下角,由遠到近,時長5秒鐘。

位置移動動畫

第一步:點擊「效果控制項」展開,找到「位置」。滑鼠左鍵雙擊紅色樹葉兒,拉到屏幕的左上角(下圖圈紅1),然後點「位置」左邊的鐘圖標變藍色(下圖紅2 的指處),這樣得到一個關鍵幀。

第二步:播放針移動到5秒的時間線上,(下圖紅1),滑鼠左鍵直接拖動樹葉到右下角(下圖紅2 ),這樣自動得到了一個關鍵幀。

做旋轉動畫

播放上面的視頻樹葉開始移動,只是位置移動了。沒有旋轉,下面我們開始做旋轉動畫。

第一步:將播放指針回到時間線開始位置(下圖紅1),點「旋轉」左邊的時鐘圖標使其變藍色,這樣得到一個關鍵幀(下圖紅2 )。

第二步:播放針移動到5秒的時間線上,(下圖紅1),滑鼠左鍵直接拖動「旋轉」右邊藍色的數字,2X0.0就是旋轉兩周的意思。其它度數和周度數意思是一致的,(下圖紅2 ),這樣自動得到了一個關鍵幀。

播放上面的動畫,這時樹葉可以看到旋轉運動了,為了表現由遠到近的效果,我們還要做一個樹葉由小變大的動畫。

由小變大的動畫

第一步:將播放指針回到時間線開始位置(下圖紅1),點「旋轉」左邊的時鐘圖標使其變藍色,這樣得到一個關鍵幀(下圖紅2 )。

第二步:播放針移動到5秒的時間線上,(下圖紅1),滑鼠左鍵直接拖動「縮放」右邊藍色的數字變成「110」數字越大樹葉也越大,(下圖紅2 ),這樣自動得到了一個關鍵幀。

這個時候我們從關開始播放視頻,得到了一個我們想要的動畫,這個實例主要演練了圖像的下上、左右、旋轉、放大縮小的做法。想熟練掌握要加強練習。原創不易,歡迎關注,點讚、分享!您的支持是我們最大的動力!

相關焦點

  • 導引術,脊柱的左右旋轉與上下對拔,使整個脊柱在旋轉中得到拔伸
    導引術,重在脊柱的左右旋轉與上下對拔,使整個脊柱在旋轉中得到拔伸。從內景功夫的角度而言,練習日久,習練者自覺脊柱甚至整個身體有如一根空心的管道,真氣從上而下如甘露灌頂、滋潤全身、通體舒泰,此真氣下降及內斂之景象也,此內景「甘露灌頂」之密意也。踞地虎視式,從外形動作而言,雙拳拄地、兩目圓睜、搖頭擺尾,如虎之威猛,故名。踞地,指的是以兩拳拳面拄地之意。
  • 精美JS、CSS動畫時鐘設計、實現與實例分析
    其中錶盤素材如下圖所示:錶盤素材圖片通過DIV層的嵌套,製作對應的時針、分針、秒針。頁面靜態效果展示如下:帶時針前端頁面靜態效果在初始時刻所有指針全部重疊,在完成前端設計之後即可使用在定義好轉動角度之後,為實現時鐘動態效果需要進一步使用setInterval定時器方法,設置在指定周期時間內重複獲取客戶端時間,轉化後執行旋轉。
  • 實例講解——如何更改照片解析度做成電腦桌面
    實例:手機隨便拍的一張照片,想要做成屏幕解析度為1440乘900的電腦桌面,如圖我們分兩種方法討論:第一種方法:在ps裡打開原照片,點擊圖像——圖像大小——寬度改為1440——確定。點擊文件——新建——寬度1440,高度900——確定。
  • 通過實例講解數控銑削平面,熟悉G0和G1的指令應用
    這篇開始我們會通過實例給大家詳細的講解一些常用指令的實際應用。在開始講解實例前,我先了解下編程過程中需要的幾個基本指令。1、絕對值指令(G90)和增量值指令(G91)G90和G91都為模態指令,使用後一直有效,一般都用在程序開篇。絕對值指令G90:刀具移動的各點,以坐標系原點為基準的坐標值。
  • 山東牆板安裝機單抱夾可左右移動
    可安裝75-40CM厚的牆板,360度旋轉,單抱夾,帶側移,可左右移動山東牆板安裝機單抱夾可左右移動德州永樂機械設備有限公司通過多年的生產安裝實踐,開發出了輕質隔牆板安裝機器人;目的在於克服現有輕質隔牆板安裝技術方面的缺點,提供一種操作簡單、 輕便靈活、提高工作效率、降低勞動強度、保障施工安全的輕質牆板安裝設備。
  • Axure教程:隨著滑鼠移動,圖片放大效果實現
    移動滑鼠放大縮小圖片在原型設計的時候算是很常用的功能,如何在Axure中實現呢?這篇文章給你解答。關鍵步驟1:底層是圖片,第二層是小矩形;小矩形隨著滑鼠進行移動,圖片上加交互效果:滑鼠移動。因這樣的設計導致滑鼠在小矩形內部時無法生效,需要將滑鼠移出小矩形外部才能生效,此時需要在圖片與小矩形上加一個頂層:大矩形,同時將大矩形填充色的透明度設置為0%此時滑鼠在大矩形上移動就會帶著小矩形移動關鍵步驟2:1.設置邊界,令小矩形不會在大矩形外部活動,即使超出會自動回到大矩形對應的位置2.對小矩形加交互效果:加判斷條件
  • Axure教程|淘寶網商品圖片放大鏡效果製作
    使用過PC端淘寶的人都知道,在淘寶商家的商品展示中有放大鏡的功能,簡單來說就是如果用戶將滑鼠放置在圖片上,圖片的一個區域就會被放大。然後展示在右邊,這個功能可以讓用戶更好的看商品的細節,也比較好玩。這樣基本就實現了整體布局,不過我們要的顯然不是一個靜止的圖片,還需要讓它隨著放大區域的不同而發生移動。3.
  • 名師透露精品練習,新課標二年級數學下冊《平移與旋轉》同步測試
    小學新課標二年級數學下冊學習平移與旋轉的知識,這節課主要讓學生初步感受平移與旋轉現象,並能正確判斷平移和旋轉。平移和旋轉是從低年級觀察物體,通過讓學生從上下左右各方面觀察物體,初步感知物體的靜態形狀,發展到感知物體的動態運動的階段,進一步加深了學生的空間想像能力。
  • 美圖秀秀上線「魔法照片」功能:靜態圖片秒變動態大片!
    一鍵生成大片,教你製作化靜為動的「魔法照片」「魔法照片」的靈感來源於哈利波特的魔法世界,在神奇的魔法加持下,一張靜態報紙中的人物竟然動了起來,現在這種神奇的效果使用美圖秀秀也能實現。不過這種局部動態效果不是適用於所有圖片,像雲彩、水流、頭髮、旗幟、旋梯等製作出來的效果會更加理想。智能模式:海量模板加持,快速生成哈利波特式神仙魔法照片「魔法照片」智能模式製作方法很簡單。打開美圖秀秀,選擇照片——美化圖片——點擊魔法照片——選擇模板(一鍵生成)保存即可。
  • 平移和旋轉法求面積解題技巧六年級實例分析
    平移和旋轉在求面積當中是很常見的一種方法。今天以具體實例講一講如何用平移和旋轉法解題。首先觀察上圖這個陰影部分是一個正方形和四分之一的圓重疊構成的。有兩塊陰影部分組成,通過簡單分析我們可以得出兩個正方形邊長相等,兩個四分之一的圓半徑相等。通過把陰影部分平移之後我們可以的出下面圖形。我們通過平移之後把陰影部分的面積可以轉化為正方形的面積:6×6=36(平方釐米)計算比較簡潔明了,運算量不大。類似的圖好多。
  • 如何ps製作圖片拼圖效果?
    用平時製作拼圖效果,過程雖然多,但是方法很簡單。找到一張素材圖片,用ps打開,新建800*600的畫布(文件—新建),注意背景內容設置為透明。調整完後發現新建的畫布沒有出現網格,點擊視圖—顯示—網格,勾選網格這樣就出來了用矩形工具拉出一個正方形,佔4個小格子,把它放到如圖位子,新建圖層將小方格填充黑色。按住ctrl+(+號),放大圖片,聚焦到黑色小方塊。
  • 動漫手繪效果最近很火,那今天就用PS將圖片做成動漫手繪效果
    大家好,我是尤良,動漫手繪效果最近很火,今天小編用幾分鐘時間,用PS簡單地方法將圖片達到動漫手繪效果。首先準備一張圖片,拉入PS中Ctrl+j複製兩次,執行圖像-調整-曲線,將暗的地方調暗,亮的地方調亮執行濾鏡-其他-高反差保留半徑給到2.1像素將圖層模式調整為線性光,然後合併上兩層
  • 利用Axure,快速搭建移動端水平滑動效果
    滑動導航是移動端常見的設計元素組合,因為分類內容多,需要向左右兩邊水平滑動來展示更多分類內容。例如:內容分發類APP的頂部可滑動導航,電商類網站左右滑動商品列表。重點來了,添加案例:在案例中,拖動時,設置水平移動該動態面板,必須要設定一個範圍,不然可以左右無限拖動;左側邊界最大值為0;默認都是向左移動,所以是負數;左側邊界最小值-[[This.width-375]]。
  • 實例講解帶你學會調整曝光參數
    今天以實例講解手動曝光模式中的曝光參數調整,希望對攝影新手掌握手動曝光有一定的幫助作用。我們先來簡單複習曝光三要素的攝影知識,搞明白它們對曝光和拍攝效果有何影響。1、光圈光圈,簡單說就是相機鏡頭裡的通光孔,控制光圈的大小就能控制進光量的多與少。光圈對於曝光和拍攝效果的影響如下圖所示。
  • 抓拍「鑽頭貓頭鷹」照片,自帶旋轉效果,看多了會眼暈!
    社交網站上經常舉辦一些抓拍愛寵醜照的比賽,其中不乏一些鑽頭貓咪鑽頭狗……明明動態的人家不但很正常,甚至還有點萌呢,為啥要用這樣的靜態抓拍照片來傷害人家呢……雖然是靜態圖片,但看多了反而覺得它自帶一種動態效果……啊不行了不行了,小編已經暈菜了!
  • 英語語法:介詞講解及實例(2)
    介詞講解及實例(2)   (四)、for   1.動詞+for   a)動詞+for。from表示「來源、免於」等:   borrow from向…借, choose from選自, excuse from免除, keep from阻止做,   prevent from不準做, protect from不受…之害, receive from收到,   remove from移動;除去, save from保全;拯救, separate from