Making a TED-Ed Lesson: Two ways to animate slam poetry

翻訳: Hiroshi Uchiyama 校正: Tomoyuki Suzuki

In this short video,

この短いビデオを使って

we're going to show you how we use

２つのアニメーション技法を 説明します

two different animation techniques,

２つのアニメーション技法を 説明します

both rotoscoping

ロトスコープと

and traditional hand-drawn animation

伝統的な手書きのアニメについての

in the TED-Ed Lesson,

TED-Edレッスンです

"Miss Gayle's 5 Steps to Slam Poetry:

「ゲイルさんによる スラム詩人になるための５つのステップ：

A Lesson of Transformation."

映像変形のレッスン」

[スラム詩とは？ なぜ２つのアニメーション技法を使うのか？]

A poetry slam is a competition

ポエトリー・スラムとは 競技会のことで

in which poets are judged on their poems,

詩人に対する評価は しばしば 詩のもつ―

often for qualities of emotional power

感情的な力の質や

and lyrical resonance.

叙情的な余韻によってなされます

Our Lesson was created by Gayle Danley,

このレッスンは ゲイル・ダンリーが作りました

a veteran slam poet

スラム詩の達人で

who spent decades teaching children

数十年間 子供たちを 指導してきました

to express themselves through spoken words,

「スポークン・ワード」を通して 自己を表現させるのが目的です

a Lesson, which offers a guide to creating poetry

このレッスンでは 即興性と力強さを備えた詩を

with immediacy and power,

創作する方法を教え

also serves as a great example of exactly that.

見事な実例も提供しています

It's a story told in the form of a poem

詩の形式で語られる物語で

that packs a real emotional punch.

その中に感情的な迫力を利かせています

She introduces Tyler,

ゲイルはタイラーを紹介します

who's sitting in an 11th grade writing class,

彼女は高校２年生の 創作のための教室で

struggling with the assignment of having to write a poem

個人的な経験をもとに 詩を書く課題に

based on a personal experience.

取り組んでいます

The story is told from two perspectives,

物語は２つの視点から語られます

one external

外面的な視点と

and one internal.

内面的な視点です

Miss Gayle's narration sets the stage

ゲイルさんのナレーションは

of the outside world,

外の世界を舞台にし

and spoken word artist Pages D. Matan

「スポークン・ワード」の芸術家 ペイジズ・D・マタンは

performs Tyler's inner voice.

タイラーの心の声を演じます

To set these two realms

これらの２つの領域

of inner- and outer-experience apart,

つまり内面的な経験と 外の世界の経験を別々にし

a different animation technique was used

異なるアニメーション技法を用いることで

to illustrate each.

それぞれを表現しました

The real world was animated by rotoscoping,

現実の世界は ロトスコープで描かれました

with a frame-by-frame tracing of live-action footage

実写で得られた場面を 白黒の線描画によって

in black and white line art.

１フレームずつトレースしています

The animation depicting the inner-stream

タイラーの記憶の中にある 意識の世界の内なる流れを

of consciousness world of Tyler's memories

表現するアニメーションは

was traditionally drawn on paper,

紙に描く伝統的な手法で作られ

featured watercolored backgrounds

水彩画による背景と

and a more expressionistic design.

表現主義的なデザインで 特徴づけられました

Once deciding on this general approach,

この様に取り組み方の概要が決まると

the project went right into pre-production.

プロジェクトは プリプロダクションの段階に入りました

[プリプロダクションとは？ なぜ重要なのか？]

In animation, pre-production is the planning stage.

アニメーションでは プリプロダクションは企画の段階のことで

It's all the decisions that need to be made

実行に移し 最終形に仕上げる前に必要な あらゆる判断を下します

before going and actually making the thing

実行に移し 最終形に仕上げる前に必要な あらゆる判断を下します

in its final form.

実行に移し 最終形に仕上げる前に必要な あらゆる判断を下します

This can include developing

これには 各コマの見た目や デザインを決めたり

the look or design of the piece,

これには 各コマの見た目や デザインを決めたり

experimenting with colors and camera angles,

色合わせや カメラのアングルを試したり

revising the script,

脚本を見直したりすることを 含みます

and so on.

脚本を見直したりすることを 含みます

All these decisions are important

このような判断はどれも重要です

because they determine how much work and time

制作に必要な作業量と時間が

the production will take.

これで決まるからです

Extra time spent here figuring things out

問題解決を図るために 余分に費やした時間は

can often save a lot of time down the road.

その後にかかる時間を 節約することがよくあります

For our project, a storyboard was first created,

私達のプロジェクトでは 最初にストーリーボードを作り

in which the framing, composition, and imagery

フレーム割、文章、映像構成などを

for each shot was determined.

シーン毎に決定しました

Then an animatic was made,

次にアニマティックという

which is basically a movie of the storyboard.

ストーリーボードを 映像化したものが作られました

This helped us figure out the timing of each shot.

これは各シーンのタイミングを 決めるのに役立ちました

It also helped us get an idea

それと同時に 視覚的に連動し

of how well everything would flow together visually

全てが上手く流れるかが把握できました

between our rotoscoped

ロトスコープと

and traditionally animated scenes

伝統的なアニメーションが一緒になった時の 連動のことです

once they were assembled.

伝統的なアニメーションが一緒になった時の 連動のことです

[ロトスコープの方法は？ アニメーションの組み立て方は？]

For the rotoscoped shots, we first had to create

ロトスコープのコマづくりには まず始めに

the live action footage to be traced.

トレースの元になる 実写場面の撮影が必要です

Working with what we had in our humble office,

私たちの粗末なオフィスにあるものを使い

we created a classroom of desks

たった１つの小さなテーブルで

using only one small table.

机が並べられた教室を作り上げました

We shot this multiple times

ストーリーボードに従って

from each angle the storyboard called for,

それぞれの角度から何度も撮影しました

each time with a different volunteer

撮影のたびに

from among our co-workers.

異なる協力者が登場します

Our source footage elements

個々に撮影された要素は

then needed to be composited,

レトロスコープにする前に 合成 つまり 集めて配置する必要があります

or assembled and arranged together,

レトロスコープにする前に 合成 つまり 集めて配置する必要があります

before we could rotoscope them.

レトロスコープにする前に 合成 つまり 集めて配置する必要があります

A composite is a special effects term

コンポジットとは 特殊効果を意味する用語で

for a shot that combines two or more elements in it

別々に撮影された２つ以上の要素を １コマ分に合成することを意味します

that were created separately.

別々に撮影された２つ以上の要素を １コマ分に合成することを意味します

To do this, we used After Effects,

この作業に「アフターエフェクト」 という

a digital compositing and motion graphics program.

デジタル合成とモーショングラフィクスが できるブログラムを使いました

The first step was to isolate

最初の工程は

the part of the frame we needed

必要な部分を切り出すことです

by masking off the unnecessary negative space,

不必要な場所 もしくは

or parts of the frame we didn't need.

不要なフレームの一部を マスクすることで行いました

The individual shots were then each layered

個々の映像を重ね合わせ

into one composite shot,

１枚の合成映像にしました

resized and arranged appropriately

この時 サイズを変更し 適切に配置して

to create the illusion of them

全てが同じ視点から見ているかのような 幻想を抱かせました

all being there in perspective at the same time.

全てが同じ視点から見ているかのような 幻想を抱かせました

Every third frame was then exported

３フレームごとに出力して

as an image sequence,

一続きの画像にし

ready to be rotoscoped.

ロトスコープの準備を整えました

The tracing was done digitally,

トレースはデジタルな作業で

drawn directly on a Cintiq monitor.

ペンタブレット上に直接描きます

[伝統的なアニメーションは ロトスコープとどう違うのか？]

The rest of the animation

アニメーションのもう一方は

was done by hand on paper.

紙に手書きして作りました

Unlike rotoscoping,

ロトスコープとは異なり

here the timing and motion of the animation

アニメーションのタイミングと動きは

was all planned out by the animator ahead of time.

アニメータが事前に案を練りました

An appropriate number of drawings were then done

動きを完成させるために

to accomplish the movement.

十分な数の絵を描きました

Each animation drawing is then scanned,

１枚１枚描いた絵を スキャンして保存し

registered,

１枚１枚描いた絵を スキャンして保存し

and sequenced together in the computer.

コンピューター上で 時系列に並べます

That animation sequence is then composited

この一連のアニメーションが 階層的に作られた―

with the layered background art.

背景画と共に合成されます

Camera moves are then plotted out and executed.

カメラの動きを決めて実行します

[詩とアニメーションの 似ているところは？]

One way that poetry uses language

詩が言語を使って

to communicate emotions and ideas

感情やアイデアを伝える方法の１つは

is through the use of metaphor.

比喩を用いることです

"Mama's lies are footsteps too many to count

「ママのウソは 数え切れないほどある足跡のようで

making excuses on black snow."

黒い雪の上で言い訳をしている」

Animation's a medium that's also uniquely well-suited

アニメーションも

to communicating emotions and ideas

視覚的な比喩によって感情やアイデアを 伝えるのに適した独特なメディアです

through visual metaphor.

視覚的な比喩によって感情やアイデアを 伝えるのに適した独特なメディアです

Applying the dual techniques

ロトスコープと

of rotoscoped and traditional animation,

伝統的なアニメーションの ２つの技法を用いると

each with their own inherent looks,

それぞれ本来持っている外観によって

allowed us to visually represent

このレッスンで説明した

the dual nature of the creative process

創作活動の二面性を

described in the Lesson.

視覚的に表現することを 可能にします

There's the internal aspect of experience and memory,

発想を得るために掘り出してきた 経験と記憶という

which is mined for inspiration,

内面的な側面と

and there's the external aspect

構造化された表現を通して

of revealing it to the world

外の世界へと明らかにされる

through a structured presentation.

外面的な側面があります

We combined both techniques for the last shots

２つの技法を合成し

of Tyler delivering his poem to the world,

タイラーの詩を 世界へと届ける 最後のシーンは

allowing us to convey in a direct, visual way

内面が外面に変化する時に

the power of that moment of communication

その瞬間のコミュニケーションの力を

when internal becomes external,

直接的、視覚的に伝えます

which, in both poetry and animation,

これは詩とアニメーションのそれぞれで

is where the magic happens.

魔法が起きた瞬間なのです