做动图当然用PPT嗷 #PSD

文摘   广告创意   2020-10-02 23:56  


双节快乐!(蹭热度)

看似有违后缀的一篇推送!

动图大部分是PPT(或有+ScreenToGif微调)做的,不过确实有几张是只用了PS,比如上面4只崽。


最近频繁使用动图,并且意识到采取这种形式背后蕴含着某种趋势,所以简单分享一下我是咋做动图的(仅为一家之言!必有疏漏万千!),也算记录个成长史(注:最近=4个月前……想写这篇推送大约是4个月前……拖延的过程中,资料也渐渐丰富了呢……)


动图大部分为配合推送视觉而做,所以若推送是我做的,都附上了超链接,下文有下划线处都可戳。


有些动图比较长~有的是没控制好时间(这篇推送里的我有微调过),有的是故意长。希望能耐着性子、数几秒、看完!数了下只有十几个!文 末有 彩 蛋 哦


开始!

高中有关



!!我本以为第一次做动图是因为TEDx宣传推送,结果发现这个宣讲海报👇更早一点?



大一时候回高中宣讲的海报。。里面的两张照片不知是哪位伙伴拍的,超好看,感谢🙏


用PS做的海报,做好后用PPT改了动图版本。蛮喜欢便利贴元素,拟物贴贴贴上去不突兀,万能。动图版本想在QQ空间里传播着发的,那时觉得,既然便利贴了,就来个贴的动作叭!动的也更吸引人!但其实……QQ空间相当压画质,且海报比例不经调整直接放网络上,字是看不见的,非常不专业(lyf声音犹在耳畔)。后来只是自己发着玩儿,喆帝还是州州发空间的时候也没有放这张动的。


PS+PPT做法简述(前几张图会写详细点,后面只写要点。请上下滑动):

1做好海报 PS做好海报,把需要同时出现的元素放在同一个图层组里,比如大图、每两个字、每个便利贴;

2分组保存 留一个图层(组),隐藏其他全部图层,一个个保存为png格式(底色会透明)

3置入素材 打开Powerpoint,设置尺寸为海报的比例,把所有png图片素材拖进来,这时候素材会乖乖地在海报的原位置;

4裁剪调序 原位置裁剪素材,为了方便辨认素材在哪一层,然后右键 - 置于顶/底层 - 上/下移一层,调整顺序到原海报的样子;

5添加动画 打开PPT的动画窗格,一个个添加效果。比如图片和两两大字直接是「出现」,大图片变亮黄一点是「淡化」,便利贴贴上去是「擦除」+「动作路径」同时开始……

6|调整时间 添加动画的时候就要设置动画时间并不断调整,此外,菜单栏 - 切换 里面可以调整自动换片时间;

7|保存动图  好消息!现在PPT里 文件 - 导出 - 创建动态GIF 可以直接导出动图啦!我那时候是用ScreenToGif截屏的。


妈呀我就先随心写我认为的要点,有些背景基础知识可能会补充在文末,如果我还有耐心的话。



顺便紧接个和高中有关的~距宣讲半年之后,祝高中伙伴们考试顺利,做的小头像



一个卖萌的推文开头图片罢了!小图案忘了是PS还是SAI里画的,后面在PS里加表情和框字,然后直接做动图。


TEDx



轮到TEDxCUHKSZ


想要做动图,是因为在筹备第一次活动时,负责了做推送。那时感觉有个动图在开头会吸引人,就做。这个推送非常精雕细琢了(虽然还是有好几个bug)。

开头动图的灵感来源和作用就是强调Logo(杨曦设计滴,🐮)。Logo很符合环保主题、意涵清晰、联想空间大,做的过程中就可以加入自己的想法诠释。所以,这个非常简单的想法就是:地球变成眼睛。过程再丰富一点,终版动图由4个画面组成:中国地图、地球、眼睛、Logo。


那时在网上查教程,发现PS似乎只方便做一帧帧变化、渐隐还有简单的移动,不方便特殊动作;其他软件我那时没有;后来看见有人推荐用PPT然后截屏,采纳。天哪这么清晰的回忆,说明这才是我第一次做动图??


PPT做法简述(请上下滑动):

1中国地图出现、末尾变眼睛可以用 动画 - 一个个图案淡化 或 切换 - 淡入/淡出,也可以全部都用——

2|神奇「平滑」切换!这个功能只有office365有,我是从网页版加了效果下载下来的。平滑可以理解为「PPT自己可以识别当前幻灯片和下一张幻灯片的特征,并进行平滑的过渡」(cr.简书用户Doge_Container)在本动图中,典型的表现为:中国地图到地球的变化、地球到眼睛的变化。只要把两帧/页面做好,切换那里选择「平滑」,一切搞定,爽。


如果你也不是office365,那么!文末有空白的「平滑」ppt文件!只要直接下载下来,复制修改就行~

同一篇推送末尾的动图。有开头了不如来个结尾吧……!于是做了。


还有个原因就是:充分利用我画的人头(严谨:1/4人头)。我真滴很喜欢把讲者眼睛换成Logo这个想法!我是扣题狂魔!这个推送也开启了我画小人头的偷懒型创意


这个直接PS做的,因为只有简单的出现 - 消失动作。PS怎么做动图呢,我知道的也很少。大概是:把所有东西做好;打开「帧动画」;每一帧里隐藏掉不需要的;设置永久循环和每帧时间;导出 - 存储为 Web 所用格式,就能导出Gif啦!



顺便就接着第二个活动!和上面的时隔半年左右。推送见此,观感没上面那个协调纯净,没磨太久但也是有花点儿心思der。



上面这个动图在开头,基于Logo(颖琦做的,真滴🐂)。动态同样是我对Logo的想象:注入、酝酿、拓展。我是先做活动手册再做推送的,想法其实是在做手册时产生,那时画了奇点文字图案,直接搬过来用。


PPT做法简述:

Logo是已经做好的,只需要在PS里拉好线条,然后一根根保存PNG图片,导入PPT里,加「擦除」等动画、「平滑」切换,调整时间调整好久,导出,即可。

这个动图是在诠释图里那句Slogan。PPT直接做,因为没啥复杂元素,只要用PPT动画串起来就行,PPT文件会附在文末供参考。


想到图里文字这句话的时候,脑子里就知道我会做一个动图来诠释,或者说,我是因为想做动图而想要有个slogan。总之,文案和图像相互成就。这是比较明显的思维变化,会新的表现手法(动图)了,就能让原有的素材(Logo、Slogan)含义更丰富、传达更直接。很有的快感!爱了!能和大家一起做整套视觉真好!


上面两个动图都优化过,感兴趣的话可以对比一下原推送里的。之前我没有考虑头尾的衔接,现在开头结尾都把logo移到中间了,或许更顺滑。


另外,第二次活动会更注意展现品牌信息,比如Singularity主题和TEDxLogo。

啊哈哈哈还有一张,是凑数的,PPT做的。上一个活动有人像动图,这次也来一个叭……


这波的动图稍长,且数量多,很适合大会开场前循环播放。


另增小总结!有时候呢,认真做事情的动力之一就是——能被夸夸,让人认识我hhh 比如Perception环保那个会,推送被白小刺老师夸了;Singularity奇点那次,视觉被解征夸了。夸夸真是即时反馈!


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社会实践中心专场嘿嘿嘿!


第一个是疫情期间的线上讲座,邀请了 BottleDream阿菜大鱼营造何嘉老师。这类活动的周期不长,所以伙伴们动作超级迅速!我负责做推送包括相关设计。



海报其实做得不太满意,不过!何嘉老师画得很满意哈哈哈哈哈!小头像也真被拿去做头像了,超有成就感(挺胸)!阿菜男神画得不太像,我觉得可能是头发卷度不符,所以这里相较推送改过(doge)。


这个动图纯属取巧,为动而动。很喜欢BottleDream和大鱼,想出效果,但又没空仔细打磨视觉(海报就做得还有很大进步空间哈哈哈),我知道画个小人头+动起来较有噱头,所以就这么干了!


推送有仔细调整过,喜欢开头的东倒西歪文字,但是总体不够协调。还是被阿菜夸了一句,好开心。



推送零件,强行协调视觉。小女孩那个我设成了石墨头像了,编辑的时候看着会动的头像,就有很忙碌的感觉



知行计划。做完19年报告集,延续视觉系统,依然用「翻开书页,走入田野」的思路做了简单的动图,放在推文里



喜欢影片末尾式的主题信息和Logo闪现,利落。最开始做动图的时候,总觉得有渐变才精致;后来就觉得有时候渐变太拖沓了。别滥用渐变和各种效果,做PPT也是。


PPT做法简述:把素材放到PPT里;其中最重要的就是书页效果的切换,PPT自带的;后期用ScreenToGif删减了几帧调节速度,因为PPT在效果切换的时候会有点儿卡顿,效果中的速度会慢-快-慢,想要更顺畅的话需要微调。



小易想要更新SPC视觉系统(鼓掌!),让我做Logo和动图。我按照自己的思维惯性理解,像之前TEDx一样,先做Logo,然后延申出动图。Logo原来已有,是SPC四叶草紫金小苗;我想保持想法更新形态变得活泼点,但是磨了很久也没特别合适,小易说没事,Logo更新是漫长的过程,我点头(我的思路那会儿已经卡住惹)。



所以动图就没太多素材依托,选了SPC贴纸和推送末尾的图来改(这个图好像是某便捷制图软件里的模板)。写到这里我发现我把贴纸里的小星球认成UFO了……!阴差阳错,也挺可爱。


PPT做法:在PPT里直接分割元素,用裁剪+删除背景;星球圆轨迹划过和一个个照过小人那里,星球需要和一个白色大圆圈组合,然后旋转组合到下一个小人头上的位置,两个幻灯片页面之间用平滑过渡。


GSJ深圳


全球服务设计共创节深圳站,暑假的活动,是执行团队成员之一。这真是我见过组织最高效的活动了!!!活动组织和策划方面学到很多,感激不尽。



图片拍得多,质量也较高,想要多放一些在推送里。直接铺显得画面比例失调,所以上图这种推送开头图片、过程和前期准备的展示和其他合集类非重要图片,就用动图来展现。在PPT里的做法也相当简单啦:放图片、打字、选择切换效果、导出。


快速眼动


终于终于终于到了最后一个!涤纶诗社的快速眼动诗歌奖!!目前为止我最喜欢的动图!(海边读诗会之后,俺就成为了那群诗人的小粉丝!啊哈哈哈哈!希望日后仍有机会合作!)



铜钱转All IN那里不太满意,想要四个圆形同时往外扩散变成铜币的,但是上面那个咋不行,不过相比于推送里的动图,上图已经稍作优化。另一处优化是开头结尾的衔接。


非常喜欢 原->源 的变化,超出圆形边缘的线条显得非常混沌。是意外之喜。还很喜欢 乳->空 那里的设计,放大很酷。



快速眼动诗歌奖的设计开始是Giuliana与我一起做,海报/邀请函(Daydream*3 SHOCK红字)是她做的,Logo和推送我做。


锵锵锵这里有个转折!我在前一条推文提到过……我害怕做Logo……要用一个小图案传达气质内涵真的好难啊!!这次是先做了动图,然后用圆圈直接拼成Logo。虽然但看Logo很一般,但是这种展现方式能够说服我,说服我放过自己不过度纠结图标。


不过我觉得Logo也挺合适的!这种形状看着就很奖项,叠着的眼皮又像书页又魔性,挺好。



推送里还有些零件也是动图。转个方向放上来是因为我觉得竖着的眼睛好看,而且两个并排很诡异神秘洗脑鬼畜。


嘉伟:整个推送介于高级和不好看之间。我点头。整篇推送有风格(文件风格我也用过不只一次,应该是第二次,嘿嘿偷懒 了),但是间距确实没有仔细调整,不够舒服。

就这么多啦!


开头提到了趋势,动态应该早就是趋势,动态海报这个趋势大家应该能从北影节天坛奖先导海报中嗅到。那个海报和硬糖少女的Logo一样,让我一看到就觉得它应该是动的(虽然硬糖Logo没有动态版)。可能是是偏现代风格的设计都形式相对简约而拓展性强?……


我做的动图就是最最最最初级的(欢迎大佬指导!!),大家找找教程应当很快能上手。即便初级,开始接触后,很明显发现自己意识的变化:会用动态的思维去考虑画面中的关系。挺奇妙。推送里PPT里出现个动图还是挺酷的,去试试叭!


动态海报和影像结合会更酷,之前看到lrq做的复旦艺术团的,超吸睛。


现在还可以总结一些Tips,但我今儿个舟车劳顿没耐心了!简要写下:

1|动图还是建立在静止的画面设计上;

2|PPT的平滑切换很好用;

3|PPT是万能的,它的使用技巧网络上知乎公众号上有很多,想学很方便;

4|调整细节时序要花很久,顺畅的动图需要耐心.... 

其他的讨论里补充叭!



这篇是展示和思路分享向的,没啥技术分析,不过还是想更有参考价值一点,所以我打算……直接丢PPT源文件给你,如果需要的话,后台回复「动图」是的,这就是所谓彩蛋了。


晚安!

粘粘呼呼
所以有点稠