---
title: 忙しい人のための「Motion Designの使い方」
tags:  #ue5  
author: [Leon Gameworks](https://www.docswell.com/user/leon-gameworks)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/87DYVRM57G.jpg?width=480
description: 講演者：遠藤俊太  「第2回 Unreal Engine KYUSHU LT会 in 鹿児島」の講演資料です。  アーカイブ動画： https://www.youtube.com/live/6VgJ_1kdPq4?si=_DmTw39wtoGPvA12&amp;t=13555  イベントページ： https://ue-9shu.connpass.com/event/315861/
published: July 08, 24
canonical: https://www.docswell.com/s/leon-gameworks/KXYMR3-2024-07-08-201243
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/87DYVRM57G.jpg)

忙しい人のための
「Motion Designの使い方」
株式会社Leon Gamworks
遠藤 俊太


# Page. 2

![Page Image](https://bcdn.docswell.com/page/VJP6VWRDE8.jpg)

登壇への経緯
あぶちさんが登壇した流れで、
UE九州にお誘い頂きました。
→ あぶちさんの講演資料
https://youtu.be/0U4n3Kl7HPI
2


# Page. 3

![Page Image](https://bcdn.docswell.com/page/2EV3Z8RG7Q.jpg)

Motion Designとは
Unreal Engine内で2D/3Dのモーショングラフィックスを作成できるプラグイン
※ UE5.4時点では 実験的機能 です。
3


# Page. 4

![Page Image](https://bcdn.docswell.com/page/57G3456DJL.jpg)

Motion Designの使い方を10分で覚えよう！
4


# Page. 5

![Page Image](https://bcdn.docswell.com/page/4EQ5GZ4XJP.jpg)

準備
「Motion Design」、
「Storm Sync Motion Design Bridge」プラグインの有効化
5


# Page. 6

![Page Image](https://bcdn.docswell.com/page/KJ4953Q271.jpg)

準備
プラグインを有効化すると、テンプレートレベルが追加されます。
エンジンのバグで「3DMotion Graphics」レベルが候補から消えてしまうことがあります。
→ Motion Designプラグインのコンテンツからレベルを複製可能
6


# Page. 7

![Page Image](https://bcdn.docswell.com/page/LE1KW1PKJG.jpg)

準備
［Motion Design］ボタンを押すとエディタのレイアウトが切り替わり、
Motion Design の機能が使えるUIが表示される。
7


# Page. 8

![Page Image](https://bcdn.docswell.com/page/GEWD682PJ2.jpg)

準備
8


# Page. 9

![Page Image](https://bcdn.docswell.com/page/47ZGY8D6E3.jpg)

準備完了！
主要な機能について紹介
9


# Page. 10

![Page Image](https://bcdn.docswell.com/page/YJ6YDP1L7V.jpg)

ツールボックス
まずは ［Motion Design］ツールボックスだけ覚えましょう！
2D / 3Dの素材、Motion Design専用のアクターを配置できる。
10


# Page. 11

![Page Image](https://bcdn.docswell.com/page/GJ5G3K4MJ4.jpg)

Cloner
メッシュを規則的に大量に配置。
※ 配置するメッシュは必ずNanite有効に
11


# Page. 12

![Page Image](https://bcdn.docswell.com/page/LE3R6ZG975.jpg)

Cloner
12


# Page. 13

![Page Image](https://bcdn.docswell.com/page/8EDYVR18EG.jpg)

Effector
Clonerなどに動きを追加。
13


# Page. 14

![Page Image](https://bcdn.docswell.com/page/V7P6VWQWJ8.jpg)

Effector
14


# Page. 15

![Page Image](https://bcdn.docswell.com/page/2JV3Z859EQ.jpg)

慣れてきたら他の機能を覚えよう
• Material Designer：
レイヤーベースで画像を組み合わせてマテリアルを作成
• Remote Control：
複数プロパティの一括変更やバリエーションの作成などのロジックを組み込み
• Modifiers：
2D/3Dシェイプの形状をプロシージャルに変形
• Animators：
アクターの各プロパティをバウンスやパルス、ウィグルといったアニメーションで操作
音に合わせて動かすことも可能
15


# Page. 16

![Page Image](https://bcdn.docswell.com/page/5EG345647L.jpg)

Tips
アウトライナーは専用の「Motion Design Outliner」を使おう！
通常のアウトライナーをMotion Design向けに
改造されたアウトライナー。
フィルタリングやネストされたグループ
などがMotion Design向けに作られている。
16


# Page. 17

![Page Image](https://bcdn.docswell.com/page/4JQ5GZ4R7P.jpg)

Tips
［Create Defaults］ボタンから必要最低限のアクターを配置
17


# Page. 18

![Page Image](https://bcdn.docswell.com/page/K74953QQE1.jpg)

Tips
［Create Defaults］ボタンから必要最低限のアクターを配置
カメラはおそらく2D用にデフォルトでロックされているため、
3Dで使う場合はロックを外す。
18


# Page. 19

![Page Image](https://bcdn.docswell.com/page/LJ1KW1PL7G.jpg)

Tips
ビューポート下に追加される専用のツールバーから、
マスクモードの変更、カラーピッカー、スクリーンショットなど便利機能が使える。
19


# Page. 20

![Page Image](https://bcdn.docswell.com/page/GJWD682Q72.jpg)

参考資料
• Motion Design Quick Start Guide
• UE5.4 Free Motion Design Materials &amp; Prop Assets
• Unreal Engine 5.4 Motion Design in 10 MINUTES!
• Real Time Motion Design in Unreal Engine 5.4 | Beginner
Tutorial
• UE 5.4 で使えるメディア・放送系機能
20


