收藏本站 关于我们

低门槛,低成本,用Keynote 3分钟实现高品质gif(原

发布时间:2016-12-05 22:19:50   来源:PS教程   人气:0

前言:写在前面:视觉宝宝们,在设计界全民视频化,VR,动效满天飞,每天都在创新的互联网设计新时代浪潮下,你还在为自己精心堆砌出的完美像素沾沾自喜么

写在前面:视觉宝宝们,在设计界全民视频化,VR,动效满天飞,每天都在创新的互联网设计新时代浪潮下,你还在为自己精心堆砌出的完美像素沾沾自喜么?


残忍的告诉你,这已经远远不够了,得让你的设计动起来!不仅能让前端工程师更清楚的理解你脑中的呈现效果,减少沟通及返工成本,同时也能让我们的设计输出更加完整专业并且B格满满。


然而传统的用Photoshop时间线来制作动效的方法,过于复杂,并且不够灵活,在需要做到位移和缩放效果并行的时候就显得尤为笨拙,往往需要一帧一帧的设置并不断调试,太耗费精力,并且呈现效果还不一定顺畅, 而能够做出细腻动效的像AfterEffects等专业动效软件学习成本又过高,让人望而却步…


不要蓝瘦,不要香菇,这个时候其实我们完全可以偷个懒,弯道超车!


来,先看张图:

 

\


如此流畅细腻的动效当然不是用Photoshop一帧帧做出来的~ 我们用Keynote,3分钟就能实现,快来一起get这个技能吧!


首先,你的电脑里需要安装以下2个软件:

 

\


Step 4,全部设置完成后,点击右下角 “动作顺序” , 将构件顺序全部设置为 “与构件1一起”,至此你的动效设计已经完成一大半了!点击预览,查看呈现效果,如不够完美,可回到Step 3,继续对每个图层动作进行微调。

 

\

Step 6,将导出的视频文件在MAC系统自带的Quicktime Player中打开,快速剪辑(如不在意动效前后停顿时间过长可省略此步骤); 操作:编辑 > 修剪,此时可以看到播放窗口中的视频文件部分出现了一个黄色的边框,拖动黄色边框两端部分,裁切掉视频前后部分的空白内容,保留中间动作部分,并储存;

 

\


by阿里巴巴_B2B_UED 桃子

本文来自PS教程网www.46PS.com,转载请注明!关键词:平面设计平面设计教程原创自译教程


PS教程