制作静态背景动态前景图


      昨天看到微信群友问到如何在一张静态图中添加动态图,其实之前我也有突发奇想过这个需求,但太懒了不想弄- .-|||,今天就写一个制作思路。

1. 准备工作:

      Photoshop CC、2345看图、静态图(背景)、GIF动图(前景)

2. 制作步骤:

      用2345看图软件打开GIF动图,通过“保存所有帧”批量导出GIF的所有帧;

《制作静态背景动态前景图》

 

      打开Photoshop,依次点击“文件”→“脚本”→“从文件在入堆栈…”→“浏览”(选中所有帧)→“确定”,此时所有帧会被载入到图层中(需要花一定的时间);

《制作静态背景动态前景图》

《制作静态背景动态前景图》

 

      用Photoshop打开一张静态图,选中步骤②中导入的所有图层拖放到打开的静态图中;

《制作静态背景动态前景图》

 

      时间轴导入所有帧:点击“窗口”→“时间轴”→“创建动画”→“从图层建立帧”→删除时间轴上预添加的背景静态图→“反向帧”(根据实际情况);

《制作静态背景动态前景图》

《制作静态背景动态前景图》

 

      选中步骤③打开的静态图图层,“统一图层可见性”,为每一帧都添加静态背景图;

《制作静态背景动态前景图》

 

      设置每一帧时间、循环次数等参数,“文件”→“导出”→“存储为Web所用格式”,根据个人需要做好相关的gif设置后存储。

 

      完成后的GIF图如下:

《制作静态背景动态前景图》

 

制作教程视频

省略了步骤①

点赞