Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Animation
Design

トゥーンブームの初心者向けガイド

by
Difficulty:BeginnerLength:LongLanguages:

Japanese (日本語) translation by Muhammad Hakim Almadani (you can also view the original English article)

What You'll Be Creating

誰もが言うと、物語とアニメーションすることで、多くの素晴らしい媒体の一つです。 アニメーションでは、あなたの想像力からストレートのシーンを作成することができます!だからこのチュートリアルで学習する Toon のブームでアニメーションのシーンを作成します。

1. トゥーンブームを知るようになります。

ステップ 1

プログラムを開いたときにこれらのボックスに入力して新しいシーンを作成します。

(1) : あなたのここのシーン。

(2) の場所: 参照をクリックして、シーンのファイルを保存する場所を示す.

(3) カメラ サイズ:ここからデフォルトのカメラサイズを選択するか、幅、高さ、フレームレート、および視野のボックスに希望の値を入力して設定をカスタマイズできます。

(4) 作成シーン: 上記のすべてを設定したら、このボタンをクリックしてがあります。

Create scene

シーンを作成した後に設定を変更する場合は、Scene > Scene Settingsをクリックして簡単に変更できます。 ここでは、毎秒解像度フレームを調整できます。

Scene settings

ステップ 2

インターフェイスを理解します。

私たちがしばしばこのチュートリアルで使用するより重要な部分を次に示します。

(1) カメラのビュー: 作図領域です。グレーの領域内の四角形があることに注意してください。アニメーションが行われるカメラと基本的には、ステージのサイズです。 国境を越えた何か、レンダリングされる出力に表示されません。

(2) タイムライン: これは私たちを作成しレイヤーとフレームを変更、アニメーションの長さを編集です。

(3) ツールバー: 後で一人ずつ記載される、すべての私たちの不可欠なツールはここで見つけます。

(4) ツールのプロパティ: これはあなたのツールのプロパティまたは設定 (ある場合) をカスタマイズすることができますです。

(5) カラー パレット: これは作成、選択し、シーン内に表示される色を変更することができますあなたは。

Interface

ステップ 3

ツールを確認します。

(1) * を選択: 回転、サイズ変更、および図面の領域で選択したオブジェクトの再配置に使用します。

(2) * 輪郭エディター: 図面のベクトル ポイントを調整するために使用します。

(3)ブラシと(4)鉛筆:描画に使用します。

(5) テキスト: テキストを挿入を使用しました。

(6) 消しゴム: 消去に使用されます。

(7) * ペイント: 色で図面を埋めるために使用します。

(8) * ライン: ラインを作るために使用します。

(9) スポイト: 図面から色をピックアップするときに見つける色見に役立つ。

(10)Drawing Pivot:描画オブジェクトにピボットを設定することができます。

(11) モーフィング: ベクトルの間図面を生成します。

(12) * : 図面の領域を移動するために使用ただし、キーボード ショート カットがありますより便利なこのツールと比較しています。ショートカットは次のとおりです。

  • : は、クリックし、ドラッグしながらスペース バーを押します。
  • ズームイン: プレス 1
  • ズーム アウト: プレス 2
  • ビューの回転Control + Altを押しながらドラッグします。

(13) アニメーション: 変形ツールを使用してアニメーションを作成する場合は、これを常に有効にしてください

(14) 変換: 再スケーリング、再配置、回転などいくつかの基本的なアニメーションを作成するために使用。

(15) をタマネギの皮: アニメーション化するとき前および次の図面を表示するために有効になります。

: ツール (*) で示されている意味がある小さな三角形の右側下側のより多くのオプションがあります - クリックすると長い。

Tools

今、これらのツールと機能を使用して、アニメーション シーンを作成する時間だ!

次の手順では、瞬く星と動く雲と空を作成する学習します。

2. 背景を作成する方法

ステップ 1

まず、矩形を作成します。 Rectangle Toolを使用して、カーソルをカメラの枠線の外側にドラッグします。

Create rectangle

ステップ 2

四角形を塗りつぶします。Paint Tool を使用して、図形の内部をクリックします。

Fill rectangle

ステップ 3

Color Paletteで、四角形を塗りつぶす色をダブルクリックします。 この場合、デフォルトのBlackが使用されました。

結果としてカラーピッカーボックスがポップアップ表示され、色の編集に使用されます。 私は 複数のホイールモードをより便利で簡単にコントロールできると思うので、指示されたボタンをクリックすることでそのモードに切り替えることができます。

Color wheel

ステップ 4

Multiwheel colourタブで、 Solidの代わりに Gradientを選択します。 その結果、2つのノードを持つスペクトルがその下に表示されます。

Gradient

ステップ 5

スペクトルの左側のノードが選択されていることを確認、あなたのカラー ホイールから紫の色相を選択します。

今のところ、基本的なグラデーションです!

Violet hue

ステップ 6

グラデーションは水平ではなく垂直にします。 輪郭エディタ (白い矢印の記号)を長押しすると、Edit Gradient/Texture toolツールを使用して向きを編集できます。

このツールを使用すると、単に四角形を選択し、図形の塗りつぶしを回転します。

Edit gradient

ステップ 7

私たちのグラデーションの色に戻って、バイオレット色黄色オレンジ色への移行をしたいです。

Multiwheel Colourタブで、スペクトルの右側のノードを選択し、カラーホイールから目的の色相を選択します。

Yellow-orange hue

ステップ 8

スペクトルに別の色を追加するには、既存のノード間エリアの右側にクリックします。新しい色が表示され、それを選択すると、カラー ホイールからピンクの色合いを選ぶ。

Pink hue

ステップ 9

ノードを左にドラッグして、右のスペクトルに沿って、さらにグラデーションを編集できます。今我々 は我々 の空の背景として機能する素敵なグラデーションがある!

Sky gradient

ステップ 10

Multiwheel colourを終了します。

私たちは、色と描画レイヤの名前を変更することで、より組織的にすることができます。 グラデーションカラーの横にあるテキストを単にダブルクリックし、Skyに名前を変更します。 次に、描画レイヤー上のテキストをダブルクリックし、名前をSky_gradientに変更します。

Exit multiwheel colour

ステップ 11

タイムラインで、シーンの最後にPlayhead (赤いバー) をドラッグすると、空のグラデーションが消えることに注意してください。 我々 が何をしたいです (この場合は 60 フレーム) の描画レイヤーの最後のフレームを選択し、f5 キーを押します。これは単に図面の露出を拡張します。

Sky gradientが完成したので、レイヤーをロックして次のステップに進んで間違って変更しないようにしましょう。

単に図面のレイヤーにロックのように見える記号をクリックします。

Extend exposure

3. 別の図面技術を試してみる

ステップ 1

(+) をクリックして図面に新しいレイヤーを作る、タイムライン上のシンボル。ドロップダウンリストからDrawingを選択します。

ポップアップボックスで、レイヤーにCloudsと名前を付けて、Add and Closeをクリックします。

新しいレイヤーがタイムラインに表示されます。

メモ: レイヤーを削除するのには、それを選択し、(-) 記号をクリックします。

Create new layer

ステップ 2

Toon Boomに図面を作成する方法はいくつかあります。 グラフィックスタブレットをお持ちの場合は、ブラシペンシルを簡単に使用できます。

それらをテストし、ブラシや鉛筆を使用していくつかの雲を描きます。

Brush and pencil

ステップ 3

ポリラインを使用して図面を作成することも。このツールは、グラフィック タブレットのノン ・ ユーザに便利です。Adobe Photoshop や Illustrator のペンツールに似ています。

それを使用するには、描画スペース上のポイントをクリックし、ドラッグしてカーブに影響を与えます。 別のポイントでクリックしてからドラッグします。 ポイントを解放せずに、次のカーブの方向を変更するためにAlt-Drag。

繰り返し:図面を閉じるまで、クリック、ドラッグ、Alt-Dragします。 これを行うには、開始点の次の点をクリックします。

Polyline

ステップ 4

図面を作成する別の方法は、Shape Tools カッター を使用する方法です

EllipseLineを使用して、一般的な雲の形を作成します。 カッターを見つけて選択するには、選択ツール(黒い矢印の記号)を長押しします。

右の Tool Propertiesの下で、Tip StyleRoundを選択してください。 削除したい行の上にカッターをドラッグします。

Shapes and cutter

ステップ 5

各描画メソッドを比較してあなたが好むものを参照してください!

タブレット ユーザー、グラフィックのブラシ ツールを使用して作成された最初の雲はふさわしい。 そのストロークは両側のベクトル点で構成されているため、Contour Editorで変更することは困難です。 私は荒いスケッチとアニメーションを作成するためにそれが素晴らしいことがわかります。

Brush

鉛筆で作成された第2のクラウドは、グラフィックスタブレットユーザーにも適しています。 しかし、 ブラシストロークとは異なり、 鉛筆ストロークはベクトルポイントの単一のパスで作られているため、 Contour Editorで簡単に修正できます。

素晴らしいきれいなライン アートを作成するためです。

Pencil

ポリラインで作成された3つ目のクラウドは、図面に必要なベクトル点の数を完全に制御します。

私はきれいなライン アートを作成するためにそれは素晴らしい発見、グラフィック タブレットを使用していない人のために便利です。

Polyline

シェイプ ツールカッターで作成された第 4 の雲もグラフィック タブレットのユーザー以外に良いです。

Contour Editorーを変更するのには簡単なことだが、この方法は幾何学的なデザインを作成するため。

Shapes and cutter

4. 変換ツールでアニメーション化する方法

ステップ 1

まず、我々 をアニメートし、図面を作成してみましょう。

あなたのパレットからデフォルトの白の色を選択し、鉛筆または任意のツールを使用して雲を描いて、します。ペイント ツールで塗りつぶすこと。

クラウドの図面を選択して、コピーペーストを行い、それらを並べて並べます。 3つの等間隔の雲のコピーを作成したら、すべてを選択してカメラのスペースに配置して、下部全体が図面で満たされるようにします。

Create clouds

ステップ 2

我々 はフレーム 60 雲層の上に行くと、f5 キーを押して、図面の露出を拡張します。

その後、フレーム 12 でそれらのフレームが選択されている間に、f6 キーを押してキーフレームが設定されます。

  • F6 キーを押してキーフレームが作成されます。
  • F7 キーでは、キーフレームを削除します。

Create key frames

ステップ 3

左のツールバーの一番下のボタンをクリックして、 Onion Skinを有効にします。 これを行うと、アニメーションの前後のフレームを見ることができます。

Enable onion skin

ステップ 4

カメラ ビューの現在の外観は基本的に私たちの最初のキーフレームのように見えます。変更している 2 番目のキーフレームです。

ここで、タイムライン上で、2番目のキーフレームが配置されているフレーム2再生ヘッドがあることを確認します。

Onion Skinボタンのすぐ上にある Transformツールを選択します。 レイヤーの図面はピンク色で強調表示されます。

Transform

ステップ 5

小さな黄色の四角は、選択範囲の中心を見つけるクリックし、右にドラッグします。図面だけ水平方向に移動するように、shift キーを押ししてください。

図面を右に移動すると、それの後ろの雲の赤バージョンがわかります。図面の前の位置、またはクラウド 1 下の画像に示されているのであります。

現在のフレームに我々 はそれが重複して完全ではないが、前のフレームの雲 1 の位置に非常に近い 2 雲を配置します。それ以前の図面の左側に微調整するわずか数を配置します。

Reposition

ステップ 6

タイムラインを見てください。

雲のでは、フレーム 2 からフレーム 60 2 番目のキーフレームをドラッグします。これは、最初と 2 番目のキーフレームの間の In-betweens を作成します。

In-betweens、遷移イメージのようなもの彼らは、最初のキーフレームの次のキーフレームに変換はスムーズに錯覚を作成ヘルプします。

多くの In-betweens 移行をより遅くととても遅いアニメーションを作る。少ない In-betweens は、アニメーションを高速化します。

In-betweens

ステップ 7

我々 は今、結果のアニメーションのように見えるものをプレビューできます。

Camera Maskを有効にして、非表示にする部分をブロックします。 カメラのスペースとタイムラインの間の小さなパネルの矩形のシンボル/ 3番目のボタンです。

Loopボタンを有効にして、 Playをクリックします。 これらはレイヤーパネルのすぐ上にあります。

Preview

その結果、我々 は雲をパンのシームレスなループ アニメーションを取得します。

単純なパンをアニメーション化することとは別に、Transformツールを使用してオブジェクトを回転、拡大、縮小、縮め、伸ばしにすることもできます。

Cloud animation

5. フレームでフレームをアニメーション化する方法

ステップ 1

漫画の目に見える記号をクリックして、のレイヤーを無効にします。これは一時的にビューからクラウドの図面を削除します。

新しいレイヤーを作成し、Starという名前を付けます。

Create new layer

ステップ 2

フレーム単位でアニメーションで移動するようにするために別の後 1 つのフレームを描いています。

重要なキーを覚えて、F および G

  • F を使用して、前のフレームに移動します。
  • G を使用して、次のフレームに移動します。

きらめく星をアニメートするには、星のレイヤーの最初のフレームに小さなダイヤモンドを描画する鉛筆 (または任意のツール) を使用します。

次のいくつかのフレームを描画するそれは分解までの成長ダイヤモンドと消えます。

Animate frame by frame

ステップ 3

上で再生するアニメーションしたい図面 2 つのフレームの露出をしたいの意味は、2 つ。

F5キーを押しながらドラッグするだけでなく、Shift- +キーを押してフレームの露出を延長することもできます。

星層へし、Shift-+ 1 回各フレームにキーを押します。

Extend exposure

ステップ 4

位置と回転のアニメーションを編集してみましょう。

選択ツール(黒い矢印のシンボル)を長押しして、Repositories All Drawingsをクリックします。

ドラッグし、目的の位置に図面を回転します。この変更は、選択したレイヤー上のすべての図面に自動的に適用されます。

Reposition all drawings

今我々 は星のフレームでアニメーションをある!

Star animation

6. あなたのシーンを完了する方法

ステップ 1

今、背景、アニメーションの雲、そしてアニメーション星があります。今、我々 はより多くの星と空を埋めるし、シーンを完了する必要がある!

スターアニメーションのコピーを作成するには、スターレイヤーを右クリックし、選択したレイヤーを複製するをクリックします。

すべてのRepositories All Drawingsを使用して、位置、スケール変更および Star_1 レイヤーである重複する星を回転させます。

タイムラインで、ただタイミングでさまざまなを作成するため、右側に Star_1 のフレームをドラッグします。

Duplicate star

ステップ 2

今星のアニメーションのバリエーションでステージを塗りつぶすし、シーンの全期間にわたって広がるしたいです。

複数のレイヤーの複製を作成、図面の位置を変更をフレームをドラッグして、コピーしてタイムライン上の別の領域でフレームをペーストします。

Fill the sky

ステップ 3

漫画目シンボルをもう一度クリックしてのレイヤーの表示を有効にします。

雲の生気の前の雲があまりにも速く動いていたと思った。この問題を解決するには、フレーム 60120 からタイムラインに赤のブラケットをドラッグしてシーン長さを延長します。

Sky_gradient の最後のフレームを選択してレイヤー、および暴露を延長する f5 キーを押します。

レイヤー 60 フレームから 120 フレームに最後のキーフレームをドラッグします。これにより、In-betweensが増加し、アニメーションが遅くなります。

Adjust scene length

ステップ 4

星のアニメーションをコピペ。

スターアニメーションを選択するには、スターレイヤーのフレーム1をクリックし、Shiftキーを押しながらスター1レイヤーのフレーム60をクリックします。

フレームをコピーし、スターレイヤのフレーム61に貼り付けます。

Copy paste star animations

ステップ 5

我々 は、フォア グラウンドで、[レイヤー] パネルで、他のすべてのレイヤーの上に雲のレイヤーをドラッグして雲をしたいです。

Adjust layer order

7. アニメーションをエクスポートする方法

アニメーションに満足したら、エクスポートに進むことができます。

File>Export>Movie...の順にクリックします。Browse...をクリックして出力ファイルの名前を付け、ファイルの場所を選択します。 Export Rangeでは、すべてを選択するか、エクスポートするフレームを指定することができます。 OKをクリックします。。

ムービーをエクスポートする完了を待ってから、それがある!Adobe Premiere Pro などのビデオ編集ソフトウェアを使用して他のビデオ フォーマットに変換することができますあなたのアニメーションのシーンの .mov ファイルが今あります。

Export

幸せなアニメーション!

Toon ブームまだには、多くのより高度なツールおよび探検するための機能がありますが、最も基本的な技法から始まるをもたらすことができます壮大な結果。

あなたのプログラムと教材だけ得ることができるこれまでのところ良いアートを創造する-残りの部分はあなたおよびあなたの創造性まで!

あなたは偉大なことを学んだし、アニメーションが楽しいね。


漫画ブーム チュートリアルについてお探しですか。なぜこれらを試してみてください。

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.