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

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

目录

一、前言

*** 作为软件工程师,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提供)-开发框架文库

相关推荐
Hody9136 分钟前
【XR开发系列】UI 入门 - 创建一个简单的分数显示
ui·xr
工控小龙人1 天前
核电行业HMI:核岛设备的安全监控与操作界面
ui·人机交互·制造·用户界面
XiaoLeisj1 天前
Android 文件与数据存储实战:SharedPreferences、SQLite 与 Room 的渐进式实现
android·java·数据库·ui·sqlite·room·sp
互联网散修1 天前
鸿蒙应用开发UI基础第十八节:表单交互核心组件Button、Radio、Toggle示例演示
ui·交互·harmonyos
●VON1 天前
2G 内存云服务器部署 Spring Boot + MySQL 实战:从踩坑到上线
服务器·开发语言·spring boot·mysql·ui·von
Swift社区2 天前
ArkUI 如何设计 AI 原生 UI?
人工智能·ui
真的是小恐龙吗?2 天前
PS中如何将png图片中的字体颜色改为指定颜色
photoshop
新缸中之脑2 天前
Claude生成式UI的逆向与利用
ui
ayaya_mana2 天前
快速安装Nginx-UI:让Nginx管理可视化的高效方案
运维·nginx·ui
zzz84153 天前
Spring Boot 3.x 引入springdoc-openapi (内置Swagger UI、webmvc-api)
spring boot·后端·ui