雙節快樂!(蹭熱度)
看似有違后綴的一篇推送!
動圖大部分是PPT(或有+微調)做的,不過確實有幾張是只用了PS,比如上面4只崽。
最近頻繁使用動圖,并且意識到采取這種形式背后蘊含著某種趨勢,所以簡單分享一下我是咋做動圖的(僅為一家之言!必有疏漏萬千!),也算記錄個成長史。(注:最近=4個月前……想寫這篇推送大約是4個月前……拖延的過程中,資料也漸漸豐富了呢……)
動圖大部分為配合推送視覺而做,所以若推送是我做的,都附上了超鏈接,下文有下劃線處都可戳。
有些動圖比較長~有的是沒控制好時間(這篇推送里的我有微調過),有的是故意長。希望能耐著性子、數幾秒、看完!數了下只有十幾個!文 末有 彩 蛋 哦
開始!
高中有關
!!我本以為第一次做動圖是因為TEDx宣傳推送,結果發現這個宣講海報更早一點?
大一時候回高中宣講的海報。。里面的兩張照片不知是哪位伙伴拍的,超好看,感謝
用PS做的海報,做好后用PPT改了動圖版本。蠻喜歡便利貼元素,擬物貼貼貼上去不突兀,萬能。動圖版本想在QQ空間里傳播著發的,那時覺得,既然便利貼了,就來個貼的動作叭!動的也更吸引人!但其實……QQ空間相當壓畫質,且海報比例不經調整直接放網絡上,字是看不見的,非常不專業(lyf聲音猶在耳畔)。后來只是自己發著玩兒,喆帝還是州州發空間的時候也沒有放這張動的。
PS+PPT做法簡述(前幾張圖會寫詳細點,后面只寫要點。請上下滑動):
1|做好海報 PS做好海報,把需要同時出現的元素放在同一個圖層組里,比如大圖、每兩個字、每個便利貼;
2|分組保存 留一個圖層(組),隱藏其他全部圖層,一個個保存為png格式(底色會透明);
3|置入素材 打開,設置尺寸為海報的比例,把所有png圖片素材拖進來,這時候素材會乖乖地在海報的原位置;
4|裁剪調序 原位置裁剪素材,為了方便辨認素材在哪一層,然后右鍵 - 置于頂/底層 - 上/下移一層,調整順序到原海報的樣子;
5|添加動畫 打開PPT的動畫窗格,一個個添加效果。比如圖片和兩兩大字直接是「出現」,大圖片變亮黃一點是「淡化」,便利貼貼上去是「擦除」+「動作路徑」同時開始……
6|調整時間 添加動畫的時候就要設置動畫時間并不斷調整,此外,菜單欄 - 切換 里面可以調整自動換片時間;
7|保存動圖好消息!現在PPT里 文件 - 導出 - 創建動態GIF 可以直接導出動圖啦!我那時候是用截屏的。
媽呀我就先隨心寫我認為的要點,有些背景基礎知識可能會補充在文末,如果我還有耐心的話。
順便緊接個和高中有關的~距宣講半年之后,祝高中伙伴們考試順利,做的小頭像。
一個賣萌的罷了!小圖案忘了是PS還是SAI里畫的,后面在PS里加表情和框字,然后直接做動圖。
TEDx
輪到!
想要做動圖,是因為在籌備第一次活動時,負責了做。那時感覺有個動圖在開頭會吸引人,就做。這個推送非常精雕細琢了(雖然還是有好幾個bug)。
開頭動圖的靈感來源和作用就是強調Logo(楊曦設計滴,)。Logo很符合環保主題、意涵清晰、聯想空間大,做的過程中就可以加入自己的想法詮釋。所以,這個非常簡單的想法就是:地球變成眼睛。過程再豐富一點,終版動圖由4個畫面組成:中國地圖、地球、眼睛、Logo。
那時在網上查教程,發現PS似乎只方便做一幀幀變化、漸隱還有簡單的移動,不方便特殊動作;其他軟件我那時沒有;后來看見有人推薦用PPT然后截屏,采納。天哪這么清晰的回憶,說明這才是我第一次做動圖??
PPT做法簡述(請上下滑動):
1|中國地圖出現、末尾變眼睛可以用 動畫 - 一個個圖案淡化 或 切換 - 淡入/淡出,也可以全部都用——
2|神奇「平滑」切換!這個功能只有有,我是從網頁版加了效果下載下來的。平滑可以理解為「PPT自己可以識別當前幻燈片和下一張幻燈片的特征,并進行平滑的過渡」(cr.簡書用戶)在本動圖中,典型的表現為:中國地圖到地球的變化、地球到眼睛的變化。只要把兩幀/頁面做好,切換那里選擇「平滑」,一切搞定,爽。
如果你也不是,那么!文末有空白的「平滑」ppt文件!只要直接下載下來,復制修改就行~
同一篇推送末尾的動圖。有開頭了不如來個結尾吧……!于是做了。
還有個原因就是:充分利用我畫的人頭(嚴謹:1/4人頭)。我真滴很喜歡把講者眼睛換成Logo這個想法!我是扣題狂魔!這個推送也開啟了我畫小人頭的偷懶型創意。
這個直接PS做的,因為只有簡單的出現 - 消失動作。PS怎么做動圖呢,我知道的也很少。大概是:把所有東西做好;打開「幀動畫」;每一幀里隱藏掉不需要的;設置永久循環和每幀時間;導出 - 存儲為 Web 所用格式,就能導出Gif啦!
順便就接著第二個活動!和上面的時隔半年左右。,觀感沒上面那個協調純凈,沒磨太久但也是有花點兒心思der。
上面這個動圖在開頭,基于Logo(穎琦做的,真滴)。動態同樣是我對Logo的想象:注入、醞釀、拓展。我是先做活動手冊再做推送的,想法其實是在做手冊時產生,那時畫了奇點文字圖案,直接搬過來用。
PPT做法簡述:
Logo是已經做好的,只需要在PS里拉好線條ps可以改gif圖嗎,然后一根根保存PNG圖片,導入PPT里,加「擦除」等動畫、「平滑」切換,調整時間調整好久,導出,即可。
這個動圖是在詮釋圖里那句。PPT直接做,因為沒啥復雜元素,只要用PPT動畫串起來就行,PPT文件會附在文末供參考。
想到圖里文字這句話的時候,腦子里就知道我會做一個動圖來詮釋,或者說,我是因為想做動圖而想要有個。總之,文案和圖像相互成就。這是比較明顯的思維變化,會新的表現手法(動圖)了,就能讓原有的素材(Logo、)含義更豐富、傳達更直接。很有做品牌視覺的快感!愛了!能和大家一起做整套視覺真好!
上面兩個動圖都優化過,感興趣的話可以對比一下里的。之前我沒有考慮頭尾的銜接,現在開頭結尾都把logo移到中間了,或許更順滑。
另外,第二次活動會更注意展現品牌信息,比如主題和。
啊哈哈哈還有一張,是湊數的,PPT做的。上一個活動有人像動圖,這次也來一個叭……
這波的動圖稍長,且數量多,很適合大會開場前循環播放。
另增小總結!有時候呢,認真做事情的動力之一就是——能被夸夸,讓人認識我hhh 比如環保那個會,推送被白小刺老師夸了;奇點那次,視覺被解征夸了。夸夸真是即時反饋!
CPR/大學
這部分是給CPRO傳訊公關處做滴,應當校內可公用。謝謝易榕老師和我分享了優秀想法!
哇,全扔上來還挺壯觀……只是做了點把剪紙上的云改成動的的微小工作!主要是剪紙好看,藝術家:吳自力、何文敏。
PS做法簡述:
1|摳圖扣出云的部分;
2|拓展云的邊界,讓云在運動畫面中完整。如想要同向不斷飄過那種,可復制一個到旁邊,然后手動繪制連接中間部分;
3|新建圖層組,把云放到圖層組里;選中白色部分天空,用這個選區,在圖層組那一級創建剪切蒙版;
4|把云拖到初始位置,創建幀動畫;再新增一幀,移動云到終點位置;點過渡圖標。OK!
然后就是最新的3張圖啦~本來任務是要做節日表情包的,但是我不太幽默不太會做有趣表情包,就當作圖來畫惹……
中秋的~直接搬了今年學校發的月餅。
國慶的~好喜歡黑短發小女孩噢!
還有一個沒這倆可愛,就不放上來了qwq。易榕老師后面還把它改做了特別表情包風格特別有氛圍的動圖!比如大學公眾號十一發的第二條推送的方形預覽圖。
SAI+PS做法簡述:
這其實和動圖沒啥關系啦,只是把幾個圖片合起來動起來而已。用SAI畫完,存成psd格式到PS里,簡單變換后導出GIF。
UAC
大學藝術中心藝術課程第三期的海報,前一條有放進去der,從設計和課程體驗的角度寫了蠻多了的!
節選上條推送:「找到靈感其實很簡單」,剛看到如此可愛的名字,腦海里就自動加上了哆啦A夢同款配音。再補充一句,這個海報整體計算機復古界面風格其實沒出來,但是哆啦A夢的點子足夠讓我喜歡了!
做法就是:在PS里做好海報,哆啦A夢那個框的背景做兩種顏色的,新建幀動畫分別隱藏,導出。
最近又在做這個課程成果的展覽,大家的海報都很有意思哈哈哈哈哈哈。喻喆好強carry了展覽,特此表示尊敬。其他伙伴也都用心且高效,希望展覽效果還不錯(祈禱)。
SPC
接下來是SPC社會實踐中心專場嘿嘿嘿!
第一個是疫情期間的線上講座,邀請了 的阿菜和大魚營造的何嘉老師。這類活動的周期不長,所以伙伴們動作超級迅速!我負責包括相關設計。
海報其實做得不太滿意,不過!何嘉老師畫得很滿意哈哈哈哈哈!小頭像也真被拿去做頭像了,超有成就感(挺胸)!阿菜男神畫得不太像,我覺得可能是頭發卷度不符,所以這里相較推送改過(doge)。
這個動圖純屬取巧,為動而動。很喜歡和大魚,想出效果,但又沒空仔細打磨視覺(海報就做得還有很大進步空間哈哈哈),我知道畫個小人頭+動起來較有噱頭,所以就這么干了!
推送有仔細調整過,喜歡開頭的東倒西歪文字,但是總體不夠協調。還是被阿菜夸了一句,好開心。
推送零件,強行協調視覺。小女孩那個我設成了石墨頭像了,編輯的時候看著會動的頭像,就有很忙碌的感覺。
知行計劃。做完19年報告集,延續視覺系統,依然用「翻開書頁,走入田野」的思路做了簡單的動圖,放在。
喜歡影片末尾式的主題信息和Logo閃現,利落。最開始做動圖的時候,總覺得有漸變才精致;后來就覺得有時候漸變太拖沓了。別濫用漸變和各種效果,做PPT也是。
PPT做法簡述:把素材放到PPT里;其中最重要的就是書頁效果的切換,PPT自帶的;后期用刪減了幾幀調節速度,因為PPT在效果切換的時候會有點兒卡頓,效果中的速度會慢-快-慢,想要更順暢的話需要微調。
小易想要更新SPC視覺系統(鼓掌!),讓我做Logo和動圖。我按照自己的思維慣性理解,像之前TEDx一樣,先做Logo,然后延申出動圖。Logo原來已有ps可以改gif圖嗎,是SPC四葉草紫金小苗;我想保持想法更新形態變得活潑點,但是磨了很久也沒特別合適,小易說沒事,Logo更新是漫長的過程,我點頭(我的思路那會兒已經卡住惹)。
所以動圖就沒太多素材依托,選了SPC貼紙和推送末尾的圖來改(這個圖好像是某便捷制圖軟件里的模板)。寫到這里我發現我把貼紙里的小星球認成UFO了……!陰差陽錯,也挺可愛。
PPT做法:在PPT里直接分割元素,用裁剪+刪除背景;星球圓軌跡劃過和一個個照過小人那里,星球需要和一個白色大圓圈組合,然后旋轉組合到下一個小人頭上的位置,兩個幻燈片頁面之間用平滑過渡。
GSJ深圳
全球服務設計共創節,暑假的活動,是執行團隊成員之一。這真是我見過組織最高效的活動了!!!活動組織和策劃方面學到很多,感激不盡。
圖片拍得多,質量也較高,想要多放一些在推送里。直接鋪顯得畫面比例失調,所以上圖這種推送開頭圖片、過程和前期準備的展示和其他合集類非重要圖片,就用動圖來展現。在PPT里的做法也相當簡單啦:放圖片、打字、選擇切換效果、導出。
快速眼動
終于終于終于到了最后一個!滌綸詩社的快速眼動詩歌獎!!目前為止我最喜歡的動圖!(海邊讀詩會之后,俺就成為了那群詩人的小粉絲!啊哈哈哈哈!希望日后仍有機會合作!)
銅錢轉All IN那里不太滿意,想要四個圓形同時往外擴散變成銅幣的,但是上面那個咋不行,不過相比于推送里的動圖,上圖已經稍作優化。另一處優化是開頭結尾的銜接。
非常喜歡 原->源 的變化,超出圓形邊緣的線條顯得非常混沌。是意外之喜。還很喜歡 乳->空 那里的設計,放大很酷。
快速眼動詩歌獎的設計開始是與我一起做,海報/邀請函(*3 SHOCK紅字)是她做的,Logo和我做。
鏘鏘鏘這里有個轉折!我在前一條推文提到過……我害怕做Logo……要用一個小圖案傳達氣質內涵真的好難啊!!這次是先做了動圖,然后用圓圈直接拼成Logo。雖然但看Logo很一般,但是這種展現方式能夠說服我,說服我放過自己不過度糾結圖標。
不過我覺得Logo也挺合適的!這種形狀看著就很獎項,疊著的眼皮又像書頁又魔性,挺好。
推送里還有些零件也是動圖。轉個方向放上來是因為我覺得豎著的眼睛好看,而且兩個并排很詭異神秘洗腦鬼畜。
嘉偉:整個推送介于高級和不好看之間。我點頭。整篇推送有風格(文件風格我也用過不只一次,應該是第二次,嘿嘿偷懶 了),但是間距確實沒有仔細調整,不夠舒服。
就這么多啦!
開頭提到了趨勢,動態應該早就是趨勢,動態海報這個趨勢大家應該能從北影節天壇獎先導海報中嗅到。那個海報和硬糖少女的Logo一樣,讓我一看到就覺得它應該是動的(雖然硬糖Logo沒有動態版)。可能是是偏現代風格的設計都形式相對簡約而拓展性強?……
我做的動圖就是最最最最初級的(歡迎大佬指導!!),大家找找教程應當很快能上手。即便初級,開始接觸后,很明顯發現自己意識的變化:會用動態的思維去考慮畫面中的關系。挺奇妙。推送里PPT里出現個動圖還是挺酷的,去試試叭!
動態海報和影像結合會更酷,之前看到lrq做的復旦藝術團的,超吸睛。
現在還可以總結一些Tips,但我今兒個舟車勞頓沒耐心了!簡要寫下:
1|動圖還是建立在靜止的畫面設計上;
2|PPT的平滑切換很好用;
3|PPT是萬能的,它的使用技巧網絡上知乎公眾號上有很多,想學很方便;
4|調整細節時序要花很久,順暢的動圖需要耐心....
其他的討論里補充叭!
這篇是展示和思路分享向的,沒啥技術分析,不過還是想更有參考價值一點,所以我打算……直接丟PPT源文件給你,如果需要的話,后臺回復「動圖」。是的,這就是所謂彩蛋了。
晚安!