ligertoolbar 动态加载按钮_Photoshop/PS如何制作动图/动态效果？（附imagemotion安装包）...

插件及教程获取方式见文末

首先凝神屏息十秒钟

有没有发现下面这张经典的

流水别墅照片与以往有什么不同？▼

没有？

那么下面这张呢？▼

这张应该很明显了吧？▼

话说，在短视频和动图无所不在的时代

如何快速抓住甲方乃至观者的眼球

成为视觉的焦点

是一门重要学问

吸睛的办法有很多

当传统的静态图片吸引力不足时

让静的东西动起来就是不错之选

在保证自身质量的基础上

用动态图像吸引眼球

既能获取更多流量

又能展示个性创意

一举两得！

下面请出今日的主角

动态图像PS插件：imagemotion

如各位看官所见

化静为动是它最主要的功能

▼

▼

▼

▼

▼

▼

插件介绍

这是一款安装在Photoshop中使用的动画/动态图插件，支持pscc 2017及更高版本，主要功能是为静态照片添加动态效果，让图像看起来更加生动。

要注意的是，只有英文版的ps才可以使用！

插件功能1.视差动画

这是实现视差动画效果的最简单方法，扩展的用户界面布局清晰，使用直观，可以添加缩放/缩小，2.5D，视差，镜头风格和防尘等多种效果。

2.图像动画

在新版本1.3中，这一功能支持有选择地为静止图像设置动画。使用时只需上传任何喜欢的图片，然后在想要效果的地方绘制图像区域，就能让局部动起来~

3.图层动画

能够在Photoshop中为任何图层设置动画。使用方法简单，只需通过添加图层，在图层上构建并绘制动画，只需点击几下鼠标即可生成。

用于一些建筑效果的展示和演示，也是不错的：

▼

（因动图大小限制，图像看上去有点模糊）

▼

▼

插件使用

注：素材包内附视频教程链接。

1. 视差动画

1）背景图层，图像配置。

打开图片，点击设置按钮，显示图像配置正确。

2）设置绘制动画的对象。

点击视差下的图层按钮，显示选择画笔并设置需要绘制动画的对象，选择右上角的画笔进行选择绘制。

3）生成动画。

绘制完成后点击视差下的生成动画按钮生成动画，ps下相应生成时间轴，则生成所示动图。

4）调整，导出。

如需调整，则点击视差下的调整按钮，进行大小角度的调整。

调整完成后，点击文件→存储为Web和设备所用格式，弹出相应对话框，循环选项则根据自己的喜好来定：一次，永远，或者其他；其他选项保持默认设置，最后记得点存储，这样软件才会保存GIF动画。如果点击的是完成，则只是记录你这次设置的数据，不会保存动画的。

2. 图像动画

1）背景图层，图像配置。

打开图片，点击设置按钮，显示图像配置正确。

2）设置绘制动画的对象。

点击图像动画下的图层按钮，显示选择画笔并设置需要绘制动画的对象，选择右上角的画笔进行选择绘制。

3）生成动画。

绘制完成后点击图像动画下的生成动画按钮生成动画，设置图像的终点和起点，ps下相应生成时间轴。

4）调整，完成，导出。

如需调整则进行调整，不需调整则点击最后一个完成按钮，生成动图图层，其它部分则重复此操作，最后完成导出。

3. 图层动画

与图像动画的步骤，使用方法相似。

1）图像配置，新建图层绘制。

打开图片，点击设置按钮，显示图像配置正确。新建图层，使用不同效果笔刷进行绘制烟雾。

2）图层设置。

点击图层动画下的首个按钮，显示需重新命名需要设置动画的图层为“animation”,并点击播放按钮创建。

3）生成动画。

点击图层动画下的生成动画按钮，设置图像的终点和起点。

4）调整，完成，导出。

如需调整则点击调整按钮进行调整，不需调整则点击完成按钮生成，并为下一个元素设置动画。

设置完成后为是效果更好可建立蒙版进行调整。

当然如有需要或者使其效果更佳逼真，可以点击将偏移量添加到动画，对各动画的顺序进行调整，最后导出即可。

如果对使用还有疑问的话，可参考素材包里的官方视频教程

注意事项

1.确保使用的是英文版的Photoshop，已创建每个操作仅适用于英文版的Photoshop。

2.使用RGB模式和8位颜色。要检查这些设置，可转到图像 - >模式，然后选中“RGB颜色”和“8位/通道”。

3.所有动画操作仅适用于CC +版本的Photoshop（也适用于具有时间轴的Photoshop CS6 Extended版本）。

4.使用分辨率为72px /英寸或更高，范围为2500-4500像素的图像。如果使用的照片小于1000像素，则操作将无法正常运行。

5.将画笔的不透明度设置为100％。选择“画笔工具”并将不透明度滑块移动到100％。

安装方法

在PS CC中安装扩展

手动安装 (适合Photoshop CC 2017~2019)

根据你不同的Photoshop版本，把对应的文件解包：

Photoshop CC 2017(com.imagemotion.cc2017.zip)

Photoshop CC 2018或更高(com.imagemotion.cc2018.zip)

Windows

1.把对应文件解压包复制到C:Program Files (x86)Common FilesAdobeCEPextensions

如果 AdobeCEPextensions 文件夹不存在, 可自行创建。

2.重新启动 Photoshop，可在 Photoshop 菜单中找到扩展:

窗口 > 扩展功能 > Imagemotion v1.3

Mac OSX

1.启动终端并运行此命令以打开安装文件夹(或自己打开文件夹)): 导航到下载文件夹 ，解包把对应文件夹复制到 到扩展文件夹/Library/Application Support/Adobe/CEP/extensions/ 。

2.重新启动 Photoshop。可在 Photoshop 菜单中找到扩展:

窗口 > 扩展功能 >Imagemotion v1.3

如果打开PS，无法加载，提示“无法加载，因为未正确签署”，则运行下面文件：

Win:add keys.reg

Mac:选择install-as-admin文件，右键终端运行。