使用Photoshop PS制作GIF动画（等待窗体GIF图标）

目录

一、前言二、操作步骤

下载一个GIF图片打开PhothShop打开GIF文件显示动画（帧）修改GIF图片尺寸（分辨率）设置每帧的延迟时间预览/停止动画导出动画三、自创一个GIF

创建3张尺寸相同的PNG图片导入到图层创建3帧图片设置每帧图层显示

第1帧第2帧第3帧导出 GIF 文件预览GIF四、C# Winform等待窗体WaitingForm组件下载(CSFramework提供)

一、前言

*** 作为软件工程师，PS多少要会一点 ***

我们设计C# Winform等待窗体(WaitingForm)，需要放一个GIF动画丰富用户体验，从百度下载的GIF图片不符合设计尺寸，需要缩小GIF分辨率。

本文讲解使用Photoshop PS制作GIF动画图片（gif图标）。

二、操作步骤

下载一个GIF图片

从百度下载一个GIF图片，修改GIF图片尺寸。

现在我们要将GIF分辨率（尺寸）改为 60x60。

打开PhothShop

作者使用的Photoshop CS5版本

打开GIF文件

将GIF文件拖放到Photoshop。

显示动画（帧）

修改GIF图片尺寸（分辨率）

原图大小

修改改为 64x64

设置每帧的延迟时间

选择所有帧，点小图标弹出菜单，设置无延迟，或0.1秒，根据图片图层的数量自行设置。

修改为0.1秒

预览/停止动画

点播放按钮

导出动画

查看gif文件

GIF预览：

三、自创一个GIF

创建3张尺寸相同的PNG图片

导入到图层

文件 -> 脚本 -> 将文件载入堆栈，弹出载入图层对话框，选择3个png文件

载入文件的时候不要关闭PS。

加载完成，显示3个图层。

创建3帧图片

设置每帧图层显示

第1帧

图层1显示，其他2个图层隐藏。

第2帧

第3帧

导出 GIF 文件

参考上面的导出GIF文件：导出GIF动画

使用Photoshop PS制作GIF动画（等待窗体GIF图标）-开发框架文库

预览GIF

四、C# Winform等待窗体WaitingForm组件下载(CSFramework提供)

官网地址：C# Winform等待窗体WaitingForm组件下载(CSFramework提供)-开发框架文库