こっそり教えます！エフェクトデザインのイ・ロ・ハ

by gree_tech

Slide 1

Slide 1 text

confidential © POKELABO, INC. 2019/9/10 1 こっそり教えます池田博幸エフェクトデザインのイ・ロ・ハ

Slide 2

Slide 2 text

confidential © POKELABO, INC. 2019/9/10 2 池田博幸エフェクトアーティスト • 経歴スクウェア、サイバーコネクトツーなどを経て 2019年9月現在、ポケラボにて主に「SINoALICE-シノアリス」「戦姫絶唱シンフォギアXD UNLIMITED」のエフェクト制作に携わる座右の銘エフェクトは人生だ

Slide 3

Slide 3 text

confidential © POKELABO, INC. 2019/9/10 3 5% ※CGWorld調べ https://cgworld.jp/interview/201801-jobsnews.html エフェクトアーティスト

Slide 4

Slide 4 text

confidential © POKELABO, INC. 2019/9/10 4 エフェクトアーティストの「三高」 1. 高い希少性希少性5％＝上位5％学習法、育成法ともに確立しておらず競争人口が少ない。 2. 高い視点上位5％が全体の95%を俯瞰する。連携業務が多く学習項目も多岐。大局観が鍛えられる。 3. 高い生存率希少性5％＝（定年までの）生存率95% エフェクトはあなたの懐刀としても必ず役立つ。

Slide 5

Slide 5 text

confidential © POKELABO, INC. 2019/9/10 5 全体の流れ第一部イ：姿（ルック） /15分第二部ロ：道（ベクトル） /15分第三部ハ：死（デス） /15分質疑応答/5分

Slide 6

Slide 6 text

confidential © POKELABO, INC. 2019/9/10 6 全体の流れ第一部イ：姿（ルック） /15分第二部ロ：道（ベクトル） /15分第三部ハ：死（デス） /15分質疑応答/5分

Slide 7

Slide 7 text

confidential © POKELABO, INC. 2019/9/10 7 表現には理由が必要第一部イ：姿（ルック）

Slide 8

Slide 8 text

confidential © POKELABO, INC. 2019/9/10 8 1. 多次元展開が前提 2. 低等身アバターと相性が良い 3. 表現コストが低いエフェクトに誇張表現が求められる理由第一部イ：姿（ルック）

Slide 9

Slide 9 text

confidential © POKELABO, INC. 2019/9/10 9 誇張エフェクト３つの特徴 1. 手描き調 2. 鋭い輪郭 3. ちぎれる第一部イ：姿（ルック）

Slide 10

Slide 10 text

confidential © POKELABO, INC. 2019/9/10 10 階調や色、ディテールを省略し、パキッとした見た目第一部イ：姿（ルック）

Slide 11

Slide 11 text

confidential © POKELABO, INC. 2019/9/10 11 ちぎれつつ消えている第一部イ：姿（ルック）

Slide 12

Slide 12 text

confidential © POKELABO, INC. 2019/9/10 12 まだだ！まだつくらんよ「特徴分かった、さっそく作ろう」第一部イ：姿（ルック）

Slide 13

Slide 13 text

confidential © POKELABO, INC. 2019/9/10 13 作成前に表現の外側にあるものを知る必要がある第一部イ：姿（ルック）

Slide 14

Slide 14 text

confidential © POKELABO, INC. 2019/9/10 14 背景は厚塗り人物は単色ベタ塗りアニメ質感表現の傾向第一部イ：姿（ルック）

Slide 15

Slide 15 text

confidential © POKELABO, INC. 2019/9/10 15 「異なる質感同士の共存」事実上の前提条件第一部イ：姿（ルック）

Slide 16

Slide 16 text

confidential © POKELABO, INC. 2019/9/10 16 エフェクトの質感はどちらに寄せるか背景？人物？第一部イ：姿（ルック）

Slide 17

Slide 17 text

confidential © POKELABO, INC. 2019/9/10 17 1. 等身に合わせる 2. 規模感に合わせる 3. 発生源に合わせるエフェクトの馴染ませ方３原則第一部イ：姿（ルック）

Slide 18

Slide 18 text

confidential © POKELABO, INC. 2019/9/10 18 1. 等身に合わせる第一部イ：姿（ルック）

Slide 19

Slide 19 text

confidential © POKELABO, INC. 2019/9/10 19 2. 規模感に合わせる第一部イ：姿（ルック）

Slide 20

Slide 20 text

confidential © POKELABO, INC. 2019/9/10 20 3. 発生源に合わせる第一部イ：姿（ルック）なめらかパキパキなめパキ

Slide 21

Slide 21 text

confidential © POKELABO, INC. 2019/9/10 21 「火」「水」「風」エフェクトは変幻自在第一部イ：姿（ルック）

Slide 22

Slide 22 text

confidential © POKELABO, INC. 2019/9/10 22 すべてのエフェクトはたったひとつの究極の形に集約される

Slide 23

Slide 23 text

confidential © POKELABO, INC. 2019/9/10 23 円エフェクト普遍体その1 第一部イ：姿（ルック）

Slide 24

Slide 24 text

confidential © POKELABO, INC. 2019/9/10 24 輪郭（背景）ディテール力の向き＝（背景）第一部イ：姿（ルック）

Slide 25

Slide 25 text

confidential © POKELABO, INC. 2019/9/10 25 第一部イ：姿（ルック）

Slide 26

Slide 26 text

confidential © POKELABO, INC. 2019/9/10 26 エフェクト普遍体その2 線第一部イ：姿（ルック）

Slide 27

Slide 27 text

confidential © POKELABO, INC. 2019/9/10 27 （背景）輪郭ディテール力の向き＝（背景）第一部イ：姿（ルック）

Slide 28

Slide 28 text

confidential © POKELABO, INC. 2019/9/10 28 線（横）力の向き＝線（縦）円力の向きを見極め、相性を考慮した動きも意識する第一部イ：姿（ルック）

Slide 29

Slide 29 text

confidential © POKELABO, INC. 2019/9/10 29 普遍体（円、線）に崩しを入れて整える第一部イ：姿（ルック）

Slide 30

Slide 30 text

confidential © POKELABO, INC. 2019/9/10 30 (paint) 第一部イ：姿（ルック）

Slide 31

Slide 31 text

confidential © POKELABO, INC. 2019/9/10 31 第一部まとめ  スマフォのエフェクトは誇張表現の需要が高い。  異なる質感同士の共存を前提とした表現がある。  本質はいつもひとつ。原型をイメージしながら様々な属性表現を行おう。

Slide 32

Slide 32 text

confidential © POKELABO, INC. 2019/9/10 32 全体の流れ第一部イ：姿（ルック） /15分第二部ロ：道（ベクトル） /15分第三部ハ：死（デス） /15分質疑応答/5分

Slide 33

Slide 33 text

confidential © POKELABO, INC. 2019/9/10 33 第二部ロ：道（ベクトル）

Slide 34

Slide 34 text

confidential © POKELABO, INC. 2019/9/10 34 花火→エフェクト  花火の全体的な演出火花→パーティクル  一つ一つの火花（パーティクル）の集合体が花火（エフェクト）。薬筒→エミッター  火花（パーティクル）の発生源言葉の定義第二部ロ：道（ベクトル）

Slide 35

Slide 35 text

confidential © POKELABO, INC. 2019/9/10 35 初期値 (エミッタの持続時間/Durationとパーティクルの寿命/LifeTime、速度/Velocity、色/Color、大きさ/Size、回転/Rotationの一番最初の値を指定）エミッタ (パーティクルの発生数、発生法、発生形状を指定) アニメーション (パーティクルの各属性が指定した寿命に添って変化アニメーションの尺や各値の上限は初期値がベース) レンダラー(見た目の指定) 第二部ロ：道（ベクトル）

Slide 36

Slide 36 text

confidential © POKELABO, INC. 2019/9/10 36 パーティクル主要4属性 1. 大きさ/Size 2. 角度/Rotate 3. 位置/Position 4. 色/Color(RGBA) 第二部ロ：道（ベクトル） Speed(初速）gravity（重力） Velocity（速度）force（力）も含む

Slide 37

Slide 37 text

confidential © POKELABO, INC. 2019/9/10 37 パーティクル制作の流れ完成メニュー（初期値）を決めるオーダー（発生）するスパイス（乱数）をかける第二部ロ：道（ベクトル）

Slide 38

Slide 38 text

confidential © POKELABO, INC. 2019/9/10 38 1.メニュー（初期値）を決める期間(duration)=1.0secに変更エミッタ持続時間（花火エフェクトの尺）初速(Start Speed)=50に変更火花パーティクルの散る速度寿命(Start Lifetime)=0.5secに変更火花パーティクルの尺第二部ロ：道（ベクトル）

Slide 39

Slide 39 text

confidential © POKELABO, INC. 2019/9/10 39 2.オーダー（発生）する Emitter/Shape（発生形状）をCircleに変更 Radius（半径）はそのままでOK Rate over Timeを0に変更、その後右下+ボタンをクリックしBurstsに変更、 Countに100と入力制限速度(Limit Velocity Over Lifetime) チェックをオン Speedを0に、Dampenを0.5に変更第二部ロ：道（ベクトル）

Slide 40

Slide 40 text

confidential © POKELABO, INC. 2019/9/10 40 3.スパイス（乱数）をかける花火が自然に見えるように Random Between Two Constants を適用し初期値（寿命、大きさ、初速）に指定した2値間でバラツキを入れる第二部ロ：道（ベクトル）

Slide 41

Slide 41 text

confidential © POKELABO, INC. 2019/9/10 41 第二部ロ：道（ベクトル）

Slide 42

Slide 42 text

confidential © POKELABO, INC. 2019/9/10 42 最高の背景最悪の背景光

Slide 43

Slide 43 text

confidential © POKELABO, INC. 2019/9/10 43 最悪の背景最高の背景闇

Slide 44

Slide 44 text

confidential © POKELABO, INC. 2019/9/10 44 第二部まとめ  キービジュアルを決め、要素と動きを割り出そう。  パーティクル主要属性は４つ。塊で覚えよう。  最高のエフェクトは最悪の背景で作られる。

Slide 45

Slide 45 text

confidential © POKELABO, INC. 2019/9/10 45 全体の流れ第一部イ：姿（ルック） /15分第二部ロ：道（ベクトル） /15分第三部ハ：死（デス） /15分質疑応答/5分

Slide 46

Slide 46 text

confidential © POKELABO, INC. 2019/9/10 46 一流のエフェクトは消え方がカッコいい第三部ハ：死（デス）

Slide 47

Slide 47 text

confidential © POKELABO, INC. 2019/9/10 47 一流のエフェクトは消え方がカッコいい第三部ハ：死（デス）

Slide 48

Slide 48 text

confidential © POKELABO, INC. 2019/9/10 48 円はどう消える（死ぬ）？ルック Look デス Death 第三部ハ：死（デス）

Slide 49

Slide 49 text

confidential © POKELABO, INC. 2019/9/10 49 第三部ハ：死（デス）

Slide 50

Slide 50 text

confidential © POKELABO, INC. 2019/9/10 50 火花の設定1

Slide 51

Slide 51 text

confidential © POKELABO, INC. 2019/9/10 51 火花の設定2

Slide 52

Slide 52 text

Slide 53

Slide 53 text

Slide 54

Slide 54 text

Slide 55

Slide 55 text

Slide 56

Slide 56 text

Slide 57

Slide 57 text

Slide 58

Slide 58 text

Slide 59

Slide 59 text

Slide 60

Slide 60 text

Slide 61

Slide 61 text

Slide 62

Slide 62 text

Slide 63

Slide 63 text

Slide 64

Slide 64 text

Slide 65

Slide 65 text

Slide 66

Slide 66 text

Slide 67

Slide 67 text

Slide 68

Slide 68 text

Slide 69

Slide 69 text

Slide 70

Slide 70 text

Slide 71

Slide 71 text

Slide 72

Slide 72 text

Slide 73

Slide 73 text

confidential © POKELABO, INC. 2019/9/10 73 第三部まとめ  消去法を巧みに組み合わせ、エフェクトをかっこよく消そう。  消去法は出現法にも転用可能。エフェクトの出現から消去までの流れを意識しよう。  人間に最も響く表現を考え抜こう。