LoginSignup
16
13

More than 5 years have passed since last update.

パーティクルエフェクト作成ツール Timeline FX 使ってみた

Posted at

こういうのがつくれる
TPEditor.png

パーティクルのもとになる画像を用意して、色や速度などを時間とともに変化させるパラメータを設定するのが基本的な作り方。 案件で使ってみて、けっこういい感じのエフェクトがさくっと作れるのだけど、使い方がちょっとわかりにくいのと日本語記事がほとんどない。

  • 作成したエフェクトは連番画像で書き出せる
  • Free版のエフェクトの制作は制限はない
  • ただし、Free版の書き出しは先頭の4フレームのみ
  • 購入時だいたい5000円くらい

既存ライブラリが豊富でとくに爆発系は非常にクオリティがたかい。サイトで配布されているライブラリは「Plenty of effects libraries freely availble!」といってるので、改変可能なようだけど商用は別途確認したほうが無難かもしれない。

作成手順

Edit メニューから Add Effect を選ぶ
add-effect.png

ライブラリペインにできた New Effect を右クリックして Add Emitter
add-emitter.png

Photoshopでなんかもやもやしたものをつくって、
スクリーンショット 2014-01-17 13.36.04.png

Shapes に追加
add-shape.png

追加した画像を右クリックして「 Assign Shapes 」で割り当てる
assign-shape.png

パーティクルタブはこんな感じに設定してみる
particle.png

さらにエミッターの色や速度などを変えていく。
設定できる値がおおい。weight とかどう影響がでるのかちょっとまだ分かってない

Attributes - 属性パネル

Effect や Emitter に対して設定できる
スクリーンショット 2014-01-17 11.43.03.png
挙動を制御するには、Attributes のグラフを調整する
グラフ線上をクリックするとアンカーがふやせる。右クリック「Reset Graph」でデフォルトに戻せる。

Base Attributes(青色のアイコン)
 X軸は効果を持続させる時間
 Y軸は効果の強度?

  • Life パーティクルの生存時間をミリ秒で指定
  • Amount 秒毎のパーティクル生成量
  • Sizr エミッターの大きさ?
  • Velocity Y軸がピクセル単位の移動速度示す
  • Spin 回転させる。正と負で回転の方向を示す
  • Weight 重さ?

Variation Attributes(オレンジのアイコン)
 パーティクルのバラ付きを制御

  • Life Variation 生存時間にバラ付きをだす
  • Amout Variation パーティクルの生成量にバラ付きをだす
  • Size Variation 基本サイズにバラ付きをだす
  • Velocity Variation パーティクルの速度にバラ付きをだす
  • Spin Variation 回転にバラ付きをだす
  • Weight Variation 重さにバリエーションをだす
  • Motion Randomness 移動、速度に影響を与える?

Overtime Attibutes(紫のアイコン)
 設定された生存時間内での変動を制御する
 Y軸は Base Attributes、Variation Attributes に設定されたベース値のパーセンテージを表す

  • Alpha Overtime アルファ値を制御する。ベース値は不要
  • Size Overtime ベースサイズをスケーリングする
  • Velocity Overtime ベース速度をスケーリングする
  • Spin Overtime 回転する速度をスケーリングする
  • Weight Overtime ベースの重さをスケーリング
  • Direction Overtime 生存時間内で移動する方向を制御する
  • Motion Randomness Overtime モーションランダムをスケーリングする
  • Stretch パーティクルをひきのばす(StarBurst.eff が参考になるらしい
  • Frame Rate アニメーションのFPSを制御?
  • Velocity Adjuster すべてのパーティクルの速度をスケーリングする

試しにAttributesを設定してみる

Life [1]
life.png

Amount [160]
amount.png

Size [220]
size.png

Alpha Overtime [0 → 0.4 →0]
alpha.png

Sizr Overtime [0.8 → 0]
size.png

こうなった
スクリーンショット 2014-01-17 13.26.27.png

16
13
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
16
13