Running operation (走る動作) 走る動作

Content ID：1961990

1,311

- Report to administrator

Free

E.Roji

Translated by

It is a pose set for animation of running operation using the 3D model. ３Dモデルを使った走る動作のアニメーション用ポーズセットです。

It is a pose set for animation of running operation using the 3D model.

1 General Information

Pose for running the operation is a set of three.
Because the running operation is faster than the walking motion, the frame rate is set to 24fps (24 frames per second).
Each pose is arranged by two frames each. (2 shots taken)
One cycle in six pieces. (Total 12 frames)
The fourth and sixth sheets are made by flipping the first to third.

2 production process

For the basic setting, "FEMALE-WALK1" (walking operation) is explained using the diagram, so please check the details. Here is a brief description of the main words.

2-1 Animation new file

Create a new animation file and make frame rate 24.

2 − 2 3D model

Place your favorite 3D models and characters in the animation folder. I think the animation folder contains an empty cell with number 1 by default, but I deleted this cell and set the cell name of the current 3D model to 1. That way, I think the 3D model will be placed in frame 1. In that case, you can choose Frame 1 and right click on one.

The 3D model is front-facing by default. If you want to sideways, it is recommended that you change the angle of the camera. When you rotate the model, the XYZ direction changes and can be difficult to adjust.

At this stage, the camera angle (orientation of the model) is decided.

In this example, the camera position is aligned to the side of the model.

Replication of 2-3 cells

Duplicate 6 cells in the animation folder with 1 to 6 numbers. (In the state of the selected cell, "animation"-[track editing]-[normalization in order of layers] is automatically numbered sequentially in the top menu.)

Placing cells in a 2-to-4 frame

Place a sequence of cells every two frames. You can choose a frame and right-click to select a cell number to place it.

Place cell 2 in frame 3
Place cell 3 in frame 5
Place cell 4 in frame 7
Place cell 5 in frame 9
Place cell 6 in frame 11

The length of the animation is 12 frames, so the last frame is the twelfth frame.

2-5 applying poses to 3D models

Apply RUN1 to 3 poses for each cell model.

Cell 1-run1
Cell 2-run2
Cell 3-RUN3
Cell 4-RUN1
Cell 5-run2
Cell 6-Run3

2-5 cells four to six 3D models are flipped horizontally

Flip the 3D model of cells 4, 5, and 6 horizontally.

At this stage, I think that the pattern of the timeline is as follows. I think that the animation shown in the animated GIF at the top of the page is made when the repeat reproduction is made.

3 Application

It is an example of applying it to the animation which moves the background.

In the background, we use the forest of celestial data.

We will describe how to make a seamless background using the celestial sphere. Because it is a prototype, there might be a more efficient way, please as a reference degree.

3-1 Create a new file for general illustration, paste the celestial sphere data there, and export panorama for the celestial sphere.

The 3-2 panorama image is a 360 ° rotating image, so it becomes a seamless image by connecting left and right. The image size may be as it is, and it is possible to cut the top and bottom.

The original image width is 8192px, but I am using it as it is here. Copy a layer of images from the exported Panorama image.

Paste the panorama image layer into the "running operation" layer made on 3 − 3. We put it here on the background layer. I think that part of the image is seen. If you change the canvas size to fit the panorama image, the entire background image is visible as follows: (The height is set to only the campus width as it is 8192px, and the center part is made visible)

3-4 Create a 2D camera folder as an animation new layer and place it under the animation folder. Drag and drop the panorama background into this 2D camera folder.

Then, you can have a blue frame in the center of the screen. The blue frame is the camera view.

3 − 5 hit the key in the camera view. Select the camera layer, and at frame 1, place the view at the left edge of the panorama image, align it with the right edge in frame 12, and hit the "Add key frame" button at each position.

If you play in this state, you can see the animation that flows seamlessly in the background like this.

4 Summary

As for the running operation, there are a lot of photos of the instant continuous photograph taken with a detailed time axis that can be used as a reference on the net. If the animation is reversed, it is not decided which moment to choose.

In the field frame rate 24, it seems common to take two frames. In this model, it was divided into two or three pieces. You will be dividing the step three.

The running operation differs from the walking operation, and there is a moment when both feet leave from the ground. In the field, the foot seemed to be a frame at the time attached to the ground, and this also followed the Convention of the site.

I think that the direction and the angle of the model are changed dynamically every frame, and a powerful direction can be produced. In addition, if you make a big deal in the guise of the limbs of the model, it becomes more anime, it becomes a slow running like jogging when you take a two-frame take four frames.

In the case of the operation which runs seriously like this animation, the difference of man and woman seems to be few, and it seems that you may use it to both men and women.

３Dモデルを使った走る動作のアニメーション用ポーズセットです。

１　概要

走る動作用のポーズは３枚セットです。
走る動作は、歩く動作に比べて動きが早いため、フレームレートを24fps（１秒間に24コマ）に設定します。
各ポーズはそれぞれ２コマ（２フレーム）毎に配置します。（２コマ撮り）
６枚で１サイクルです。（トータル12フレーム）
４〜６枚目は、１〜３枚目を左右反転して作ります。

２　制作プロセス

基本設定については「female-walk1」(歩く動作)にて図を用いて説明していますので、詳細についてはそちらも合わせてご確認ください。ここでは主に言葉で簡単に説明します。

２−１　アニメーション新規ファイル

アニメーション用の新規ファイルを作り、フレームレートを24とします。

２−２　３Dモデル

お好きな３Dモデルやキャラクターをアニメーションフォルダに入れます。アニメーションフォルダには、初期設定で番号１の空っぽのセルが入っていると思いますが、このセルを削除し、今入れた３Dモデルのセル名称を１とします。こうすることで、フレーム１に３Dモデルが配置されると思います。まれに配置されないことがありますが、その場合は、フレーム１を選んで、マウスの右クリックで１を選択します。

３Dモデルは、初期設定では正面向きです。横向きにしたい場合は、カメラのアングルで変更することお勧めします。モデルを回転させてしまうと、XYZ方向が変化し、調整が難しくなることがあります。

この段階でカメラアングル（モデルの向き）を決めておきます。

この例では、カメラ位置をモデルの側面に合わせました。

２−３　セルの複製

アニメーションフォルダにて「１」のセルを６枚複製し、１〜６の連番とします。（セルを選んだ状態で、トップメニューから「アニメーション」ー「トラック編集」ー「レイヤーの順番で正規化」で自動的に連番設定します）

２−４　フレームへのセルの配置

２フレーム毎に順次セルを配置します。フレームを選んで、右クリックでセル番号を選択することで、配置できます。

フレーム３にセル２を配置
フレーム５にセル３を配置
フレーム７にセル４を配置
フレーム９にセル５を配置
フレーム１１にセル６を配置

アニメーションの長さとしては１２フレームとなりますので、最終フレームを１２フレーム目とします。

２−５　３Dモデルへのポーズの適用

各セルのモデルにrun1~3の各ポーズを適用します。

セル１　＜ー　run1
セル２　＜ー　run2
セル３　＜ー　run3
セル４　＜ー　run1
セル５　＜ー　run2
セル６　＜ー　run3

２−５　セル４〜６の３Dモデルを左右反転

セル４、５、６の３Dモデルを左右反転します。

この段階で、タイムラインの図柄は以下のようになっていると思います。リピート再生していただくと、ページトップのanimated gifに示したアニメーションができていると思います。

３　応用

背景を動かすアニメーションに応用してみた例です。

背景には、天球データ「林」を使っています。

せっかくなので、天球を使ったシームレスな背景の作り方について記載します。試作なので、もっと効率的なやり方があるかも知れませんので、参考程度としてください。

３−１　一般のイラスト用の新規ファイルを作り、そこに天球データを貼り付け、天球用パノラマ書き出しします。

３−２　パノラマ画像は、360°回転画像なので、左右を接続することでシームレス画像になります。イメージサイズはこのままでもよいですし、上下をカットしてもよいです。

オリジナルのイメージ幅は8192pxですが、ここではこのまま使っています。書き出されたパノラマ画像から画像の入ったレイヤーをコピーします。

３−３　上で作った「走る動作」のレイヤーにパノラマ画像レイヤーをペーストします。ここでは背景レイヤーの上に置きました。画像の一部が見えていると思います。パノラマ画像に合わせて、キャンバスサイズを変更すると以下のように背景画像全体が見えるようになります。（高さはそのままでキャンパス幅のみ8192pxに設定し、中央部分が見えるように置きました）

３−４　アニメーション用新規レイヤーとして「２Dカメラフォルダー」を作り、アニメーションフォルダの下に置きます。この２Dカメラフォルダーに、パノラマ背景をドラッグ＆ドロップします。

すると、画面中央に青枠ができます。青枠はカメラビューになります。

３−５　カメラビューにキーを打ちます。カメラレイヤーを選択し、フレーム１でビュー位置をパノラマ画像の左端に、フレーム１２で右端に合わせ、それぞれの位置で「キーフレームを追加」ボタンでキーを打ちます。

この状態で再生すると、こんな感じで、背景がシームレスに流れるアニメーションが確認できると思います。

４　まとめ

走る動作については、参考にできる細かな時間軸で撮られた瞬間連続写真がネット上にも数多くあります。逆にアニメーションとする場合、どの瞬間を選択したらいいのかが判断がつきません。

現場ではフレームレート24で、２コマ撮りが一般的のようです。中割りは２，３枚とのことで、このモデルでは２枚としました。つまり一歩を３分割することになります。

走る動作は歩く動作と異なり、両足が地面から離れる瞬間があります。現場では、足が地についた瞬間をコマとしているようで、これも現場のしきたりに従いました。

モデルの向きやアングルをコマごとにダイナミックに変えることで、迫力ある演出ができると思います。また、モデルの手足のフリを大げさにすれば、よりアニメっぽくなり、２コマ撮りを４コマ撮りにするとジョギングっぽいスローな走りになります。

このアニメーションのようにマジに走る動作の場合は、男女の差は少ないようで、男女どちらに用いてもいいようです。

Animation basic Behavior アニメーション基本動作