MosaicArt

用户38350844486
5 阅读14分钟

这支我按同样粒度拆完了。
这次的核心不是路径流动，也不是 Saber，而是一个专门做文字/图块拼贴成图形的插件：

irrealix > MosaicArt

它的逻辑是：

先准备一个黑白 Logo 轮廓
→ 再单独做一个很小的“文字源合成”
→ 把很多短时长文字层按顺序排在这个源合成里
→ 把这个源合成喂给 MosaicArt 的 Tile Texture
→ 再调 Base Size / Grid / Cell Transform，让文字刚好拼成目标图形
→ 最后用 Offset X/Y 和 Scale 的随机值做“散开再聚合”的动画

这支视频真正教你的，其实是：

“怎么把任意 logo 做成 word mosaic logo reveal”

一、这支视频最后能做出什么

成片不是普通打字动画，而是：

  • 一堆单词先散开

  • 再重新聚成汽车 / 鹿 / 宇航员 / 摩托车等轮廓

  • 文字本身还能随机切换

  • 很适合做：

    • logo reveal
    • 品牌片头
    • 关键词拼图
    • 资讯类 / 片头类 / 企业类动效

视频开头给的示例就有：

  • 汽车
  • 外卖摩托
  • 鹿
  • 宇航员

说明这套做法不只适合 logo，也适合任何高对比剪影图形。

二、这支视频的核心结构

你可以把整套流程记成 4 个层级：

1）目标层

就是你的黑白 logo / 剪影图。

视频里主层名就是：

  • Logo

2）文字源层

单独一个小合成，名字是：

  • Tex

里面放很多短时长文字层。

3）MosaicArt 插件层

MosaicArt 挂在 Logo 上。

4）动画层

主要通过 MosaicArt 里的这些项目来做：

  • Cell Offset X
  • Cell Offset Y
  • Cell Scale Randomize Factor
  • 以及 Tile Texture Type = Multi Frame

三、先说结论：这支视频最关键的 3 个点

第一点：Logo 一定要高对比

白色图形，黑色背景，边缘尽量干净。

第二点：文字源合成一定要小

作者字幕明确强调：

source composition size should be as small as possible

而项目面板里能清楚看到最终 Tex 合成尺寸是：

  • 300 × 100

所以源合成不是 1920×1080 那种大画布，而是一个很小的窄画布。

第三点：每个词不是同时出现，而是按时间顺序排开的

作者字幕明确写了：

Keep the length of the source short, around 2 frames, and place the layers in sequence

也就是：

  • 每个文字层持续大约 2 帧
  • 然后按时间轴一个接一个排下去

这个非常关键。
因为后面 Multi Frame 随机取帧时，才会从这些不同文字里抽样。

四、第一步：先准备 Logo

1）导入 Logo

视频里作者先导入一个白色汽车剪影，黑底。

这一步的要求很明确：

  • 最好是透明 PNG
  • 或者至少是白图黑底
  • 图形轮廓要完整、清晰

2）先预合成

字幕写得很清楚：

Pre-compose it to make it easier to replace the logo

复刻

选中 logo 层：

Ctrl + Shift + C

预合成成：

  • Logo

这一步的作用

以后你要换图形时，只要换 Logo 预合成里的内容就行，
主工程和 MosaicArt 设置不用重做。

五、第二步：单独创建文字源合成 Tex

1）新建合成

字幕写的是：

Create a new composition to create the source

而项目面板里清楚能读到最终 Tex 的尺寸是：

  • 300 × 100

我建议你直接照这个建

  • Name：Tex
  • Size：300 × 100
  • Frame rate：跟主合成一致，作者是 29.97 fps
  • Duration：作者画面里大约是 15 秒 05 帧 左右

为什么这么小

作者明确说了：

source composition size should be as small as possible

因为这只是给 MosaicArt 提供“字块纹理”的源，不需要大画布。

2）背景保持黑色

因为后面文字是白色，黑底最稳。

六、第三步：在 Tex 里做文字序列

这是整支视频最重要的基础。

1）每个词单独做一层

作者在 Tex 合成里输入了很多词，比如：

  • APPLE TREE
  • COFFEE
  • BATMAN
  • MONSTER
  • CAMERA
  • FLOWERY
  • 韩文词
  • 以及其他英文 / 韩文组合

你照着做时，原则是：

  • 一个词或短语一层
  • 白字黑底
  • 用粗一点、清晰一点的字体

2）每层只保留很短时间

字幕明确写的是：

Keep the length of the source short, around 2 frames

复刻

每个文字层的长度：

  • 大约 2 帧

最稳做法

比如在 29.97fps 下：

  • 第 1 层：0f - 2f
  • 第 2 层：2f - 4f
  • 第 3 层：4f - 6f
  • 依次排下去

3）把这些层按顺序排在时间轴上

字幕明确写的是：

and place the layers in sequence

这不是把所有字同时堆在一帧里。
而是：

  • 时间上一个接一个
  • 后面 MosaicArt 随机取不同帧
  • 每个 tile 就会抽到不同词

4）字体风格建议

从视频看，作者用的是：

  • 粗体
  • 紧凑
  • 高对比
  • 多数是全大写英文，夹杂韩文

复刻建议

优先用：

  • Bold
  • Condensed
  • 白字黑底

因为这类字更适合被缩小成 tile 之后还能看得出形状。

七、第四步：把 MosaicArt 挂到 Logo 上

字幕明确写的是：

Once the source is ready, apply the MosaicArt plugin to the logo

操作

选中 Logo 图层，在 Effects 里搜索：

  • MosaicArt

插件目录能看到：

  • irrealix > MosaicArt

添加到 Logo 上。

八、MosaicArt 里最重要的基础参数

这部分视频里有几帧比较清楚，我把能稳定看清的参数给你整理出来。

1）顶层基础值

在效果控制面板里，作者这组值非常稳定：

  • Preset：[Select Preset]
  • Base Size：13.7
  • Unite Tiles Iterations：2
  • Unite Tiles Threshold：0.050

这组值的作用

  • Base Size 决定 tile 的基础大小
  • Unite Tiles Iterations / Threshold 决定图块如何更连贯地贴合目标形状

最稳复刻

直接先照抄：

  • Base Size = 13.7
  • Unite Tiles Iterations = 2
  • Unite Tiles Threshold = 0.050

2）Tile Type

视频里明确设成：

  • Tile Type = Texture

因为这里不是用纯色块，而是要用文字源当 tile。

九、第五步：把 Tex 塞进 Tile Texture

字幕明确写的是：

Put the source texture into the Tile Texture

视频里能看清的参数

在 Tile Texture 里：

  • Tile Texture Layer = 2. Tex
  • 右侧下拉模式 = Source
  • Tile Texture Type：一开始是 Single Frame
  • Tile Texture Blend Mode = Multiply
  • Tile Texture Multiplier = 1.0

复刻

在 Logo > MosaicArt > Tile Texture 里设置：

  • Tile Texture Layer：Tex
  • Mode：Source
  • Tile Texture Type：先用 Single Frame
  • Blend Mode：Multiply
  • Tile Texture Multiplier：1.0

先用 Single Frame 的原因

作者前半段先用单帧模式来调静态形状。
这样比较容易看清：

  • 文字是不是太扁
  • 太宽
  • 太密
  • 太稀

等静态造型调顺了，再切到 Multi Frame。

十、第六步：调比例，让字块看起来顺眼

字幕反复强调：

Adjust the options to make the proportions of the letters look good

这一步不是只改一个值，而是围绕下面几组去微调。

1）Base Grid

视频里能清楚看到 Base Grid 下面有这些项：

  • Base Grid Pivot
  • Base Grid ScaleX
  • Base Grid ScaleY
  • Base Grid Rotation

明确能读到的值

  • ScaleX ≈ 100%
  • ScaleY ≈ 100%
  • Rotation ≈ 0°

但重点不是死抄数值

作者真正的做法是：

边看字块变形，边调 Base Grid 和 Cell Scale

也就是让文字不要：

  • 过度压扁
  • 过度拉长
  • 轮子里挤太满
  • 车身部分显得太粗

2）Cell Scale Common / X / Y

在 Cell Transform 下能看到：

  • Cell Scale Common
  • Cell Scale X
  • Cell Scale Y

这几项就是专门拿来修“字形比例”的。

你的实操原则

如果字太瘦

  • 增大 Cell Scale X
  • 或减小 Scale Y

如果字太胖

  • 减小 Cell Scale X
  • 或增大 Scale Y

如果整体太挤

  • 提高 Base Size

如果整体太松

  • 降低 Base Size

十一、第七步：让不同文字随机出现

字幕写得非常明确：

To make the letters randomize, set the Texture Type to Multiframe and check Index Loop

1）把 Tile Texture Type 改成 Multi Frame

前面你是 Single Frame，现在改成：

  • Tile Texture Type = Multi Frame

2）把 Index Loop 打开

在 Tile Texture Index 里，视频里能看到：

  • Tile Index Loop = 勾选

这一步的作用

如果不开 Index Loop，随机抽帧时不够自然。
开了之后，循环更顺，文字不会一下子断掉。

3）Tile Texture Index 区域

画面里能看清大概有这些项目：

  • Tile Index Source Factor
  • Tile Index Offset
  • Tile Index Randomize Factor
  • Tile Index Randomize Seed
  • Tile Index Layer
  • Tile Index Layer Factor
  • Tile Index Loop

我能稳定确认的

  • 作者确实用了 Multi Frame
  • 作者确实勾了 Index Loop
  • 其他数值拍得不够清晰，不适合硬编

但从成片逻辑上可以确定

这个区域的主要作用就是：

  • 决定 tile 取哪一帧文字
  • 决定随机程度
  • 决定是否循环

十二、第八步：做“散开再聚合”的动画

这一步是整支视频的灵魂。

字幕明确写了：

Utilize the Offset of the Cell Transform to animate
以及
Utilizing the offset X,Y, you can create an animation where the letters come together to form a logo

1）关键动画项

在 Cell Transform 下，作者重点操作的是：

  • Cell Offset X
  • Cell Offset Y
  • Cell Scale Randomize Factor

2）这些参数的逻辑

Cell Offset X

让字块在 X 方向散开 / 聚回

Cell Offset Y

让字块在 Y 方向散开 / 聚回

Cell Scale Randomize Factor

让字块大小先乱，再回到统一比例

3）视频里能明确看到的结构

在时间线里，作者给这 3 项都打了关键帧。

而效果面板里至少能稳定看清这些字段：

Cell Offset X

  • Cell Offset X Value
  • Cell Offset X Source Factor
  • Cell Offset X Randomize Factor
  • Cell Offset X Randomize Seed
  • Cell Offset X Layer
  • Cell Offset X Layer Factor

Cell Offset Y

  • Cell Offset Y Value
  • Cell Offset Y Source Factor
  • Cell Offset Y Randomize Factor
  • Cell Offset Y Randomize Seed
  • Cell Offset Y Layer
  • Cell Offset Y Layer Factor

Cell Scale Common

  • Cell Scale Value
  • Cell Scale Source Factor
  • Cell Scale Randomize Factor
  • Cell Scale Randomize Seed

4）最稳的动画思路

作者的逻辑不是“让 Value 大动”，
而是主要利用：

  • Randomize Factor

让字先乱，再归位。

你可以直接这样做

起始帧
  • Cell Offset X Randomize Factor：给一个比较大的值
  • Cell Offset Y Randomize Factor：给一个比较大的值
  • Cell Scale Randomize Factor：给一个比较大的值
结束帧
  • 这三项都回到 0

结果

一开始：

  • 字的位置乱
  • 大小也乱

后面：

  • 所有 tile 慢慢归位
  • 最终拼成车的轮廓

5）关于具体起始数值

这部分视频里数值拍得不够稳定，有的帧能看到：

  • 某些 Randomize Factor 是 0
  • 某些时刻 Y Randomize Factor 看起来像有一个较大的负值
  • 但没有一组“全程都能清楚确认”的起始值

所以这里我不硬写死数值。

最稳的复刻方式

你先这样试：

  • X Randomize Factor：100 ~ 400
  • Y Randomize Factor：100 ~ 400
  • Scale Randomize Factor：30% ~ 80%

然后按画面散开的程度微调。

十三、第九步：给关键帧做缓动

视频后面 Graph Editor 出现了好几次。
说明作者不仅打了关键帧，还做了曲线调整。

实操建议

对前面那 3 项的关键帧：

  • 先 F9 Easy Ease

  • 再进 Graph Editor

  • 做成：

    • 开头变化快一点
    • 结尾减速收束

这样效果会更像

  • 一开始字快速乱飞
  • 后面有控制地吸附回 logo 轮廓

而不是机械线性移动。

十四、第十步：可选再开 3D，直接动整个图层

字幕最后还明确说了：

You can animate the layer itself by checking 3D on the layer

这句话的意思

除了 MosaicArt 内部的 tile 动画之外，
你还可以把 Logo 图层本身勾成 3D layer，再做：

  • Position
  • Rotation
  • Scale

适合的做法

例如：

  • logo 聚合完成后，整体轻微推进镜头
  • 或整体有一点 Y Rotation
  • 或轻微 Z 轴位移

这样成片会更像真正的片头，而不是单纯插件演示。

十五、整套最稳复刻顺序

我给你整理成一版直接能照做的流程。

A. 准备 logo

  1. 导入白色 logo / 剪影 PNG
  2. 放到黑底合成
  3. Ctrl + Shift + C 预合成成 Logo

B. 做文字源 Tex

  1. 新建合成 Tex

  2. 尺寸设成：

    • 300 × 100

  3. 帧率跟主合成一致

  4. 时长大约 15 秒

  5. 背景黑色

  6. 输入很多词，每个词一层

  7. 白字黑底

  8. 每层持续约 2 帧

  9. 所有文字层按顺序排在时间轴上

C. 给 Logo 挂 MosaicArt

  1. 选 Logo
  2. 添加：
  • irrealix > MosaicArt
  1. 先设：
  • Base Size = 13.7
  • Unite Tiles Iterations = 2
  • Unite Tiles Threshold = 0.050
  1. Tile Type：
  • Texture
  1. Tile Texture：
  • Tile Texture Layer = Tex
  • Mode = Source
  • Tile Texture Type = Single Frame
  • Blend Mode = Multiply
  • Tile Texture Multiplier = 1.0

D. 调静态造型

  1. 通过这些项微调字块比例：
  • Base Grid ScaleX
  • Base Grid ScaleY
  • Cell Scale Common
  • Cell Scale X
  • Cell Scale Y
  1. 调到字块看着不扁不胖、能顺利拼成 logo 为止

E. 开随机取帧

  1. Tile Texture Type 改成：
  • Multi Frame
  1. 在 Tile Texture Index 里：
  • 勾 Index Loop

F. 做聚合动画

  1. 在这些项上打关键帧：
  • Cell Offset X Randomize Factor
  • Cell Offset Y Randomize Factor
  • Cell Scale Randomize Factor
  1. 起始帧给较大值
  2. 结束帧全部回 0
  3. 给关键帧做 Easy Ease
  4. 在 Graph Editor 里修曲线

G. 可选整体动图层

  1. 把 Logo 勾 3D
  2. 再给整个 layer 做轻微推进 / 旋转

十六、替换素材时，哪些值必须改

这支视频虽然逻辑清楚，但换素材后不是无脑套。

1）换 logo 形状了，必须改这些

必改

  • Base Size
  • Base Grid ScaleX / ScaleY
  • Cell Scale X / Y
  • Offset Randomize Factor 的强度

原因

不同 logo 的：

  • 宽高比
  • 细节多少
  • 轮廓粗细
    都不一样

比如：

  • 汽车和鹿就完全不同
  • 宇航员的腿部和手臂更细，更需要小 tile

2）logo 细节很多，怎么改

现象

  • 字块塞不进去
  • 小细节糊成一团
  • 轮廓不清楚

解决

  • 降低 Base Size
  • 适当增加 source 文字种类
  • 缩小字块比例
  • 减少过大的随机 scale

3）logo 太简单、太大块，怎么改

现象

  • 看起来太空
  • 不够密
  • tile 太少

解决

  • 提高 Base Size
  • 或增加 Unite Tiles 的贴合程度
  • 让 source words 更丰富

4）字看起来太扁或太高

必改

  • Base Grid ScaleX / ScaleY
  • Cell Scale X / Y

规律

太扁
  • 提高 Y
  • 或降低 X
太瘦
  • 提高 X
  • 或降低 Y

5）文字重复感太强

必改

  • 增加 Tex 合成里的词汇量
  • 增加总时长
  • 继续保持每层约 2 帧
  • 用 Multi Frame + Index Loop

原因

如果源里只有几个词，
MosaicArt 抽来抽去就那几个，重复会很明显。

6）聚合动画太乱或太弱

必改

  • Cell Offset X Randomize Factor
  • Cell Offset Y Randomize Factor
  • Cell Scale Randomize Factor
  • Graph Editor 曲线

规律

太乱
  • 降低 X/Y randomize
  • Scale randomize 也降一点
太没冲击
  • 提高起始随机值
  • 起始和结束的距离拉大一点

十七、这支视频里最值得直接记住的关键值

给你一版速抄。

源合成 Tex

  • 尺寸：300 × 100
  • 黑底
  • 每个词一层
  • 每层约 2 帧
  • 顺序排在时间轴上

MosaicArt

  • Base Size：13.7
  • Unite Tiles Iterations：2
  • Unite Tiles Threshold：0.050
  • Tile Type：Texture

Tile Texture

  • Tile Texture Layer：Tex
  • Mode：Source
  • 初期：Single Frame
  • 后期：Multi Frame
  • Blend Mode：Multiply
  • Tile Texture Multiplier：1.0
  • Index Loop：开

动画重点

  • Cell Offset X Randomize Factor
  • Cell Offset Y Randomize Factor
  • Cell Scale Randomize Factor

整体逻辑

  • 开始：随机值大
  • 结束：全部回 0

十八、这支视频适合配什么 BGM

这支不是魔法感，也不是路径流光感。
它更像：

  • 品牌片头
  • 文字拼贴
  • 信息聚合
  • logo reveal
  • 现代企业 / 科技 / 纪录片片头

所以 BGM 最适合：

方向 1：品牌 / 企业 Logo Reveal

最贴这支。

英文搜索词：

  • corporate logo reveal music
  • brand intro instrumental
  • modern logo animation music
  • clean corporate intro
  • company reveal soundtrack

适合

  • 企业片头
  • 品牌名展示
  • 资讯类片头

方向 2：科技 / 信息聚合感

如果你想让它更像现代科技品牌。

英文搜索词：

  • tech logo reveal music
  • futuristic corporate intro
  • modern tech brand music
  • digital identity soundtrack
  • sleek tech intro

适合

  • 科技类 logo
  • 汽车类 logo
  • 产品品牌片头

方向 3：更电影化的文字片头

如果你想让它更像纪录片/预告风。

英文搜索词：

  • cinematic typography music
  • epic title reveal
  • modern trailer intro
  • documentary intro soundtrack
  • kinetic typography music

适合

  • 片头
  • 标题动画
  • 关键词聚合式开场

方向 4：最稳直接搜索组合

你直接搜这些最容易出对味的：

  • corporate logo reveal instrumental
  • modern brand intro music
  • tech identity soundtrack
  • kinetic typography intro
  • clean cinematic logo reveal

十九、我最推荐的 3 组 BGM 搜索词

优先级最高的三个：

1

corporate logo reveal instrumental

2

modern brand intro music

3

tech identity soundtrack

这三组和这支“文字聚合成 logo”的气质最搭。

下一支继续发，我就继续按这一套拆。

avatar
文章
阅读
粉丝