タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

Figmaとanimationに関するaoiasabaのブックマーク (2)

  • 初心者のためのLottie&LottieFiles|by|Yuhei Sasaki

    このnoteでは「これからLottieをはじめてみよう」と思っている方や「名前は知っているけどLottieってなに?」という方に向けて、Lottieの基礎的な使用方法を紹介します。 Lottieのサンプル|LOTTIE-SOL-6|Daniel Tan Wai Meng LottieとはLottieというキーワードでGoogle検索したとき、LottieとLottieFilesの2つのワードがヒットします。ここではまず、2つの違いを紹介します。 Lottie LottieとはAirbnb(エアビーアンドビー)が開発したJSONベースのアニメーションファイル形式です。その特徴は、動画やGifよりも軽量で、拡大縮小しても画像が荒れないことです。 そして、ウェブやアプリなどのイラストとしてはもちろん、ロゴアニメーションやローディング、いいねボタンなど、さまざまなアニメーションに使えます。 いいね

    初心者のためのLottie&LottieFiles|by|Yuhei Sasaki
  • 高度なモーションデザインを無料で作成できるWebエディタ「Jitter」を使ってみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、Webデザインに活用できるモーションデザインをブラウザ上のエディタから誰でも簡単に作れるWebサービスをご紹介します。 手軽に高度なアニメーションを実現できる機能が豊富に提供されており、簡単なものならマウスで数回クリックするだけで完成してしまいます。無料で書き出しにも対応しており、記事後半ではFigmaとの連携方法についても解説しています。 Webのアニメーションにご興味ある方はぜひ参考にしてみてください! 【 Jitter 】 ■「Jitter」の使い方 それでは、「Jitter」をどのように使えばいいのか詳しく見ていきましょう! まずはサイトのトップページから【Try it now】ボタンをクリックして無料のユーザー登録を済ませておきます。 メールアドレスや名前などを入力するだけなので簡単です。 登録したメールアドレス宛にログイン用

    高度なモーションデザインを無料で作成できるWebエディタ「Jitter」を使ってみた! - paiza times
  • 1