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