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

相关推荐
小雨爱测6 小时前
Photoshop 实战入门:从界面认知到第一张成品图
ui·photoshop
螺丝钉tina11 小时前
[Playwright] [02]常用命令与调试:Debug UI、Mode和 Trace Viewer
开发语言·javascript·测试工具·ui·自动化
郝学胜-神的一滴12 小时前
游戏设计:原型与开发 18:Unity入门的第一课
人工智能·程序人生·游戏·ui·unity·游戏引擎
tedcloud12318 小时前
Docker Compose 部署 Uptime Kuma:配置 HTTPS、QQ 邮箱告警与数据备份
服务器·网络协议·ui·docker·容器·https·开源
笨笨饿18 小时前
#60_# 一、Photoshop 2025 如何批量导出 PSD 文件中的所有图层为独立 PNG 图片
stm32·单片机·嵌入式硬件·物联网·ui·51单片机·photoshop
qq_426003961 天前
UI自动化高频次登录login限流解决方案
python·ui·自动化
oicola2 天前
【UI动效】科幻风长任务进度动效设计方案
ui
xy34533 天前
Axure9.0 热区典型实战使用场景
ui·axure·原型·产品设计
喜欢吃豆4 天前
我开源了 Agent UI Lab 用交互实验理解 AG-UI A2UI 与 MCP Apps
ui·开源·大模型·交互
染指11104 天前
158.Agent-LangGraph-子图(共享状态和不共享状态模式)
开发语言·人工智能·python·ui·agent·agents