ABOUT
トランジション周期表について
トランジション周期表は、クライアントワークでよく使われる画面切り替え表現を抽出し、元素記号表のようにルールをもとに並べたものです。
トランジションとは
1本の動画は、編集によってつなげられた複数のカットで構成されています。そのカットとカットの間を繋ぐために挟まれる効果やエフェクトのことをトランジションと呼びます。
「Transition」は英語で「遷移」「移行」といった意味があります。動画編集においては、このトランジションを入れることで、前のカットから後ろのカットへと映像が遷移する際のつなぎ目を スムーズに、あるいは印象的に見せてくれる効果があります。
これらはCMや企業VP、デジタルサイネージ動画、YouTube動画など様々な場面で活用されています。
また、トランジションには多種多様な表現があり、それぞれに特徴や効果が異なります。
動画編集アプリも多種多様ですが、クライアントワークでよく使われるのは、Adobe Premiere Pro、Adobe After Effects、Adobe Animateが代表的です。そして、これらのアプリでトランジ ションの作成も可能です。
これらのアプリケーションを使ったトランジション技法を紹介したチュートリアル動画は国内問わず多く公開されています。
しかし、いざフリーランスクリエイターのクライアントワーク、または会社での動画編集業務において、トランジションが必要な場面に遭遇したとき、探す手間がかかりすぎてしまうことはない でしょうか？
情報が民主化された時代だからこそ、必要な情報を素早くリサーチし、精査・処理する能力が求められます。
そこで、実務でいますぐ使えるトランジション表現を探しているクリエイターに向けてこの「トランジション周期表」を作りました。
トランジション周期表
TRANSITION
PERIODIC TABLEトランジション周期表
| 01 | 18 | ||||||||||||||||
 | 02 | 13 | 14 | 15 | 16 | 17 |  | ||||||||||
 |  | 03 |  |  |  |  |  |  | |||||||||
 |  |  | 04 | 05 | 06 | 07 | 08 | 09 | 10 | 11 | 12 |  |  |  |  |  |  |
 |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |
 |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |
 |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |
ご覧の通り、「トランジション周期表」は「元素周期表」をモチーフに作成しています。
元素周期表と同じように、性質が似ているものを同属性としてまとめています。縦に1~18の種類に分類して一覧にしています。
※「トランジション周期表」は「元素周期表」とは違い、自然の性質によって分類しているわけではありません。なので、厳密な法則に沿って番号が振られているわけではありません。
配列
「トランジション周期表」は「元素周期表」と同様に、縦列を同族として似た性質の表現で揃えています。
TRANSITION
PERIODIC TABLEトランジション周期表
| 01 | 18 | ||||||||||||||||
| 02 | 13 | 14 | 15 | 16 | 17 | | ||||||||||
| | 03 | | | | | | | |||||||||
| | | 04 | 05 | 06 | 07 | 08 | 09 | 10 | 11 | 12 | | | | | | |
| | | | | | | | | | | | | | | | | |
| | | | | | | | | | | | | | | | | |
| | | | | | | | | | | | | | | | | |
族による類似性は下記の通りです。
1族 ：円形×シェイプ
2族 ：長方形×シェイプ
3族 ：多角形×シェイプ
4族 ：長円×シェイプ
5族 ：円形×ワイプ
6族 ：ライン×シェイプ
7,8族：その他シェイプ
9族 ：ブラインド系
10族：スライド系
11族：ズーム系
12族：モザイク系
13族：グリッチ系
14族：手書き系
15族：光系
16族：テキスト系
17族：コミック系
18族：液体シェイプ
また、使用頻度の特に高いものは上に配列するようにしています。
トランジション周期表の使い方
トランジション周期表は、クライアントワークを想定して実務で使えるツールとして作成しましたが、様々な使い方ができます。
・実務でトランジションを入れる必要がある時のリサーチとして使用していただく
・順番にチュートリアルを実施することでAfter Effects初学者の学習として使用していただく
・作り方がわからないトランジションの逆引きとして使用していただく
・動画編集のインスピレーションを湧かせるために視聴していただく
トランジション周期表はAdobe After EffectsとAdobe Animateを中心に作成方法を記載していますが、他のアプリケーションでも作成できるものは多く存在するのでアプローチの参考にしていただけるはずです。
また、トランジション周期表作成時点でのバージョンはAdobe After Effects 2022です。
After Effects用スクリプトについて
トランジション周期表は、チュートリアルサイトとして作成していますが、さらにトランジション業務を効率化するためにAdobe After Effects用のスクリプトを有料で用意しています。
スクリプトの詳細は下記よりご確認いただけます。
連絡先・お問い合わせ
E-mail：info@noko.company
Twitter：https://twitter.com/kazunokoblog