モーショングラフィックによる「つかいかた」の「つくりかた」/ How to create motion graphics for micro interactions

Slide 1

Slide 1 text

ϞʔγϣϯάϥϑΟοΫʹΑΔ ʮ͔͍͔ͭͨʯͷʮͭ͘Γ͔ͨʯ 5BLBNBTB.BUTVNPUPʛ$PJOFZ *OD ώΧˑϥϘʰʲ,ZBTIɺ$PJOFZɺ1":ʳ৽͍͠ࢧ෷͍ͷܗΛ࡞ΔɺϞόΠϧܾࡁαʔϏεͷ։ൃͷཪଆͱ͸ʱ

Slide 2

Slide 2 text

দຊོԠ 5BLBNBTB.BUTVNPUP  $PJOFZʗIFZϦʔυσβΠφʔ w ೥$PJOFZ૑ۀ࣌ʹδϣΠϯʙ໿೥ؒΞϓϦͷ6*Λ୲౰ w ίʔϙϨʔτϓϩμΫτͷ౷߹తͳσβΠϯ w ࠷ۙ͸IFZͷίʔϙϨʔτσβΠϯͳͲ΋୲౰

Slide 3

Slide 3 text

Ұݟ஍ຯͳϞʔγϣϯάϥϑΟοΫɺ͚ͬ͜͏׆༂ͯ͠·͢ɻ

Slide 4

Slide 4 text

ͳͥ࡞Δ͔ Ͳ͏࡞Δ͔

Slide 5

Slide 5 text

ͳͥ࡞Δ͔

Slide 6

Slide 6 text

ΧʔυಡΈऔΓͷඍົͳχϡΞϯεΛ఻͑Δͱ͍͏՝୊ ΧʔυΛλον  ʜ͍ͬͯΘΕͯ΋۩ମతʹͲ͏͢Δͷ ΧʔυΛεϥΠυ  ʜͬͯͲͷ͘Β͍ͷ଎͞ ΧʔυΛࠩ͠ࠐΉ  ʜͬͯͲͬͪͷ޲͖Ͱࠩ͠ࠐΊ͹͍͍ͷ

Slide 7

Slide 7 text

ͦ͜ͰʮकΓʯͷϞʔγϣϯάϥϑΟοΫͷग़൪ ϚχϡΞϧ͸ඞͣݟΒΕΔͱ͸ݶΒͳ͍ʜ  ςΩετ΍ը૾Ͱ͸ඍົͳχϡΞϯε͕఻ΘΒͳ͍ʜ  τϨʔχϯάϞʔυ͸޻਺ɾӡ༻తʹ΋ΩϏ͠Ίʜ ˣ ద੾ͳλΠϛϯάͰʮಈ͖ʯΛදࣔͯ͠௚ײతͳཧղΛͭ͘Δ  ʮकΓʯͷϞʔγϣϯάϥϑΟοΫͰղܾ

Slide 8

Slide 8 text

ϞʔγϣϯάϥϑΟοΫͷ໾ׂͱදݱͷҧ͍ ߈Ί कΓ ໨త ظ଴ײɾָ͠͞ɾ໘ന͞ ཧղɾঢ়ଶදࣔ τϦΨʔ ೳಈతɾҰ࣌త จ຺ɾडಈతɾৗ࣌ ྫ ΠϯτϩμΫγϣϯ   ͍͍ͶϘλϯ ໨ඪୡ੒ 5PVDI*% GBDF*%  "EPCFܥπʔϧνϡʔτϦΞϧ

Slide 9

Slide 9 text

ʮकΓʯͷϞʔγϣϯάϥϑΟοΫࣄྫ  GBDF*% إೝূͰ͋Δ͜ͱɾೝূͷϓϩάϨεΛ෼͔Γ΍͘͢දࣔ

Slide 10

Slide 10 text

ʮकΓʯͷϞʔγϣϯάϥϑΟοΫࣄྫ  (PPHMFೋஈ֊ೝূΞϓϦ 1$ͰͷϩάΠϯ࣌ʹ(PPHMFΞϓϦΛ։͍ͯߦ͏Ұ࿈ͷૢ࡞Λ͞Γ͛ͳ͘දࣔ

Slide 11

Slide 11 text

Ͳ͏࡞Δ͔

Slide 12

Slide 12 text

ؾΛ͚ͭͨ͜ͱ ίϯςΫενϡΞϧ  Ϣʔβʔͷ;Δ·͍ʹԠͨ͡ద੾ͳλΠϛϯάͰͷදࣔ ҙຯΛҾཱ͖ͯΔ  ৘ใΛ࡟͗མͱͨ͠άϥϑΟοΫʢ࿏ઢਤͷΑ͏ͳந৅౓ʣ ͪΐͬͽΓָ͠͞Λײ͡Δಈ͖  ຖ೔࢖͏΋ͷ͔ͩΒͦ͜ݟ͍ͯͯ๞͖ͳ͍΋ͷ

Slide 13

Slide 13 text

ϝΠΩϯά ˠ ˠ

Slide 14

Slide 14 text

"OJNBUJDΛ͔ͭͬͨϥϑΞχϝʔγϣϯ࡞੒ w ΦχΦϯεΩϯػೳͰ  ααοͱॻ͍ͯಈ͖Λଈ֬ೝ w ϑϨʔϜෳ੡ػೳͰ௙Δ w Ϟʔγϣϯ͚ͩͰͳ͘69ͷ γφϦΦͱ͔Λઆ໌͢Δࡍʹ ΋ศར

Slide 15

Slide 15 text

"&ͰϞʔγϣϯ࡞੒ˠCPEZNPWJOͰॻ͖ग़͠ ΠϥϨͰը૾ૉࡐ࡞੒ "&ͰϞʔγϣϯ࡞੒ ˠ CPEZNPWJOͰը૾Ξηοτͱ ϞʔγϣϯϑϨʔϜͷEBUBΛੜ੒

Slide 16

Slide 16 text

-PUUJFʢCPEZNPWJOʣͰίϯτϩʔϧ

Slide 17

Slide 17 text

-PUUJFͷϝϦοτ ޻਺࡟ݮ  ͻͱͭͭ͘Ε͹J04"OESPJE8FC͢΂ͯͰ࢖͑Δ ωΠςΟϒ  ϓϩάϥϜʹΑͬͯঢ়ଶʹԠͨ͡ϑϨʔϜͷมߋ͕༰қ ໿෼ͷͷσʔλྔ  ಈըσʔλྔˠྫɿ.#ˠ,#

Slide 18

Slide 18 text

Ϣʔβʔͷ੠ʛ$PJOFZͷ͝ར༻͢ΔΞϯέʔτ ར༻։࢝೔ޙ w Կͷ໎͍΋ແ͘࢖͑·ͨ͠ɻ  ੌ͘؆୯Ͱઆ໌͍Βͣɻ w ϚχϡΞϧͳ͠Ͱ  εϜʔζʹͰ͖·ͨ͠ɻ w ΨΠυ͕ग़ͯ؆୯ɻ w ࣮૷νϣʔ؆୯Ͱͨ͠  ʕ͚Μɾ·͍΍ʔͣʢ$PJOFZΤϯδχΞʣ εϜʔζʹઃఆɾ ૢ࡞Ͱ͖ͨ ໿

Slide 19

Slide 19 text

·ͱΊ ʮकΓʯͷϞʔγϣϯάϥϑΟοΫɺ͚ͬ͜͏େࣄɻ  ஍ຯ͚ͩͲεϜʔζͳϢʔβʔମݧΛͭ͘Δେ͖ͳཁૉʹͳΔɻ ָ͠͞΍ظ଴Λͭ͘Δʮ߈Ίʯͱɺ Θ͔Γ΍͢͞ɾ͋Μ͠ΜΛͭ͘ΔʮकΓʯͷϞʔγϣϯͰɺ όϥϯεͷऔΕͨ༏ΕͨϢʔβʔମݧ΁ɻ

Slide 20

Slide 20 text

Thanks! ΤϯδχΞͷ஥ؒืूத  ϋʔυ΢ΣΞָ͍͠Α Thank You!