小小笑的肥 发表于 2016-10-25 14:27:49

把图片制作成动态图片教程

上次教了大家如何绘画皮卡丘,今天跟大家讲讲怎么把静态图片制作成动态GIF图片,教程很基础,推荐给新手学习了。第一章《
动漫鼠绘,鼠绘立体皮卡丘实例
》第二章 让皮卡丘动起来【概要】:本堂课的内容主要是带领大家学习如何用PS设计一个简单的皮卡丘动画。【内容框架】:1.PS动画介绍2.让皮卡丘动起来并输出为表情【使用软件】PS【设计难度】:★★☆☆☆【讲师】:承辉学院谢志瑶【最终效果图】:

http://pic1.16xx8.com/allimg/160920/2151506159-0.gif
www.16xx8.com
作者:承辉学院 出处:站酷

小小笑的肥 发表于 2016-10-25 14:27:49

1小节:ps动画介绍在学习动画制作之前,我们需要先熟悉在ps里制作动画的一个功能——时间轴。在“窗 口”里面勾选“时间轴”,这时这个窗口就会出现了。
http://pic1.16xx8.com/allimg/160920/2151502F5-1.jpg

小小笑的肥 发表于 2016-10-25 14:27:49

时间轴窗口
http://pic1.16xx8.com/allimg/160920/215150Da-2.jpg

小小笑的肥 发表于 2016-10-25 14:27:49

也可以选择默认工作区——动感,动感工作区是ps里自带的制作动画时比较方便的工 作区的排布。
http://pic1.16xx8.com/allimg/160920/2151504N0-3.jpg

小小笑的肥 发表于 2016-10-25 14:27:49

时间轴窗口出现后,我们就可以开始制作动画了,点击“创建帧动画”
http://pic1.16xx8.com/allimg/160920/2151505395-4.jpg

小小笑的肥 发表于 2016-10-25 14:27:49

时间轴就会开启帧动画模式,如图所示
http://pic1.16xx8.com/allimg/160920/215150C10-5.jpg

小小笑的肥 发表于 2016-10-25 14:27:49

如果点击左下角的按钮可以切换到时间轴模式。 时间轴模式我们可以看做简单版的AE,可以制作复杂点的动画,帧动画模式就比较简 单一些。我们这节课主要用的就是帧动画模式制作,之后的课程会讲到时间轴模式的 制作,点击可以再切换回来。
http://pic1.16xx8.com/allimg/160920/2151505327-6.jpg

小小笑的肥 发表于 2016-10-25 14:27:49

我们可以看到帧动画模式,默认状态是只有一帧的,帧是什么意思呢,我们制作动画都是以帧为单位的,可以把每一帧看做一个静态图片,比如说我们看一个动画片,是1秒20帧,那么就可以说这个动画每1秒钟是由20张图片组成。最标准的动画是一秒24帧,早期技术没那么发达的时候,制作动画就需要一秒钟画24张画,比如迪斯尼啊,皮克斯这些比较知名的动画公司,他们的动画都是这个帧速率,所以我们的观看体验都会觉得非常好,非常流畅。因为据科学研究证明人的眼睛一秒钟之内能最多能捕捉24张图片组成的影像,所以在这个帧速率下人眼观看是最流畅合理的。但是我们制作简单的GIF动画的话,一般几帧就可以了。
http://pic1.16xx8.com/allimg/160920/21515050L-7.jpg

小小笑的肥 发表于 2016-10-25 14:27:49

默认帧动画模式只有一帧,一帧当然是不可能组成动画的,那我们为了能让它能动起来,需要添加新的帧数。点击新建按钮新建动画帧,可以看到窗口就随之多了帧数。
http://pic1.16xx8.com/allimg/160920/215150B60-8.jpg

小小笑的肥 发表于 2016-10-25 14:27:49

将动画帧拖到垃圾桶上可以进行删除。
http://pic1.16xx8.com/allimg/160920/215150J39-9.jpg

小小笑的肥 发表于 2016-10-25 14:27:49

下面我们新建几个不同颜色的图片尝试一下动画制作。
http://pic1.16xx8.com/allimg/160920/215150G51-10.jpg

小小笑的肥 发表于 2016-10-25 14:27:49

动画帧和图层里的图层相对应,这些动画帧也可以拖拽移动位置。
http://pic1.16xx8.com/allimg/160920/21515043D-11.jpg

小小笑的肥 发表于 2016-10-25 14:27:49

这时按播放按钮就可以播放了,形成了一个小动画,也可以点击停止。播放按钮的
快捷键
是空格键。
http://pic1.16xx8.com/allimg/160920/2151504236-12.jpg

小小笑的肥 发表于 2016-10-25 14:27:49

播放按钮旁边的按钮从左到右分别是选择第一帧,选择上一帧和选择下一帧。
http://pic1.16xx8.com/allimg/160920/2151501328-13.jpg

小小笑的肥 发表于 2016-10-25 14:27:49

如果发现动画播放过快或者过慢的话,可以点击秒数改变每帧的播放时间。也可以按住shift键选择多个帧数一起改变。点击“其他”可以输入任意想要秒数。
http://pic1.16xx8.com/allimg/160920/2151503Y2-14.jpg
页: [1] 2
查看完整版本: 把图片制作成动态图片教程