当前位置: 首页 > news >正文

js截取视频第一帧_短视频如何截取生成GIF?干货分享,大神手把手教你制作GIF动图...

热爱网上冲浪的网友们,对GIF动图一点都不陌生,GIF动图不仅比静态图来得生动形象,趣味性也强,更容易受到网友的喜爱。相信大家都会到GIF动态资源网站找动图资源,如果找不到自己想要的GIF动图资源怎么办呢?我们可以自己动手来制作呀,制作一个GIF并没有我们想象重那么难,今天小编就来带大家制作一个GIF。

070717100e9b080b24ad214e4de97af9.gif

在这里要用到的工具有“迅捷GIF制作工具”和你想要制作成为GIF的素材。

1. 首先打开提前下载好的“迅捷GIF制作工具,你会看到一个是用于电脑录屏的“起到屏幕录制”,另一个是用于GIF编辑的“启动GIF编辑器”。在这里我使用的是“启动GIF编辑器”。

cef04e56d63ce179b11bac6bd985bd53.png

2. 选好功能应用后,就进入到编辑界面啦,把我们要制作的GIF的素材给导入进去,点击“添加文件”即可。

f499a76af48c3352a17fbdda380f22a8.png

3. 如果是选择导入的是视频素材,我们还可以对视频素材进行节选片段。

49e0cf901f3c25a3f7978bbcde821d41.png

4. 只需要首尾拖动进度条,即可截取需要进行编辑的视频片段,如图所示。选区好后,点击“确认”,等待截取的视频片段导入成功后即可编辑。

7a823fa606f602c0469c79c7c62fc88d.png

5. 接下来你会看到刚才的视频片段会细化拆分为一帧帧,方便我们对细节的把控。

73a8f47878a9ba64ee202915fd20e6d9.png

6. 可以用“文件”工具给视频添加字幕,点击“文字”后,把字幕输入文本框种,调整字体、大小后,点击“应用”即可。

adfb0f02536de828eaff62bd0b86d208.png

如果想每一帧都有字幕效果,可以用Ctrl+A全选所有帧数,把字幕应用到所有帧数上。

0de0f61e97429793d65750d29afb9464.png

7. GIF制作好后,点右上角的“导出GIF”,再对“文件”进行命名和路径保存,方便我们查找。

62611f2823013bf4c4fdceaac54688a4.png

8. 点击上图的应用后,你很快就能得出一个视频制作GIF动图的成品啦。

3ecd71933f1876ffc6ad2abf1bce2e96.gif

除了这些功能外,迅捷GIF制作工具还支持屏幕录制,想要录制一些动图教程的朋友可以试下这个功能。

2db3ded3c4443f21f682ba562f77b9a0.gif

开可以对GIF进行插入文字、图片、水印手绘等编辑,大大丰富了制作的可玩性。

3eb8f8721fa2ebb68bf389512890a687.png

是不是很心动,感兴趣的朋友可以根据上面的制作操作步骤来自己制作一个属于自己的作品吧。希望你们会喜欢这一期的分享,我们下期见。

1858a61f443c6968de5f9acceb9021b3.gif

相关文章:

  • 回顾一年的工作历程_ABM2020回顾|我们做过什么(一)
  • 通过改变网络拓扑使用Sniffer Pro监控、分析协议的示意图
  • python locust api_Locust API 文档
  • 暴走后清醒(2006版)
  • sceneflow 数据集多少张图片_快速使用 Tensorflow 读取 7 万数据集!
  • Google Talk Java手机客户端
  • grafa导出数据图标_有这些图表美化工具,十分钟配出炫酷的数据可视化大屏
  • 书脊开胶了用什么胶粘_使用方便快捷的防水快干胶时,要注意些什么呢?
  • 8月22讲课记录
  • 使用智能指针错误导致内存泄漏_第24篇-戏说C++ 内存泄漏(B)
  • 不知多少Java程序员能解答这个问题!
  • 回填用土好还是砂石料好_砂石土的一般配比
  • 钢铁中的生命,我们所不知道的柱子和他的朋友们!
  • 动态服务器值 回放报错 没有关联到_LR关联(带附件) - 缺1份淡定ㄣ - 51Testing软件测试网 51Testing软件测试网-软件测试人的精神家园...
  • XDoclet简化Struts开发
  • 【Leetcode】101. 对称二叉树
  • 9月CHINA-PUB-OPENDAY技术沙龙——IPHONE
  • 【跃迁之路】【735天】程序员高效学习方法论探索系列(实验阶段492-2019.2.25)...
  • 0基础学习移动端适配
  • FineReport中如何实现自动滚屏效果
  • iBatis和MyBatis在使用ResultMap对应关系时的区别
  • leetcode-27. Remove Element
  • mac修复ab及siege安装
  • NLPIR语义挖掘平台推动行业大数据应用服务
  • 经典排序算法及其 Java 实现
  • 使用agvtool更改app version/build
  • 数据科学 第 3 章 11 字符串处理
  • 线性表及其算法(java实现)
  • 一个SAP顾问在美国的这些年
  • 继 XDL 之后,阿里妈妈开源大规模分布式图表征学习框架 Euler ...
  • #### go map 底层结构 ####
  • %3cscript放入php,跟bWAPP学WEB安全(PHP代码)--XSS跨站脚本攻击
  • (2)(2.4) TerraRanger Tower/Tower EVO(360度)
  • (iPhone/iPad开发)在UIWebView中自定义菜单栏
  • (二)正点原子I.MX6ULL u-boot移植
  • (蓝桥杯每日一题)love
  • (欧拉)openEuler系统添加网卡文件配置流程、(欧拉)openEuler系统手动配置ipv6地址流程、(欧拉)openEuler系统网络管理说明
  • (四)Controller接口控制器详解(三)
  • (转)shell调试方法
  • *_zh_CN.properties 国际化资源文件 struts 防乱码等
  • .class文件转换.java_从一个class文件深入理解Java字节码结构
  • .net core 6 redis操作类
  • .NET Framework 3.5中序列化成JSON数据及JSON数据的反序列化,以及jQuery的调用JSON
  • .NET 的静态构造函数是否线程安全?答案是肯定的!
  • .Net6使用WebSocket与前端进行通信
  • .net利用SQLBulkCopy进行数据库之间的大批量数据传递
  • .one4-V-XXXXXXXX勒索病毒数据怎么处理|数据解密恢复
  • [Angular 基础] - 数据绑定(databinding)
  • [BZOJ2281][SDOI2011]黑白棋(K-Nim博弈)
  • [C#基础]说说lock到底锁谁?
  • [CC2642R1][VSCODE+Embedded IDE+IAR Build+Cortex-Debug] TI CC2642R1基于VsCode的开发环境
  • [COGS 622] [NOIP2011] 玛雅游戏 模拟
  • [Docker]十二.Docker consul集群搭建、微服务部署,Consul集群+Swarm集群部署微服务实战
  • [HTML]Web前端开发技术7(HTML5、CSS3、JavaScript )CSS的定位机制——喵喵画网页
  • [javaSE] GUI(事件监听机制)