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

相关推荐
jh_cao8 小时前
(1)SwiftUI 的哲学:声明式 UI vs 命令式 UI
ui·swiftui·命令模式
心疼你的一切16 小时前
使用Unity引擎开发Rokid主机应用的模型交互操作
游戏·ui·unity·c#·游戏引擎·交互
水冗水孚17 小时前
React中使用map+area标签实现img图片特定区域标记功能(可用Photoshop精准拾取对应点位)
react.js·html·photoshop
我的xiaodoujiao1 天前
从 0 到 1 搭建 Python 语言 Web UI自动化测试学习系列 9--基础知识 5--常用函数 3
前端·python·测试工具·ui
Larry_Yanan1 天前
QML学习笔记(二十四)QML的Keys附加属性
c++·笔记·qt·学习·ui
我命由我123451 天前
Photoshop - Photoshop 工具栏(5)多边套索工具
笔记·学习·ui·职场和发展·photoshop·ps·美工
西西学代码1 天前
安卓开发---耳机的按键设置的UI实例
android·ui
瘦马2 天前
无需安装的Photoshop:网页版完整使用指南与在线图片编辑技巧
photoshop·photoshop网页版·在线ps·在线抠图·ps网页版·在线编辑图片
da_vinci_x2 天前
2D角色动画进阶:Spine网格变形与序列帧特效的混合工作流
游戏·设计模式·设计师·photoshop·spine·游戏策划·游戏美术
大熊猫侯佩2 天前
浪浪山 iOS 奇遇记:给 APP 裹上 Liquid Glass “琉璃罩”(下集)
ui·界面设计·ios 26·液态玻璃·liquid glass·glass effect·glass container