MENU >> TOP | VOCALOID / ニコ動 | After Effects | PHANTASY STAR | メカ(メダロットetc) | トリノホシ | その他 || about us | お仕事 |
スカート0

久しぶりに初心者向けAfter Effects記事でつー。
・・・最低な記事タイトルだww/(^o^)\
とまれ、今回のネタはタイトルまんま、女の子のスカートがめくれる表現の作り方ですw(*/∇\*)
スカートっていうか、布の動きをやってみよーって感じですね。

んじゃまず作例として完成動画を↓

冒頭のロゴ表示が今回の内容です。
使用するエフェクトはメッシュワープ(エフェクト→ディストーション→メッシュワープ)。 
あ、ベジエワープでもOKですっていうかそっちのが楽かも。
自分は作ってからベジエワープの事を思い出したのでw( ̄□ ̄;)

素材のパーツ分けとレイヤーはこんな感じ↓
スカート素材
フォトショで描いた素材はこの3パーツだけw
お手軽ぅ!

AE上でのレイヤー順はこんな感じ↓
もう見たまんまなので、特に難しい部分はないですねw
スカート_レイヤー
ちなみに、スカートは最後にコピペして、スカートの裏側とふとももに落ちる影として使ってます(それが「スカート影」と「スカート裏」のレイヤー)。
手は別にあってもなくても良いですねw 

まず、スカートにメッシュワープを適用します。
行と列は細かくあっても邪魔なだけなので、シンプルに3行3列。 
スカート1
キーフレームは、1(0:00)、2(0:05)、3(0:13)、4(0:20)、5(1:00)、6(1:05)の6つ。
上↑の画像は最初、1(0:00)の状態ですね。
スカートの絵をめくれあがってる絵で描いちゃったので、早速下にひっぱってゆがめてます。
スカートの絵素材は普通にまっすぐ描いた方が楽でしょうねw

んじゃ、順にキーフレーム毎のメッシュワープの状態を見て行きましょうか。
スカート2
2(0:05)↑

スカート3
3(0:13)↑

スカート4
4(0:20)↑

スカート5
5(1:00)↑

スカート6
6(1:05)↑
そうそう、スカートの両端はフレームアウトしてる(画面外で映ってない)ので、手を抜いてますw
スカートの全体が画面に入っている場合は両端も動かしてあげてください。(`・ω・´)

作り方としては、キーになる部分を先に作って、あとから間を埋めると作りやすいです。
具体的に書くと「デフォルトの状態:1」と「めくれあがった状態:3」と「下ろした状態:6」をまずメッシュワープで作ります。
それから間の動きを埋めて行く・・という流れ。
1と3と6を作ったら、あとはそれがうまく動いて見えるように中間のキーフレームを作ってくって感じです。
作画アニメをやったことのあるヒトなら、中割りって言うと伝わりやすいですかね?(´・ω・`)
AEの他のアニメーション(パペットツールとか)もそうですけど、キーになるポーズをまず作って、あとはそれを埋めるようにやると楽ですw

あと最初の方でも書きましたけど、メッシュワープよりもベジエワープの方が楽かもしれませんw
メッシュワープだとポイントをうまく制御しないと狙い通りに歪まなかったりしますが、ベジエワープだとハンドルを動かすだけで良いですからねー。 

アニメーションに使いやすいディストーション系のエフェクトとしては「パペットピンツール」「メッシュワープ」「ベジエワープ」の3つがとっつきやすいですが、それぞれの特性を大雑把に書くとこんな感じですかね。
・パペットピンツール:先端を動かすのに向いている。(例:髪の毛、指)
・メッシュワープ:面を動かすのに向いている。端を固定して動かしやすい。面の中を個別に動かせる。(例:スカート、おっぱい)
・ベジエワープ:面を動かすのに向いている。シルエット(全体の形状)を変化させるのが楽。(例:スカート、おっぱい)

こういった布とかの動きは、たぶん3Dのソフトに絵素材を張り込んだ方がリアルになるんでしょうけど、まぁこれぐらいだったらAEでやっちゃっても大差ないよねーってことで。
れっつぱんちら!ヾ(゚∀゚)ノ

Comments

    • kyoki's comment
    • 2012年12月03日 12:52
    • スカートひらっとなるだけなのに凄く手が込んでてこれはゴイスーですね♪

      動画作成ソフトは扱った事ないのでチンプンカンプンですwww

    • かにぱんだ's comment
    • 2012年12月04日 20:20
    • >kyokiさん
      順を追って説明してるからなんか凝ったように見えるだけですww
      After Effectsは高機能なんで、こういう作画アニメじゃないとやり辛い動きもちゃちゃっと作れるんですよー。

Add Comments

名前
 
  絵文字
 
 
Gallery
  • 罪の形
  • 月島ほろ 忍者ver
  • 桜雷電
  • MacBook Pro(Retina Early 2015)
  • ライド・ライト・ライト
  • C89 月島姉妹グッズ
  • 城ヶ崎莉嘉ちゃん
  • 水着レイちゃん
  • 月島ほろ
  • せげいち10
  • R.I.N. Syndrome
  • 夢は荒野をかけ廻る
  • Reflections
  • 夏之坂通り
  • 動画つくりました!PLASTIC GARDEN
  • Smooth Criminal
  • はぴーごー!
  • めとちん
  • 路傍の蹄
  • 動画つくりました・その男、狂暴につき
  • 動画つくりました!Tell Your World(弾いてみた&歌ってみたver)
  • よんぶんの夏
  • PVリドル・リドレ公開!
  • リドル・リドレ クロスフェード公開しました!
  • 動画つくりました・Janglishでもいいじゃない
  • エンドロール
  • 赤ずきん ver GUMish
  • ぎぶみー☆がむ
  • 残虐戯曲「パリアッチョ」(追記:修正版告知)
  • ミカンボタン・その2
  • 赤ずきん・その2
  • 動画つくりました・赤ずきん
CD付き画集「リドル・リドレ」
バナー