动态yumbo的gif制作

最新推荐文章于 2022-01-25 02:25:57 发布
最新推荐文章于 2022-01-25 02:25:57 发布
阅读量9.9w 收藏
点赞数 5
分类专栏： 云博前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41813208/article/details/108354426
版权

如下效果图
在这里插入图片描述

第一步、通过AI给每一个字符上色

例如，字体和大小
在这里插入图片描述

在这里插入图片描述
然后导出png
在这里插入图片描述

再通过PS创建图层

通过框选选择部分字体，右键拷贝图层
在这里插入图片描述

一个一个建立图层，让图层显示的内容就是部分的内容，然后一张一张的播放就能达到gif动态字体的的效果
在这里插入图片描述

窗口==>时间轴

在这里插入图片描述
然后设置每一个图层显示的顺序和时间
在这里插入图片描述
编辑好后，如下导出gif

在这里插入图片描述
在这里插入图片描述

完成

诗水人间
关注
专栏目录
网易云音乐Api nodejs版
A_miba的博客
02-01 2427
网易云音乐 Node.js API service。
yumbo-vue:云博前端项目
05-09
yumbo-vue 云博的前端项目 Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lints and fixes files npm run lint ...
yumbo分布式博客的未来构思
诗水人间
04-02 505
近期小结 最近一段时间很少写博客，原因是近段时间事情比较多，作为一个大四学生，临近毕业。 毕业论文，找工作，学习。三件事情让我忙不胜忙，因此最近一段时间的写博客频率比较低。 从2019年开始我就一直在构思yumbo博客的架构和实现，我不满意csdn的博客所提供的功能，虽然csdn的博客系统已经基本满足了个人写博客的需求。 以下我举出几个例子来提出csdn不足的地方 专栏分类 非常糟糕的设计，无法处理多级专栏（3级以上完全无法实现），2级专栏只是样式的调整，我猜测csdn的这个专栏设计应该是mysql的一
云博(yumbo)前端模块划分
诗水人间
06-07 15万+
项目目录结构 云博分为手机端界面和pc端界面，通过判断是手机还是pc来自动切换路由 路由的格式  手机端用 phone  PC端用 pc 例如主页 路由： 1. localhost:8080/phone 表示手机端 2. localhost:8080/pc 表示PC端 比如登陆界面路由: 1. localhost:8080/phone/login 2. localhost:8080/pc/login 同理手机和电脑端的切换只需要更换路由中的pc和phone即可 目录结构：（项目完
使用ForkJoin框架优化 excel-import-export 框架性能，并进行导入导出性能测试
诗水人间
06-12 659
框架简介 源码地址：https://github.com/1015770492/excel-import-export 码云地址：https://gitee.com/gnnu/excel-import-export 仓库地址：https://repo1.maven.org/maven2/top/yumbo/excel/excel-import-export/ 首先：将仓库地址设置为新的ali镜仓，与dependencies同级 亦可以全局修改settings.xml中的mirrors将url修改为新的地址：
SpringBoot集成Spring Security（4）——自定义表单登录
weixin_30730151的博客
01-21 123
通过前面三篇文章，你应该大致了解了 Spring Security 的流程。你应该发现了，真正的 login 请求是由 Spring Security 帮我们处理的，那么我们如何实现自定义表单登录呢，比如添加一个验证码… 源码地址：https://github.com/jitwxs/blog_sample 文章目录 一、添加验证码　　1.1 验证码 Servlet　　1.2 修改...
JNI 对于 java 与 C++ 之间的String的处理，java通过JNI调C传入字符串“abcdef“ 方法返回一个新的字符串，比如每个字符+1变成:“bcdefg“
诗水人间
01-25 1480
这里需要思考一个问题： 作为一个java程序员，对于String自然是很熟，java去调C++/C，因为java是字符串是对象，而对于C来说字符串则是字符指针，约定以00结尾结束字符串。C++对于字符串也可以和java一样直接""表示 JNI的方式，java将字符串传C++，然后返回一个新的字符串 示例： 定义java的native方法 package top.yumbo.jni; public class JavaCallCpp{ public native String doXXX(String s
实现所有网站的qq登录返回登录后的cookie信息
诗水人间
01-17 2577
开源地址：https://github.com/1015770492/autoLoginQQWithAnyWeb 注意：如果你下载了源码，想在自己的windows环境下测试，将源码中top.yumbo.music.test.configuration.ChromeAutoConfigration中 指定chromedriver路径的注释打开，并且指向正确的chromedriver路径，（chromedriver是驱动，同时也需要电脑上有chrome浏览器） // 打开注释并且将值设置为正确的路径 Syste
SpringBoot+Mybatis+FreeMarker项目配置
qq_45742386的博客
04-26 193
SpringBoot+Mybatis+FreeMarker项目配置 字段时间格式设置 @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss", locale = "zh", timezone = "GMT+8") //设置时间格式 private Date lastLoginDate; pom.xml <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org
java8 Stream接口的深入解读，stream接口内部的方法你都熟悉吗？
诗水人间
09-20 1541
Stream接口中每一个方法你都了解？ java8已经诞生很久了，stream-api 你是否已经非常的精通了？ 了解 Stream-api 的前提需要熟悉常见函数式接口，对于每一个方法你是否有深入的解读过？ 本篇文章主要目的是解读这个接口的每一个方法以及对应的应用场景。 跳过流的创建，重点讲解每一个方法的功能和应用场景。 stream用的最多的场景就是从数据库查询得到List数据，可能这些数据需要经过一些处理才可以暴露给前端。 其目的也是为了避免写复杂的SQL语句，很早以前的在没有持久层框架的开发，sq
工程项目承诺书.pdf
10-13
4. YumBo Network Technology Co., Ltd.的提及： 这部分内容提到了“YumBo Network Technology Co., Ltd.”，这似乎指的是参与合同的某一方。在工程项目中，此类公司可能承担工程设计、系统集成、技术支持或项目管理...
autoLoginQQWithAnyWeb:实现任意网站的qq自动登录，原理通用
05-26
注意：如果你下载了源码，想在自己的windows环境下测试，将源码中top.yumbo.music.test.configuration.ChromeAutoConfigration中 指定chromedriver路径的注释打开，并且指向正确的chromedriver路径，（chromedriver...
原股东同比例增资协议范本新.pdf
10-14
1. 协议各方的基本信息：协议中可能包含了YumBo Network Technology Co., Ltd.（一个假定的公司名称）等信息，这表示协议是由该公司与股东签订，或者与多个股东签订。 2. 协议的生效日期和版本信息：由于文件显示...
栅格布局xs sm md lg xl，简单的响应式示例代码
热门推荐
诗水人间
06-14 16万+
xl对应屏幕 >=1920 px 超大显示器 lg对应屏幕>=1200px，小于 1920px 台式1920*1080显示器 md对应屏幕>=992px，小于1200px 适合笔记本 sm对应屏幕>=768px，小于992px 适合平板 xs对应屏幕<=768 手机端屏幕 例如有如下代码将屏幕分成3列，进行响应式布局 <el-row :gutter="10"> <el-col :xs="0" :sm="7" :md="6" :lg="5" :x
js 对象的深拷贝、合并、清空属性值(自己封装，递归清除对象属性值。)
诗水人间
07-15 15万+
对象属性和值的深拷贝 let staffForm = { id: '123', name: 'zhangsan' } 方法一：ES6语法 let obj = Object.assign({}, staffForm);//obj是深拷贝的对象 方法二：JSON工具,通过转字符串，然后转对象 let obj = JSON.parse(JSON.stringify(staffForm));//obj是深拷贝 合并对象 会合并相同属性、后面的会覆盖前面的 const o1 = { a: 1, b: 1,
Vue.js中对css的操作
诗水人间
06-17 15万+
原文链接：https://blog.csdn.net/tan1071923745/article/details/81162667 此篇博客为转载内容，做个记录，方便自己日后查找使用 总结下面的内容，最简单的方式是给需要操作的dom元素添加ref="refName"属性， 然后通过this.$refs.refName.style.要修改的样式=修改的值 即可完成修改css 使用v-bind：class或者v-bind:style或者直接通过操作dom来对其样式进行更改； 1.v-bind:class .
js封装网易云api请求
诗水人间
06-11 14万+
封装axios，以及封装网易云音乐api文档中的所有请求 封装号的js文件地址Github:云博前端项目-网易云音乐api封装后的js文件地址 向将axios请求封装 npm install axios -s 封装的请求函数文件，通过传入type=GET/POST/PUT/DELETE分别发送 axios.get(url)和 axios.post(url,data) /* ajax请求函数模块 返回值: promise对象(异步返回的数据是: response.data) 其它请求使用axios.post
ElementUI自定义CSS样式不生效的解决方案
诗水人间
09-02 14万+
例如有一个输入框 <el-input ref="mySearch" class="mySearch" size="small" placeholder="请输入内容" suffix-icon="el-icon-search" v-model="input1"> </el-input> 如果没有加自定义样式则输入框大概是这样的 我希望是这样的 通过谷歌浏览器的开发者工具，找到对应样
vue中手机端和电脑端之间路由切换的实现代码，正则表达式对路由替换
诗水人间
06-07 13万+
例如有手机端登录页面和电脑端的登录页面 登录的路由分别是 /pc/login /phone/login 实现代码：先根据浏览器判断是电脑还是手机端的界面 然后通过正则截取/login进行字符串拼接，形成新的路由 在入口App.vue中的script中添加 export default { name: 'App', methods: { // 判断phone端还是pc端 _isMobile() {
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

诗水人间

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值