微动画,简单的微动画实例

什么是微动画?就是一张动态图片,只有其中一部分是会动,其他地方都是静止的,这种效果图片很常见,今天就教大家怎做这种效果。,大家可以跟着教程一起来学习吧,做完记得交作业!

关键有几点

  1) 活动要重复、循环、轻微

  2) 静止留白的空间要占大比例 (最好有人做衬托)

  3) 色调要有电影感 / 怀旧感 (黑白亦可)

  (一) 拍摄工作U

  1) 用脚架加上一部可以录像的相机,然后拍摄一段短片。

  2) 拍摄前先要构思好什么地方静止,什么地方活动,而活动最好是可以循环而自然接驳。

  3) 拍摄时使用M档,包括白平衡与对焦也要使用手动,减少无谓变化。

  先来看个简单的例子

微动画,简单的微动画实例_www.16xx8.com

  (二) 后期工作U

  当你拍摄完成后,就可以用 Photoshop 编辑了 (示范图中是CS6),首先输入影片,到File Import VideoFrames to Layers

  

微动画,简单的微动画实例_www.16xx8.com

  选择你需要的影片段落,但这个不太好用,如果你有其他影片制作软件,先用它们来剪裁会比方便。

  

微动画,简单的微动画实例_www.16xx8.com

  PS 会将影片的每一格变成图层,并且透过视窗「Timeline」显示,如果找不到的话,到 menu 找 WindowTimeline,如下图。

  

微动画,简单的微动画实例_www.16xx8.com

  复制一张你认为适合做静止画面底图的layer,放到最顶。用选取工具,将你希望动起来的部份选取出来,然后删除,选取时要预留一点空间,尤其是遇上阴影 /倒影部份。删除后你要选取全部的timeline,再到置顶图层点开「眼睛」(visible),这样才会成为所有影格的「背景图」。还有你选取全 timeline后,可自行设定各影格的速度,例如这里设定是0.2 秒,稍慢的话会更有电影感。

  

微动画,简单的微动画实例_www.16xx8.com

  理论上如果你的影片本身是完美地循环接驳的话,当你按左下角的 play时,它就会不断播放然后变成一个原始的动态照片。但如果不行的话,你可以自行增加影格,方法就是按 timeline 下方的按钮增加一格,然后自行 visible该影格的图层,如下图。

秘诀是将原本的影片,从最尾倒带再增加一次,这样就会很流畅。例如原本是 A B C,现在你变成 AB CB A 这样循环的话就自然会较流畅,当然也视乎你的影片而定。(例如单向行车的话,就不用这样做)

  

微动画,简单的微动画实例_www.16xx8.com

  当影片循环流畅后,你就要替照片调色。首先谨记要先选取 timeline 所有影格,然后到右下角增加 adjustment layer,例如这里就用了Curves 来调节亮度对比,也可以用Gradient Map 调出电影色调,记得每次都要选取所有影格。

  

微动画,简单的微动画实例_www.16xx8.com

  先选了蓝黄蓝 (reverse),再用 overlay 覆盖模式,及 opacity 只剩 20%,效果如下图。

  

微动画,简单的微动画实例_www.16xx8.com

  如果对效果满意的话,就可以到 Image Image size 调整动态照片的大小。

  

微动画,简单的微动画实例_www.16xx8.com

  完成后就到 file save for web 输出动态照片为 GIF 档

  (不是 save as)。

  

微动画,简单的微动画实例_www.16xx8.com

  然后会弹出这个视窗,基本上都没太大问题,留意右下角,你还可以在这里缩小照片的,不过这里的压缩质量较差,但好处是文件小省空间;另外要留意一下looping options 是不是 forever,没有问题就 save。

  

微动画,简单的微动画实例_www.16xx8.com

  最后,如果要上传跟别人分享,要找一个能支持GIF 档的空间或页面

 

学习 · 提示

  • 打开ps,跟着教程做一遍,做完的图要到这里交作业:提交作业
  • 教程有看不懂的地方,可以到论坛发帖提问:ps新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们微博:@photoshop教程论坛
  • 想学更多的同学,可以关注我们小程序,每天都有新教程:点我用微信扫一下
PS教程自学网 欢迎投稿教程:http://i.16xx8.com

  网友求助,请回答!