DIY灯光特效:霓虹灯动画制作教程

下面我们根据这张霓虹灯案例,教大家如何用智能动物霓虹灯闪烁的效果,大家可以根据思路,实现自己想要的动效效果,一起动手来做吧。

即时设计-可实时协作的专业 UI 设计工具

设置背景

新建画板尺寸为:800PX^600PX,设置背景色#120527。

绘制主题

输入自己喜欢文案,轮廓化,具体参数如下,

描边:居中5PX,颜色:#FFFFFFF

再复制一层,移至底层,制作外发光模糊效果

描边:居中12PX,颜色:#B012B3

阴影:#B012B3(0,2,4,0),#B012B3(0,2,120,0),#B012B3 (0,2,4,0)

选择钢笔工具绘制一条长度位800px的直线,右键「轮廓化」,设置描边为#FFFFFFFF,透明度为3%,再按

Ctrl+C复制这条直线,调整好合适的位置Ctrl+D一直复制,网格就做好了。

设置主题

设置主题

DESIGN参数

描边:内部3PX,颜色:#00E1FF。

阴影:#00E1FF (0,0,6,0)

复制一层,移至底层,制作模糊效果

填充:颜色:#FFFFFFF,不透明度为0%,

阴影:#1028C7(0,0,20,10),高斯模糊为9

外观:20%

箭头参数

填充:#FFFFFFF,

描边:内部1.5PX,颜色:#F7DE00

阴影:#F7DE00 (0,0,6,0)

复制一层,移至底层,制作模糊效果

填充:颜色:#FFFFFF,不透明度为0%,

阴影:#F7DE00(0,0,20,10),高斯模糊为9

外观:20%

增加装饰元素

灯管参数

颜色:#FFFFFFF

描边:#00FFEE 居中:2.4

阴影:#00FFEE (0,0,12,4),不透明度为30%

星星参数

颜色:#FFFFFFF

描边:#00FFEE,#FF6A1A,#FF8D1A居中:0.9

阴影:#00FFEE,#FF6A1A,#FF8D1A(0,0,8,0)

智能动画

接下来就是添加动画效果了,步骤很简单,马上就能让作品动起起来了

第一步,依次复制出来6个画板,也可以根据自己的喜欢,设置每个元素出场的顺序

第二步,就是给每个画板添加交互动画,选中画板1,选择右侧工具版面中的「原型】,点击交互右侧的「+」按

钮,选择「事件-类型-定时」,时长为1ms,行为「跳转画板」到「画板2」;再选择「过滤动画-智能动画-线性

-200ms」,以此类推,同样的参数应用于其他画板中。点击右上角的「预览」,就可以查看自己做的动画效果

了,是不是很简单呢?大家也可以尝试一下其他动画效果,能做出很多有趣的动画效果。

小提示:想做成循环动画的同学,使最后一个画板连接至第一个画画板中,这样循环动画就做成了

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/34404.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

网络基础-协议

一、ARP 通过IP得到Mac 首先会查看缓存的arp表中是否有相应的IP和Mac对应关系,如果有直接进行包封装。如果没有则进行广播当对应的地址就收到广播包后会根据arp中的源地址进行单播返回相应的IP和Mac对应关系。 arp -a 查看现有的arp缓存 二、RARP反向地址解析 通过…

好公司也需要在好的价格买入

在《战胜华尔街》的第七章,林奇先生还进一步支出在合适的价格买入的重要性。他指出“那些股价线上涨幅度超过了收益线的股票,一般要么是横盘整理,要么是股价回调到与其盈利水平比较相当的合理价位。”因此,“在大牛市中&#xff0…

酒店多商户版微信小程序源码

一站式预订新体验 一、引言:打破传统,开启智能预订新时代 在数字化浪潮的推动下,传统的酒店预订方式已经逐渐无法满足现代人的需求。为此,一款集众多酒店商户于一体的“酒店多商户版小程序”应运而生,以其便捷、智能…

江门电子行业实施MES系统前后对比

在江门电子行业实施MES系统之前和之后的对比可以涉及以下几个方面: 生产效率提升:实施MES系统后,江门电子行业可以实现生产过程的实时监控和优化,减少生产中的浪费和停机时间,提高生产效率。 质量控制改善:…

【机器学习】机器学习重要方法——深度学习:理论、算法与实践

文章目录 引言第一章 深度学习的基本概念1.1 什么是深度学习1.2 深度学习的历史发展1.3 深度学习的关键组成部分 第二章 深度学习的核心算法2.1 反向传播算法2.2 卷积神经网络(CNN)2.3 循环神经网络(RNN) 第三章 深度学习的应用实…

webworker 入门教程

参考(阮一峰的网络日志):https://www.ruanyifeng.com/blog/2018/07/web-worker.html Web Worker 的作用: 就是为 JavaScript 创造多线程环境,允许主线程创建 Worker 子线程,将一些任务分配给后者运行。在主…

解释一下在React中,什么是“渲染Props”模式,以及它与使用Hooks之前的状态管理有何不同?

在React中,"渲染Props"模式是一种组件设计模式,它通过将一个函数作为prop传递给组件,允许父组件定义子组件的渲染逻辑。这种模式使得组件更加灵活和可复用,因为它们可以接受一个渲染函数来决定如何渲染自己。 渲染Prop…

简单分享Python语言(发现其实并不难)

一. Python基础 Python是一种解释型语言,这意味着开发者可以在代码被编写后立即执行它们,而无需编译。Python的基本语法简单明了,以下是一些基础知识点: 变量和数据类型:Python支持多种数据类型,包括整型&…

Python教程:深入理解Python中的__init__()方法

在Python中,__init__()方法是一个特殊的方法,它在创建类的实例时自动调用。这个方法通常用于初始化实例的状态。本文将详细介绍__init__()方法的工作原理、使用场景以及如何有效地使用它。 1. __init__()方法的基础 1.1 什么是__init__()方法&#xff1f…

视频监控解决方案:视频平台升级技术方案(下)

目录 1 项目概况 2 项目需求 2.1 视频感知资源扩充 2.2 视频支撑能力升级 2.3 视频应用能力升级 3 技术设计方案 3.1系统总体架构 3.2视频感知资源扩充设计 3.3 视频支撑能力升级设计 3.4 视频应用能力升级设计 3.4.1视频资源目录管理 3.4.2标签管理 3.4.3设备智能…

KEIL使用小工具

怎样把数组数据导出: KeiL 调试时保存watchwindow的参数变量到文件 KeiL 调试时保存watchwindow的参数变量到文件_keil持续记录变量值到文件-CSDN博客

MySQL----undo log回滚日志原理、流程以及与redo log比较

回滚日志 回滚日志,保存了事务发生之前的数据的一个版本,用于事务执行时的回滚操作,同时也是实现多版本并发控制(MVCC)下读操作的关键技术。 如何理解Undo Log 事务需要保证原子性,也就是事务中的操作要…

常用框架-Spring MVC

常用框架-Spring MVC 1、什么是Spring MVC?2、Spring MVC有哪些优点?3、Spring MVC的主要组件有哪些?4、DispatcherServlet是什么?5、Spring MVC框架的控制器是什么?6、Spring MVC的控制器是不是单例模式?7、控制器默认以单例模式创建会带来什么问题?怎么解决?8、描述下…

Nvidia Isaac Sim图编程OmniGraph 入门教程 2024(6)

Nvidia Isaac Sim 入门教程 2024 版权信息 Copyright 2023-2024 Herman YeAuromix. All rights reserved.This course and all of its associated content, including but not limited to text, images, videos, and any other materials, are protected by copyright law. …

知行合一与思行合一

“知行合一”和“思行合一”都是重要的哲学概念,强调了思维与实践的关系,但侧重点有所不同。以下是对这两个概念的详细解释、历史背景及具体实践示例。 知行合一 知行合一是由明代哲学家王阳明提出的一个重要思想,强调知识与行动的统一。 …

P7771 【模板】欧拉路径

网址如下&#xff1a; P7771 【模板】欧拉路径 - 洛谷 | 计算机科学教育新生态 (luogu.com.cn) 忘掉了输出欧拉回路的方法&#xff0c;搞了我好久 关于欧拉回路的知识可以看我之前的博客&#xff1a; 一点关于欧拉回路的总结-CSDN博客 代码如下&#xff1a; #include<q…

学习笔记——动态路由——RIP(距离矢量协议)

一、距离矢量协议 1、距离矢量协议 矢量行为&#xff1a;协议收到一个路由之后&#xff0c;查看是否可以加入到本地的路由表中&#xff0c;如果可以加入&#xff0c;则可以传递&#xff0c;如果不可以加入&#xff0c;则无法传递。 距离矢量路由协议 RIP基于距离矢量算法(又…

记录外部EEPROM读写有问题排查过程

由于EEPROM的IIC驱动是用模拟IO写的 1.用示波器抓IIC的波形 2.将SDA和SCLK和GND引脚用线引出,探头连接 3.检查并确保探头衰减是X1而不是X10。 4.软件触发写EEPROM&#xff0c;示波器设置下降沿捕获 5.如果有波形&#xff0c;对波形进行Decode&#xff0c;看解码出来的数据是否…

使用 Reqable 在 MuMu 模拟器进行App抓包(https)

1、为什么要抓包&#xff1f; 用开发手机应用时&#xff0c;查看接口数据不能像在浏览器中可以直接通过network查看&#xff0c;只能借助抓包工具来抓包&#xff0c;还有一些线上应用我们也只能通过抓包来排查具体的问题。 2、抓包工具 实现抓包&#xff0c;需要一个抓包工具…

2024-06-24 百度地图的使用及gps定位坐标获取

1.百度地图的使用教程 2. 定位功能的实现 第一种&#xff1a;通过h5自带定位获取当前gps坐标 var options {enableHighAccuracy: true,timeout: 5000,maximumAge: 0};function success(pos) {var crd pos.coords;alert(crd.latitude---crd.longitude---crd.accuracy);conso…