ps制作gif动画教程
今天柒敏丽PS基地要给大家讲的是：ps制作gif动画教程。
最近很多插画师都开始小动画创作，这个似乎已经成了一个趋势，我想了想，当然也不能落后，谷歌加摸索，我终于完成了这个GIF图，好开心的说。
先来欣赏下成品图吧。一个小姑娘在惬意的享受这下午茶时光。听着她的随身听，并且动情的跟着唱起来。窗外的小鸟也被吸引了过来（请忽略那只长的很 丑不的鸟，只是拿来做文章而已。。。哈哈哈）。凳子上的小猫也跟着她的歌声摇尾巴，瞧啊，这个和谐的画面，是不是很想学习怎么让画面动起来呢？接下来我就 和大家分享这个简单易懂的小教程咯！
软件：photoshop CS5
动作：帧动画制作
名称：美好的下午茶时光
制作人：杨小冒
找一张自己喜欢的画，因为以下所有的帧动画都是以这张图来作为基础进行GIF创作的。如下：
OK，干货时间到了！
先来认识下这个软件，说起Photoshop大家并不陌生，很多摄影修图的后期都是靠PS进行处理的。还有很多板绘，插画也都是用PS来完成的。
虽然photoshop不是专门的动画制作软件,但制作简单的GIF动画它还是十分方便快捷的......
第一步，新建一个文档，大小随意，或者直接打开所有的素材文档。并且放置在不同的图层，放图最好要有顺序，方便后期的制作。如图：
第二步，点击“窗口”菜单中的“动画”命令:
可以看到时间轴已经显示在界面下方：
每一张图都是一个你想要表达的画面效果，也就是一个帧。帧是动画特定的单位名词。
第三步：帧设计
接下来第一帧设计，也就是初始画面。点击时间轴上的第一帧图，确保图层前面的小眼睛是打开的。
然后设置第二帧，同样的步骤重复。点击时间轴的第二帧，并在图层下拉菜单中，将第一个初始画面图层隐藏，也就是将图层的小眼睛关掉，露出第二图层。如图：
图一中的小女孩和猫都是睁着眼睛的，她在听音乐，喝茶。外面有太阳，但是没有阳光，树枝上也没有小鸟。
下边的图是第二帧动画的素材，可以看到，小姑娘忘情的听着歌，然后小猫的尾巴也有变位置，窗外也多了小鸟，太阳闪闪发亮。
接下来设计第三帧，和以上步骤相同，然后隐藏一二图层。看到第三层上显示着MISSY ON THURSDAY ,没错，是我啦，哈哈哈。可以看到和初始的画面几乎一样，只是MISSY ON THURSDAY 出现在了画面里。这是为了让它也能动起来看着更闪亮！！
第四步，检查效果
完成所有帧之后，你可以点击播放看看看看你的制作效果如何。
当然，如果动作不连贯，你可以直接调节时间点设置，直到满意为止。
点击小三角可以设计展示时间。
最下方的中间是播放键
第五步，保存工作要选择储存为（web所用格式）如图:
将会弹出对话框：
勾选循环状态为 永远
勾选GIF 格式
然后点击存储……
默认为HTML 格式，用IE浏览器打开后，点击保存为GIF格式，就大功告成啦！！
是不是很简单啊，瞬间让B格高出一大截啊，有木有？！
基本上所有的帧动画都是基于这个原理，当然还有你的画面表现。学会了木有啊，同学们？！ 最后不要脸的再回顾一遍这个美（zi）丽（lian）的小姑娘吧！
最近很多插画师都开始小动画创作，这个似乎已经成了一个趋势，我想了想，当然也不能落后，谷歌加摸索，我终于完成了这个GIF图，好开心的说。
先来欣赏下成品图吧。一个小姑娘在惬意的享受这下午茶时光。听着她的随身听，并且动情的跟着唱起来。窗外的小鸟也被吸引了过来（请忽略那只长的很 丑不的鸟，只是拿来做文章而已。。。哈哈哈）。凳子上的小猫也跟着她的歌声摇尾巴，瞧啊，这个和谐的画面，是不是很想学习怎么让画面动起来呢？接下来我就 和大家分享这个简单易懂的小教程咯！
 |
软件：photoshop CS5
动作：帧动画制作
名称：美好的下午茶时光
制作人：杨小冒
找一张自己喜欢的画，因为以下所有的帧动画都是以这张图来作为基础进行GIF创作的。如下：
 |
OK，干货时间到了！
先来认识下这个软件，说起Photoshop大家并不陌生，很多摄影修图的后期都是靠PS进行处理的。还有很多板绘，插画也都是用PS来完成的。
虽然photoshop不是专门的动画制作软件,但制作简单的GIF动画它还是十分方便快捷的......
第一步，新建一个文档，大小随意，或者直接打开所有的素材文档。并且放置在不同的图层，放图最好要有顺序，方便后期的制作。如图：
 |
第二步，点击“窗口”菜单中的“动画”命令:
 |
可以看到时间轴已经显示在界面下方：
 |
每一张图都是一个你想要表达的画面效果，也就是一个帧。帧是动画特定的单位名词。
第三步：帧设计
接下来第一帧设计，也就是初始画面。点击时间轴上的第一帧图，确保图层前面的小眼睛是打开的。
 |
然后设置第二帧，同样的步骤重复。点击时间轴的第二帧，并在图层下拉菜单中，将第一个初始画面图层隐藏，也就是将图层的小眼睛关掉，露出第二图层。如图：
 |
图一中的小女孩和猫都是睁着眼睛的，她在听音乐，喝茶。外面有太阳，但是没有阳光，树枝上也没有小鸟。
下边的图是第二帧动画的素材，可以看到，小姑娘忘情的听着歌，然后小猫的尾巴也有变位置，窗外也多了小鸟，太阳闪闪发亮。
 |
接下来设计第三帧，和以上步骤相同，然后隐藏一二图层。看到第三层上显示着MISSY ON THURSDAY ,没错，是我啦，哈哈哈。可以看到和初始的画面几乎一样，只是MISSY ON THURSDAY 出现在了画面里。这是为了让它也能动起来看着更闪亮！！
 |
第四步，检查效果
完成所有帧之后，你可以点击播放看看看看你的制作效果如何。
当然，如果动作不连贯，你可以直接调节时间点设置，直到满意为止。
点击小三角可以设计展示时间。
最下方的中间是播放键
 |
 |
第五步，保存工作要选择储存为（web所用格式）如图:
 |
将会弹出对话框：
 |
勾选循环状态为 永远
勾选GIF 格式
然后点击存储……
 |
默认为HTML 格式，用IE浏览器打开后，点击保存为GIF格式，就大功告成啦！！
是不是很简单啊，瞬间让B格高出一大截啊，有木有？！
基本上所有的帧动画都是基于这个原理，当然还有你的画面表现。学会了木有啊，同学们？！ 最后不要脸的再回顾一遍这个美（zi）丽（lian）的小姑娘吧！
 |
