使用Photoshop PS制作GIF动画(等待窗体GIF图标)

使用Photoshop PS制作GIF动画(等待窗体GIF图标)

使用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提供)-开发框架文库

猜你喜欢

微信自助下单系统怎么弄
best365体育正不正规

微信自助下单系统怎么弄

📅 07-29 ❤️ 481
固态硬盘买多大的合适?你必须知道的容量选择技巧
🎫地铁跑酷兑换码
365提款问题

🎫地铁跑酷兑换码

📅 06-29 ❤️ 770
电信服务密码初始密码是多少?
365提款问题

电信服务密码初始密码是多少?

📅 07-19 ❤️ 851
华为手机关闭自动更新方法
365提款问题

华为手机关闭自动更新方法

📅 08-14 ❤️ 786
这四个生肖是福星!财源滚滚,一生富贵相随
用微信打车的2种快捷方法
365提款问题

用微信打车的2种快捷方法

📅 07-12 ❤️ 650
同步和异步:什么区别?
GBT36507-2018

同步和异步:什么区别?

📅 06-29 ❤️ 133
oppo手机唱歌效果好吗
GBT36507-2018

oppo手机唱歌效果好吗

📅 08-15 ❤️ 917