*教程系列十五:ps动画合成*
个人日记
一、效果图:范文地址:http://user.qzone.qq.com/28027828/blog/1393978499
二、思路及制作原理:空间日志一般常用的加动画方式有两种,一种是用代码加,链接的是网络地址,另一种是也收集动画图片,就是所谓的gif格式的图片,然后用代码溶图方式加动画,无论前者还是后者,效果都很不稳定,当系统升级后可能导致乱码,无法打开动画,也可能因为动画网址失效,而无法显示动画,做代码日志的朋友都会遇到腾讯升级空间,一些日志乱码的困扰,那么我们有没有什么方法可以保证动画也像ps制作的图一样永不失效呢?当然可以,那就是自己制作动画,ps可以做动画,但只适合简单的动画制作,flash制作动画更为理想,当然这些都是我们这些业余玩动画的人适合学的,更专业的软件还有许多,这里就不提及,大家略微了解下就好。做好的动画要存储为gif格式。那么大家知道吗,我们也可以利用原有的gif动态图片与我们制作的ps静态图合成一幅丰富的动态图,而且很简单,利用了手头的资源减少了动画制作的繁琐。首先做好大图切片后,将需要做动画的切片与动态图片合成你要的效果,下面我们就来演示如何具体制作。
三、素材图片
静态图 (这张是我用ps制作的单图,这就相当于你们要做动画的那张切片)
二、思路及制作原理:空间日志一般常用的加动画方式有两种,一种是用代码加,链接的是网络地址,另一种是也收集动画图片,就是所谓的gif格式的图片,然后用代码溶图方式加动画,无论前者还是后者,效果都很不稳定,当系统升级后可能导致乱码,无法打开动画,也可能因为动画网址失效,而无法显示动画,做代码日志的朋友都会遇到腾讯升级空间,一些日志乱码的困扰,那么我们有没有什么方法可以保证动画也像ps制作的图一样永不失效呢?当然可以,那就是自己制作动画,ps可以做动画,但只适合简单的动画制作,flash制作动画更为理想,当然这些都是我们这些业余玩动画的人适合学的,更专业的软件还有许多,这里就不提及,大家略微了解下就好。做好的动画要存储为gif格式。那么大家知道吗,我们也可以利用原有的gif动态图片与我们制作的ps静态图合成一幅丰富的动态图,而且很简单,利用了手头的资源减少了动画制作的繁琐。首先做好大图切片后,将需要做动画的切片与动态图片合成你要的效果,下面我们就来演示如何具体制作。
三、素材图片
静态图 (这张是我用ps制作的单图,这就相当于你们要做动画的那张切片)
动态图片一
动态图片二
动态图片三
四、制作步骤
我的电脑系统有些卡,所以为了保险起见只做了动画15帧,大家如果电脑内存足够,运行速度足够快,也可以动画多做些帧数,方法是一样的,那么动画效果会更好,我这里只教大家一种方法,不去推敲动画效果……大家看到上面几个动画有俩个是36帧的,其实如果你的电脑运行速度足够也可以去尝试去做36帧,因为做36帧是最方便的,也可以做40帧,同样也很方便,为什么?大家跟完课后自己去琢磨……
这里先要了解下我们制作的原理,既然我要做15帧,那么静态图是不是就要补足15帧呢。背景图层的眼睛始终是打开的,那么这15帧点开就都是背景图层的那张静态图。那么后面要导入的三个动画图片也只能分别截取15帧,分别对应相应的15个图层,其它多余的帧及对应的图层就都要删掉。这样静态图和动态图的帧数保证一致,我们就可以合成,分别导入动画帧到静态图的帧上,相应的在静态图上就会产生对应的图层,那么合成后,就会在第一帧看到,对应的图层会是背景图层也就是静态图,然后三个动态图对应的第一个图层眼睛是打开的,而其它图层的眼睛一定要关闭的。并且要保证黑色底的动态图对应的图层模式要是滤色。我上面说的这些话。大家可能暂时不会理解,没关系,先跟图演示去做,当你跟完图后,再好好琢磨推敲这段话,就会明白,那么知识才能完全掌握。跟图的时候大家也经常问下,为什么会这样?为什么要这样,动画制作的逻辑性和条理性一定要非常强,才不会搞错,等你一旦懂后,其实动画并没有你想象的那么难。
下面我们就开始制作吧,依然截图演示
做到这一步第一个动画就已经与静态图合并完毕,如果你的图只导入一个动画,那么在帧全选的状态下,修改一下帧停留的秒数,本范文设置的是0.2秒。如果还要继续导入动画,那么可以最后一起设置。
下面我们简单地演示下导入动画蝴蝶
下面是云的动画导入步骤,也是简单演示
结束。最后祝大家玩图愉快,做出自己特别的作品!
文章评论