五分钟让静态图片动起来！又可以更新表情包了！

在之前的文章里，教过大家怎么样截取电影片段，制作成GIF图。就有很多宝宝想问，电影里的片段，都是设定好的，我想让某些静态图案动起来，怎么办呢？看完今天的内容，静态图也可以动起来了。

准备工作：

1、需要一张无背景或者纯色背景的图片。（图片的内容，一定要是会动的）

2、Photoshop（如果你还会基础AE，那就更好了）

基础篇——会动的emoji表情

最爱的翻白眼表情

第一步：简单分析图片

首先我们有一张静态图片，第一步需要确定，这张图我想怎么样动？emoji表情里的翻白眼这个表情，可以用的地方就是让黑眼球动起来。

第二步：抠出眼睛成为独立图层

想要让黑眼球动起来，我们就必须要黑眼球成为一个新的对象，这一步的方法多种多样，你自己重新绘制一个眼球都行。下面我们只讲一种。

选框工具

小贴士:

这里有一个小诀窍，选取的时候，可以在眼球附近画面，然后用键盘上的上下左右，来调整选取的位置。选择好以后，复制粘贴一次就可以了。用同样方法完成另外一只眼睛。

图层面板

这个时候图层里，应该有三个图层。

第三步 ：删掉原有图层中的黑色眼球

我们回到最下层（也就是原图），利用印章工具，将原来的黑色眼球去掉。这里的方法也是多种多样，你也可以用白色的画笔去涂。

最终的结果

印章工具的用法

在工具箱中选择印章工具，按住ait键不放，选取白色眼球，然后去涂掉黑色眼球就可以了。（印章工具可以用于去除水印等，和污点修复工具的区别在于，印章工具的覆盖以后，不会自动羽化边缘。）

最后，把黑色眼球，移动到中间，可以用Ctrl建选中两个图层，同时移动两个图层。

眼球

第四步：创建时间轴

在菜单栏窗口中选择时间轴，时间轴窗口中，选择创建时间轴。

时间轴 创建时间轴

第五步：让眼球动起来

在时间轴面板中，点击眼球图层前前的倒三角，展开以后，点击下方位置前的秒表。

时间轴面板

箭头指的就是秒表和关键帧，下面将时间轴往后拉一点（取决于你想要的时间长度）

Paste_Image.png

下面还是Ctrl同时选中两只黑色眼球，让两个眼球同时向上移动，移动到眼眶边缘就可以了。如果，想完成翻白眼翻到看不见黑眼球，可以在制作时将原图的眼眶中的白眼球抠掉，将黑眼球的图层放在原图的下方就可以了。

效果 升级版

中级篇——正在充电的手机电池

充电.gif

第一步：绘制电池的边框

首先这个正在充电的图标需要自己手绘的，方法是运用了PsCC版本中的圆角绘制工具。（长方形的框圆角像素为5，凸出的部分圆角像素3）

方形 凸出的部分

在图层面板中同时选中两个图层，复制一次。复制一次以后，将其中的两个图层合并形状。

合拼形状 合拼后的形状

此时一共有三个图层，分别是合并以后的图层和长方形图层和突出部分的图层。之后为了方便说明，我们将合并后的图层（如上图）改名为边框，长方形图层改名为填充色90%，突出的部分你可以改为填充色100%

修改名字

第二步逐一绘制图案

首先我们选中填充色90%的图层，对图层的边框色关闭（图中1处），将背景色调整为绿色图中2处。

Paste_Image.png

复制一层，修改名为百分之80%，CTRl+T将绿色的条缩短。（效果如下）

图层百分之80%

接下来用同样的方式绘制50和百分之20两个图层。

图层50% 图层20%

下面将图层百分90%复制一层，将他与图层100%（就是突出的部分）合并形状。

图层100%

第四步：将帧制作成动画

首先还是一样的，在窗口中打开时间轴，不同的是这一次我们创建帧动画。

创建帧动画

在第一帧里，只保留图层边框和背景（其他图层隐藏）点击下方的新建帧，显示图层20%，在新建帧，显示图层50%....以此类推制作到100%

这样

最后如上图，点击0秒后面的倒三角，选择延迟2S就制作完成了，听上去很复杂，做起来其实很简单。

高级篇——会动的小汽车(需要运用AE）

小汽车.gif

这张图中的小汽车运动，其实和表情的运动类似，首先需要新建一个图层，然后将小汽车放在图层里面。

汽车的图

小贴士：一定要是一个平行的汽车侧面

第一步：图片的处理

首先去掉下方的英文，然后将汽车做水平翻转，最后将白色背景去掉，得到一个透明背景的汽车。

水平翻转（选中图片Ctrl+T之后右键点击图片） 汽车

第二步：将汽车的轮胎和汽车的身体分开，保存为PSD文件。

在基础教程里说过的方法，两个轮胎圈出来，然后复制一层，然后再删掉原图的轮胎就可以了。

图层里有四个图层

第三步：打开AE，将PSD文件导入

点击文件导入选择刚才保存的PSD文件

导入 会有弹出窗口选择确定

第四步：让车轮转动起来

首先，我们确定一下，图层2和图层3就是轮胎的图层，因此我们最下方时间轴同时选中这两个图层，调出旋转设置（快捷键R）

操作的地方在这里

操作和PS中其实是类似的，首先点击图中1位置的小秒表，然后就会自动出现图中5的关键帧，然后拖动时间轴（图中3的红线）到图中四的位置，在图中2的位置让轮胎旋转起来。

旋转

第五步：让车动起来

除了背景以为的图层全部选中，在键盘上点击快捷键P。

方法和之前轮胎的旋转一样，只不过在图中2位置时，我们需要让车往前移动，移动到画外的位置。

位置

第六步：字的移动

字的移动就是输入好文字以后，可以在PS里先完成，只不过他和扯一起动，在设置位置时，他在画面中间停止，而车继续走。从关键帧上看，字的关键帧，在车关键帧的前面就停止了。

如图

第七步：保存做好的内容

点击菜单栏中的合成，点击预渲染。

预渲染

设置输出的格式，建议可以选择TIFF，然后设置保存的位置，可以保存到桌面。

Paste_Image.png

第八步：将保存好的TIFF文件，在PS里打开。

记住一定要勾选图像序列哟~

打开

好了！只要你掌握了上面三种方式，一般的静态图转动态图的方法，你就基本上都学会啦~至于用途，可以插入在PPT、也可以用来给公众号配图、设置公众号的欢迎界面等等.....当然，也可以用来制作表情包！！！比如简书上的动画大神阿随老师（阿随向前冲）就把这种动态的图，放在自己文章的末尾，很有意思！

阿随老师