当前位置:智谱咖>IT科技>

使用Photoshop CC制作GIF动态图像的方法,超详细

智谱咖 人气:2.48W
如何使用Photoshop CC制作GIF动态图像呢?下面是具体操作步骤。

使用Photoshop CC制作GIF动态图像的方法,超详细

材料/工具

Photo shop cc2017

步骤

打开PS,点击新建。

使用Photoshop CC制作GIF动态图像的方法,超详细 第2张

创建一个“400x400”的画布,点击“创建”。

使用Photoshop CC制作GIF动态图像的方法,超详细 第3张

在“窗口”选项中打开“时间轴”。

使用Photoshop CC制作GIF动态图像的方法,超详细 第4张

下拉时间轴中央的选项。

使用Photoshop CC制作GIF动态图像的方法,超详细 第5张

选择“创建帧动画”。

使用Photoshop CC制作GIF动态图像的方法,超详细 第6张

选中背景图层后点击“创建帧动画”即可将其添加至时间轴。

使用Photoshop CC制作GIF动态图像的方法,超详细 第7张

将时间轴中的背景图层如图所示选项设置成“永远”。

使用Photoshop CC制作GIF动态图像的方法,超详细 第8张

时间设置为0.5秒。

使用Photoshop CC制作GIF动态图像的方法,超详细 第9张

点击时间轴框中图示图标,复制一个帧。

使用Photoshop CC制作GIF动态图像的方法,超详细 第10张

在工具栏选择“矩形工具”,添加一个矩形图层(它自动填充为红色)。

使用Photoshop CC制作GIF动态图像的方法,超详细 第11张

选中时间轴中的其中一个帧

使用Photoshop CC制作GIF动态图像的方法,超详细 第12张

在图层下关闭该帧矩形的小眼睛。

使用Photoshop CC制作GIF动态图像的方法,超详细 第13张

另一个帧的两个小眼睛都开启。

使用Photoshop CC制作GIF动态图像的方法,超详细 第14张

点击时间轴播放按钮,即可看到动态效果。

使用Photoshop CC制作GIF动态图像的方法,超详细 第15张

最后要进行保存了,注意这里要点击文件下面的导出而不是平时经常用的存储,选择“存储为Web......”选项。

使用Photoshop CC制作GIF动态图像的方法,超详细 第16张

存储好后打开它,即可看到动态效果图了。

使用Photoshop CC制作GIF动态图像的方法,超详细 第17张