使用PS+AE制作動態頁面效果


  我使用的軟件是PS CC201+AE CC2015,因為用到的都是常規功能,所以使用其他版本的PS、AE也都可以。之所以決定要做動態效果圖,還要從我的畢設項目說起,我的畢設項目做的是基於Web的網頁游戲開發,當然其中也少不了后台管理嘛,畢竟我是學習軟件工程的,學院老師考慮到工作量以及答辯考核通過的問題(其實論工作量單做一個游戲也要花不少時間的,只是怕答辯老師不給過,不過這也不重要,畢竟在我看來畢設這是順便走個形式,我是需要拿這個項目來准備以后應聘工作的,所以要好好做呀!)

  我要做的動態效果圖就類似於王者榮耀等游戲的登陸壁紙那種效果,只有部分人物肢體和部分環境事物在活動,所以,首先要選一張制作精美的壁紙作為源材料。

  我選了這張:

  

  這張圖來自網絡游戲《英雄乂》(武俠版吃雞游戲,沒玩過,不評價),正好同我做的游戲風格比較像,因為我做的項目非商業性質,純屬個人娛樂,也沒有什么影響力,所以不涉及什么版權問題。

  拿到圖后,我的想法是需要讓人物活動,場景中為了襯托人物也需要讓部分事物進行活動,經過考慮,決定讓人、人物上方的兩條鐵鏈進行活動,其余部分繼續保持靜態。

  既然制定好了設計方案,那么就開始擼袖子干活,想法挺好,實現起來也要看真本事了,作為修圖小白的我必須請教度娘、B站了。

  很快啊!我在B戰找到了制作動圖的教程,篇幅不長,知識不冗雜,可以活學活用,最關鍵的是小姐姐講課,技術好,說話又好聽,還不啰嗦。我在這里放一下教程鏈接:https://www.bilibili.com/video/BV1ts411a7gs,有想法的小伙伴可以傳送過去學習。

  我建議小伙伴們可以先找一張自己喜歡的圖,提前下載好適合自己電腦的PS和AE,跟着小姐姐直接學習制作,這樣學習效率才會高!

  那么,經過了2天的時間,我終於把圖做完了,以下是成品的動圖效果,因為AE導出來的是視頻格式,這里我就不放出了,因為到目前我寫下這篇博客為止,我都沒有把動圖成品上傳到網絡上,一方面為我自己的畢設勞動考核問題考慮;另一方面,也為素材版權方考慮。所以,還請各位小伙伴諒解。

  

  

  我是用Gif制作工具做了一張gif動圖用來展示,所以圖中銜接處會有卡頓,我自己導出的成品中是沒有這個卡頓的。

  Nice!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM