タグ

AfterEffectsに関するmacneko-ayuのブックマーク (3)

  • Bodymovin - Lottie

    Exports animations to json files and pngs (if necessary). Animations can be played on the web via the bodymovin player or natively in iOS and Android through Lottie. For playing the animations, get the player in the extension panel, and load it in a browser. Supported Features Shapes paths, ellipses, stars, rectangles fills, stroke, gradient fills and gradient strokes dashes trim paths (partial) r

    Bodymovin - Lottie
    macneko-ayu
    macneko-ayu 2018/06/08
    Extensionのコードが読みたい…
  • Lottieでアプリにアニメーションを組み込む話(デザイナー編) - くらげだらけ

    最近ではWebサービスやスマートフォンアプリにおいてもアニメーションの重要性は認識されつつあります。 機能としてのアニメーションは「FacebookアプリのLoading Placeholder」や「TwitterアプリのLikeボタンのフィードバック」のように何が起こっている(起きた)のかをわかりやすく伝えたり、「17 Live(イチナナ)」や「CASH」のSplashのようにロゴやブランドのイメージを強く印象づけたり、楽しませたりと使い方は様々です。 アニメーションをWebやアプリに組み込む方法は様々ありますが、今回は「Lottie」を使ってアプリにアニメーションを組み込む方法やメリットなどについて書こうと思います。 とはいえ今回はデザイナー編でして、AfterEffectsで簡単なアニメーションを作ってLottie用にデータを書き出すというところまでをご紹介します。 最後にアニメーシ

    Lottieでアプリにアニメーションを組み込む話(デザイナー編) - くらげだらけ
  • 独学ではじめる!AfterEffectsチュートリアル10選|いなげ

    Fintechベンチャーで新卒1年目デザイナーとして働いています、いなげ(@17_makoto)です。 Adobeの動画作成ソフトAfter Effects(以下Ae)の使い方を学びたい、アニメーションに興味があるという方のために、初心者の自分がやって参考になったAeチュートリアルをあげていきます。 YouTubeには勉強になる動画がたくさん公開されていて、何個かやってみるとAeの使い方がわかったり、基的なアニメーションがかけられるようになると思うので、ぜひ気になったものからやってみてください! 英語の動画が多いですがAeの操作画面は同じなので、動画通りに操作していけばチュートリアルと同じデザインが出来上がります。 1.画面の基操作 After Effectsのインターフェイスについて コンポジション?なにそれ?という方はここからはじめると良いと思います。Adobeが公式のチュートリア

    独学ではじめる!AfterEffectsチュートリアル10選|いなげ
  • 1