SVGA设计师技巧分享03_金币扫光与蒙版运用

用户头像
北京/设计爱好者/7年前/5428浏览
SVGA设计师技巧分享03_金币扫光与蒙版运用

扫光效果制作、加法蒙版的应用,跑马灯、跑车轨迹效果拓展

前言

这一篇拆解一个抽奖金币的礼物效果。

效果很简单、注意体现质感。

技巧点是加法蒙版的应用,希望大家能举一反三活学活用。


完成效果:


动效技巧-扫光效果及特征分析


效果特征:

扫光在模拟金属划光和质感上表现的较多。

早年的logo文字、一道亮光划过、突出文字或logo,予以效果强调。


制作思路:

线性光贴图一张(做法各异)+轮廓模板+K帧动画+高亮叠加,完成。


SVGA的实现:

svga动画支持蒙版,且仅支持一层,只能使用加法(add)模式。

应用到svga类型制作上,分享给大家愚2种做法:固定形状扫光动态特殊形状


方法①: 加法蒙版的运用、快速制作固定扫光

首先添加一张线性光素材(建议纹理简单)

添加从左到右的图层位移动画

再附加圆形加法遮罩,K关键帧以保持形状固定。

效果就有了,这种方法适合固定形状、简单的轮廓扫光。


注意: 请直接在扫光纹理上加蒙版、K动画,

这一步不要使用合成组(会导致输出错位等BUG)

另外出了个简单示例文件帮助新手理解, 群共享有(扫光案例_简单版)。


方法②:自动追踪制作复杂动态的蒙版轮廓 

使用自带效果控件:生成→扫光(CC Light Sweep)

直接给中心点K帧即可,完成基本扫光效果,作前期准备。

这里建议打一级合成组,以便反复编辑;(下图参数参考)

如果你的扫光效果够实够清晰,你可以得到创建的多个蒙版。

顶栏图层→自动追踪→设置如图,勾选时间跨度为工作区

备注:↑以上步骤是为了获取一份扫光的效果↓是输出的资源

使用你ps准备的纯白色图层,作为基础纹理(也可以制作复杂纹理)

拷贝蒙版动画到纯色图层,移除蒙版透明度的关键帧(这一项效果无法输出)

完成。


这里值得注意的是:

①    图层加法遮罩(输出)仅支持一层,复杂纹理若产生多个蒙版,需要单独拷贝每一层的遮罩动画。

②    自动生成的蒙版透明度是有意义的,但无法输出该效果,需要移除,

并通过截断无关的时间轨,还原效果、以保证扫光顺畅。

 

后文唠叨:

下图是跑马灯、跑车轨迹效果的灵活运用,最早是群友来提问,一起汇总效果到这一篇给大家看效果。

思路一致,主要是加法蒙版的应用,相信通过文章的介绍你已经能够掌握制作了。


最近有新进群的朋友,均看过某站小编加精的帖子,洗脑般用整套序列帧做礼物。。。

沟通起来,他们也有点先入为主的意思,我有点无奈,基本劝他们重做了。

svga动画制作的思路很重要,你想要做什么效果,效果有什么特征,再看看手头的工具,DONE!


希望大家喜欢这系列的帖子,期待后续的文字里能够带大家开启正确姿势。

SVGA动效设计交流群:533358660


51
举报
|
54
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
UI 登录界面设计模板包
新拟态风格 UI设计组件库
【新年UI图标】30个图标
智能家居中心 简约 UI设计组件库
钱包ui模板
【新年UI图标】会员icon
【新年UI图标】银行卡icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】珠宝icon
抽象液态渐变UI背景模版
盲盒APP UI设计
我的钱包-UI界面设计-app
UI应用平面图标
UI界面 组件
【新年UI图标】钱包icon
【新年UI图标】秒杀icon
高级感金属拟物 UI设计组件库
Security Camera UI kit
【新年UI图标】影音icon
【新年UI图标】汽车icon
矢量立体简约UI蓝白图标
3D卡通UI界面图标可爱插画免扣素
新能源APP应用UIKit
你可能喜欢
大家都在看
登录注册