我使用的軟體是ps cc201+ae cc2015，因為用到的都是常規功能，所以使用其他版本的ps、ae也都可以。之所以決定要做動態效果圖，還要從我的畢設專案說起，我的畢設專案做的是基於web的網頁遊戲開發，當然其中也少不了後台管理嘛，畢竟我是學習軟體工程的，學院老師考慮到工作量以及答辯考核通過的問題（其實論工作量單做乙個遊戲也要花不少時間的，只是怕答辯老師不給過，不過這也不重要，畢竟在我看來畢設這是順便走個形式，我是需要拿這個專案來準備以後應聘工作的，所以要好好做呀！）
我要做的動態效果圖就類似於王者榮耀等遊戲的登陸桌布那種效果，只有部分人物肢體和部分環境事物在活動，所以，首先要選一張製作精美的桌布作為源材料。
我選了這張：
這張圖來自網路遊戲《英雄乂》（武俠版吃雞遊戲，沒玩過，不評價），正好同我做的遊戲風格比較像，因為我做的專案非商業性質，純屬個人娛樂，也沒有什麼影響力，所以不涉及什麼版權問題。
拿到圖後，我的想法是需要讓人物活動，場景中為了襯托人物也需要讓部分事物進行活動，經過考慮，決定讓人、人物上方的兩條鐵鍊進行活動，其餘部分繼續保持靜態。
既然制定好了設計方案，那麼就開始擼袖子幹活，想法挺好，實現起來也要看真本事了，作為修圖小白的我必須請教度娘、b站了。
，有想法的小夥伴可以傳送過去學習。
我是用gif製作工具做了一張gif**用來展示，所以圖中銜接處會有卡頓，我自己匯出的成品中是沒有這個卡頓的。
nice!
使用CSS製作圓角效果
web2.0中，圓角效果是很常見的，以前都是用來模仿，現在直接用css就能實現，例子 如下 html 123123123 zvzvzvxzv asdfaer23424311212313 afasdfasdfasdfasd dadsfasdfsaaaaaaaaaaaaaaa asdfaaaaaaaaa...
使用jQuery UI製作滑動條效果
前段時間在佐佐的部落格上看到這個效果 當時他是用純js寫的，中間有點bug。今天我不去幫它改進了，而是使用jquery ui來完成這個效果。效果的最終截圖 今天的效果是乙個slider效果，根據jquery ui官方的例子說明，我們需要總計3個js檔案 1 jquery.js 2 ui.core.j...
使用CSS3製作loading效果
使用了keyframes來使動畫反覆迴圈，在webkit核心瀏覽器下表現的很好，目前是webkit only，火狐也請繞道吧。下面放主要 和demo，一demo勝千言啊。主要樣式 x loading spinner x loading spinner span x loading spinner s...