bootstrap 图片预览_教你简单用Photoshop制作GIF图片

“ 一步一步教你了解PS的功能。”

本文教你两种方法用PS制作GIF动图。

01

—

One 图片制作GIF动图

方法与步骤：

1打开photoshop后，将需要成为动画的部分分图层制作出来。

2

根据动画场景需要将各个动画组件放置在相应位置，并根据需要适当修改。好了，我们再单击“窗口”菜单，选择“动画”命令：可以看到窗口底部打开了“动画”面板：动画是以帧为单位来显示的，可能通俗理解为一个帧也就是PS的一个图层。所以每个帧只需要显示相应的图层上的图片即可。

3第一帧制作完毕后，单击“动画”面板下面工具栏上的“复制所选帧”按钮新建帧(也就是动画片断)：

和第一帧一样，在新建的帧上仅保留需要的显示的图层及不变的底层即可：

重复前一步操作，分别新建多个帧，并分别设置要显示和隐藏的图层即可：

帧制作完成后，我们再对各帧设置合适的播放时间：

制作完成后，单击“文件”菜单，选择“存储为Web和设备所用的格式”命令：

在弹出的“存储为Web和设备所用的格式”窗口中选择格式为“Gif”：

最后再单击“存储”按钮保存动画：

02

—

Two 视频制作GIF动图

方法与步骤：

1

打开PhotoShop软件，将视频文件直接拖动到软件界面即可打开。也可以点击“文件”——“打开”，浏览到视频文件的位置来打开。

打开视频文件后软件会自动在下方打开“时间轴”编辑界面。在这里可以对视频进行剪切、分辨率设置、帧速率设置等操作

2

设置完毕后，点“文件”——“存储为Web所用格式”，在弹出的窗口的左下方点“预览”，会自动弹出IE浏览器进行预览(如果没有安装其他看图软件的话)，并且在下方会有gif动态图的大小、尺寸等信息。

3

如果嫌gif图片太大，可以调整“图像大小”下面的像素值。“动画”下是循环选项，一般我们把它设置成“永远”。

4

所有项目都设置完成后，点“存储”，保存一下文件。Over！！！