Upgrade to Pro — share decks privately, control downloads, hide ads and more …

複雑なアニメーションがラクラク After EffectsをWebに書き出すプラグイン

Avatar for Gear8 Gear8
May 14, 2021
200

複雑なアニメーションがラクラク After EffectsをWebに書き出すプラグイン

アニメーションはJSやCSS3でやることが多いけど、数が多いと大変だし、表現にも限界がある…そんなときはAfter Effectsと拡張機能「Bodymovin(Lottie)」でタイムラインアニメーションをWeb用に簡単書き出し。ゆるい絵本仕立てでお届け。

Avatar for Gear8

Gear8

May 14, 2021
Tweet

Transcript

  1. "GUFS&GGFDUT ʹ #PEZNPWJO ͱ͍͏ϓϥάΠϯΛೖΕΔͱ IUNM TWH ͱ KT ͱ QOH

    Ͱॻ͖ग़ͤΔΜͩ ͔ͩΒͱͬͯ΋ܰͯ͘ɺ͓खೖΕϥΫϥΫ ·͔͡ Ոి͔
  2. KT Λຊ൪༻ϑΥϧμʹೖΕͯɺIUNM ʹλάͱ͔ KT ͱ͔Λ ͽΌͬʔɺΘʔͬͱॻ͘ͱͰ͖Δͧʢ͖ͯͱ͏ʣ αΠζ΋ࣗࡏ ࣗಈ࠶ੜɺϧʔϓ΋ઃఆՄ ͜ΜͳΜˠ EJWJENW@CHDMBTTNNWCHEJW

       TDSJQU    WBSQBSBNT\     DPOUBJOFSEPDVNFOUHFU&MFNFOU#Z*E NW@CH     SFOEFSFSIUNM     MPPQGBMTF     BVUPQMBZGBMTF    QBUISFTPVSDFTKTNWEBUBKTPO    ^    WBSNW"OJN    NW"OJNMPUUJFMPBE"OJNBUJPO QBSBNT     TDSJQU Ͱ΋͜ΕϓϨϏϡʔͩΑͳ શը໘ͩ͠ ຊ൪͸Ͳ͏΍Μͷ
  3. ϞʔγϣϯάϥϑΟοΫεͬͯʁ ਤܗ͕͔ͬ͜Α͘ಈ͘Ξχϝʔγϣϯ ͬͯݴͬͨΒ͍͍͔ͳ :PV5VCFS ΍ 57 ΍ .7 ͱ͔Ͱ 

    ೥୅຤͘Β͍͔Β ྲྀߦΓͩͯ͠ΔΑωʂ ͜Μͳͷͱ͔ IUUQTXXXZPVUVCFDPNXBUDI WD@V0'B6HIL
  4. #PEZNPWJO ͕͋Ε͹ɺ ཁૉͷ਺͕ଟͯ͘೉͔ͬͨ͠Ϟʔάϥ΋ 8FC ͰͰ͖ΔͬͯΘ͚ͩ ·ͩʢ ೥  ݄ݱࡏʣ8FC ͰϞʔάϥ͸

    ͋Μ·ਁಁͯ͠ͳ͍͔Β ΑͦͱࠩΛ͚ͭΔνϟϯε͔΋஌Εͳ͍ͧ ˞ݸਓͷײ૝Ͱ͢ ͋ͷɺղઆԶͷ໾ʜ