Figmotionの使い方 - bagelee（ベーグリー）
書き出しはmp4、gif、webmの3つの形式から選べます。 Figmotionを開くと、このような画面が出てきます。 画面を開いたら、まず右上の「Select child to animate」をクリックし、アニメーションをつけるパーツを選択します。 そしたらアニメーションをつけていきます。 Xの横にあるダイヤ型のアイコン（キーフレーム）をクリックすると、タイムハンドルがある場所にキーフレームを置くことができます。タイムハンドルはドラッグするか、またはタイムラインの上にある時間タイトルをクリックすることで動かせます。 次に配置したキーフレームをクリックすると、このようなエディタが出てきます。 msは現在エディタを開いている地点を表しています。そして、その下の数字を変えることでアニメーションを設定できます。 ここまでざっくりと使い方をご紹介しました。ではここから実践編です！ 実際に使ってみ
現実の動きをそのままアニメーションに変換できる無料サービス「Plask」に開発者からの注目集まる。AI技術で映像から手軽にモーションキャプチャーを生成可能
「Plask」は、韓国・ソウルに拠点を置く同名のソフトウェア会社が開発。現実の動きをAIが自動で取り込み、単純な操作でモーションデータを作成できることからアニメーターやゲーム開発者らを中心とした界隈で大きな注目を浴びている。 編集画面では、各ターゲットの配置やキーフレームの調整といった機能を搭載。今後は複数人での共同編集も実装する予定とのこと。データの出力は汎用フォーマットのGLB、FBX、BVH形式などに対応し、BlenderやMayaといった3DCGソフトでも扱うことができる。 （画像はYouTube「Meet Plask – Plask – AI Motion Capture and 3D Animation Tool」より）（画像はYouTube「Meet Plask – Plask – AI Motion Capture and 3D Animation Tool」より）（画像は
線形代数とは？初心者にもわかりやすい解説 | HEADBOOST
「線形代数を簡単に理解できるようになりたい…」。そう思ったことはないでしょうか。当ページはまさにそのような人のためのものです。ここでは線形代数の基礎のすべてを、誰でもすぐに、そして直感的に理解できるように、文章だけでなく、以下のような幾何学きかがく的なアニメーションを豊富に使って解説しています。ぜひご覧になってみてください（音は出ませんので安心してご覧ください）。 いかがでしょうか。これから線形代数の基礎概念のすべてを、このようなアニメーションとともに解説していきます。 線形代数の参考書の多くは、難しい数式がたくさん出てきて、見るだけで挫折してしまいそうになります。しかし線形代数は本来とてもシンプルです。だからこそ、これだけ多くの分野で活用されています。そして、このシンプルな線形代数の概念の数々は、アニメーションで視覚的に確認することで、驚くほどすんなりと理解することができます。 実際のと
ちゃんとダンスに見える動きとラジオ体操みたいに見えちゃう動きとの差はこんなところにあった？「これがキレの秘密…！」
リンク ニコニコ大百科 中割りとは (ナカワリとは) [単語記事] - ニコニコ大百科 中割り（なかわり）は、以下を意味する。 アニメーションの作画工程のひとつで、原画と原画の間を補う作業。 ボードゲームの一種、オセロにおける戦術のひとつ。 この記事では、1.アニメーション... リンク note（ノート） 世界一わかりやすい「イージング」と、その応用｜ritar｜note これはdesigning plus nine Advent Calendar 2018 5日目の記事です。 こんにちは。ritarと申します。designing plus nineというサークルで日々楽しく活動しております。 最近、こんな記事を見つけました。 サクサク感をデザインするデザイナにもできる体感速度対策の記事です。techblog.yahoo.co.jp どうすれば体感でサクサク動作するかを書いた良
コマ撮りアニメーション覚え書き｜篠𠩤健太ストップモーションアニメーター
まえがき コマ撮りアニメーターの篠原健太です。「コマ撮り」は「ストップモーション」とも言います。 この記事は僕がプロデビュー後、すぐに参加させていただいたストップモーション作品『モリモリ島のモーグとペロル』で記録した覚え書きです。2017年のことです。 その数ヶ月後にはNetflix『リラックマとカオルさん』の撮影も控えていましたので、新人の僕は急いで技術を身につけなくてはなりませんでした。 僕は心のどこかで「こんな体験は次にいつできるかわからない」と思っていて、自分の担当したカットから出来るだけ多くのものを吸収しようと復習しています。これはデビューした時から今でも続けています。 記録した覚え書きは自分のためのもので、自分以外の誰かが読むことを考えていません。日記のようにちょっと恥ずかしいものです。誰でも読める記事にしてしまうとマズイ！ということで有料にさせていただきました。 分かりやすく
活動漫画館 | 機動戦士のんちゃん | GIFアニメ
主に2000年から2004年までに制作したGIFアニメを公開しています。 下へ行くほど新しい作品です。画像クリックで別ウィンドウが開きます。
個人サイトの衰退が叫ばれて久しい中、何を血迷ったのか活動漫画館のホームページを復活〜♪ : のす日和
TOPページからいきなりショボいGIFアニメが並んでいたりして(汗)、いまだに需要があるとは思えませんが‥、ウチなんてGIFアニメの時点でとっくに時代遅れですもの。世の流れなど気にしてたら恥ずかしくて穴があったら入らねばならぬのだ。 画像クリックで行けます ↓ https://nosferatunon.wixsite.com/nonchan WIXならホームページ制作が簡単♪ を信じて作り始めたのですが、公開まで半年もかかりましたよ。まだまだリンク間違い、デザインが壊れる等あるかもしれませぬ。とりあえず過去のアニメは全部見れます。ブログ個別記事に「前へ、次へ」ボタンが無いので不便です。あとブログパーツが限られてるのが寂しい。 スマホにも対応 ↓ くそ重いGIFアニメも置けました。 また何か作ったらホームページに飾っていこうと思います。 コメント一覧 (9) 1. ねこP 2017年09月2
多種多様な「ゲームUI演出」を集めたブログが話題に。スキップ不要箇所やUIの細かい動きなど、演出の流儀を開発者が解説
ゲームUIの演出のコツを解説するブログ「ゲームUI演出」の記事「UIの細かい動きについて」がSNSで話題になっている。 UIの動きについての考えを記事にしました。 最適な動きを見つけてゲームへ落とし込んで、そのルールをちゃんと後に伝えるように資料を残さないと、無法地帯になる。 ▼ゲームUI演出 UIの細かい動きをについてhttps://t.co/pbFFpRCR5u pic.twitter.com/Je3mdNgFUQ — たかゆ＠UIアニメーションデザイナー (@takayuP4) March 8, 2020 このブログの作者は、ソーシャルゲーム会社でUIアニメーションや、演出、エフェクトを担当している、たかゆ氏。自身の技術向上と同業者のためにブログを開設したという。 話題の記事「UIの細かい動きについて」では、「イージング」と呼ばれるUIの細かい緩急のアニメーションを解説。まずイージン
UIの細かい動きについて
イージングなしとあり 画像ではイージングがわかりやすいようにグラフを入れてあります。 横が時間、縦がスケール、点がキーが打たれていることを表しています。 UIごとのイージング UI素材ごとにどのような緩急の付け方が良いのか迷うかと思います。 ダイアログアニメーション以外に、画面遷移時のUIの動きやクエスト開始演出など様々なアニメーションを入れるたびにどのイージングが正解なのか、それについては正解はありません。 ゲームの色味やデザイン、世界観を知らずにアニメーションは付けられません。 また、UIがどこまで世界観を踏襲するのかで、システムのような動きにするのか、世界観に合わせた動きにするのかも変わってきます。 こういった部分は関係部署にコミュニケーションをとってどんなゲームを作りたいのかを把握し、イージングはどうするのかを考えていきます。 そして、予備動作やオーバーシュートが必要なのか不要なの
misato. official site
misato. illustrator / creator misato. (イラストレーター/クリエイター) 1989年生まれ。 武蔵野美術視覚伝達デザイン学科卒業。 イラストレーション、アニメーションにとどまらず、造形作品の制作も行うなど活動は多岐にわたる。自身のtwitterにて作品を発表し続け、独自の世界観で多くのファンを獲得。GIFMAGAZINE公式クリエイターとしての一面も持つなど活動の場を広げている。 受賞歴「ISCA2013佳作」「第16回DigCon6 Unque Animation賞」「武蔵野美術大学卒業展示優秀賞」など。 misato. (illustrator / creator) Born in 1989. Graduated from Musashino Art University visual communication design department
Lottieでアプリにアニメーションを組み込む話（デザイナー編） - くらげだらけ
最近ではWebサービスやスマートフォンアプリにおいてもアニメーションの重要性は認識されつつあります。 機能としてのアニメーションは「FacebookアプリのLoading Placeholder」や「TwitterアプリのLikeボタンのフィードバック」のように何が起こっている（起きた）のかをわかりやすく伝えたり、「17 Live（イチナナ）」や「CASH」のSplashのようにロゴやブランドのイメージを強く印象づけたり、楽しませたりと使い方は様々です。 アニメーションをWebやアプリに組み込む方法は様々ありますが、今回は「Lottie」を使ってアプリにアニメーションを組み込む方法やメリットなどについて書こうと思います。 とはいえ今回はデザイナー編でして、AfterEffectsで簡単なアニメーションを作ってLottie用にデータを書き出すというところまでをご紹介します。 最後にアニメーシ
SketchファイルからWeb・モバイルアプリで使えるアニメーションが作れるHaikuを試してみた - bagelee（ベーグリー）
はじめに 本記事ではSketchファイルからWebやモバイルアプリ用のアニメーションが作れるHaikuというツールをご紹介します！ haikuは2018年の2月に正式リリースされていて、FigmaやSketchなどもともとアニメーションを得意としていなかったツールのファイルからアニメーションを作れることで非常に話題に上がっているツールです。 また、さらにすごいことに、作ったアニメーションファイルはgifなどの画像形式にできるのはもちろん、Webで使えるようにVanilla JS / HTML + CDN / React / Vue JSで書き出せたり、モバイルで使えるように iOS/ Android/ React Native で書き出せたりします！ 今回の記事では、haikuとはそもそもどういったツールでどんなことができるのか、何がすごいのか試してみた感想をご紹介します。 haikuとは
Native app animations in Xcode using Sketch, After Effects and Lottie from Airbnb.
Animated icons and illustrations in native app on-boarding screens are becoming more popular. They visually delight the user and also help make the experience more intuitive. Mmmmmmm, native app animations.Creating them however, can be troublesome and the two questions that keep coming back to are: What do you use to author the asset?What format does an iOS or Android developer need?I’ve tried a f
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Cavalry - Powerful 2D Animation Software for Mac and Windows
Site unavailable
log.ezura.asia
ゾートロープ Clockwork Birdrcage
The Thief and the Cobbler: Recobbled Cut Mark 4
アニメーター 岩根雅明さんによる振り向き作画のバリエーション
anime.js
