Iori Iwaki｜Motion designer

モーションデザインが好きです。 趣味は投資経済の勉強とクラフトビール。 | Por…

Iori Iwaki｜Motion designer

モーションデザインが好きです。 趣味は投資経済の勉強とクラフトビール。 | Portfolio site https://iori-iwaki.com | Linktree https://linktr.ee/ioriiwaki

  • 【翻訳】マテリアルデザイン - モーションデザイン

    Googleのマテリアルデザインガイドラインからモーションデザイン項目についての翻訳まとめです。 モーションデザインとは何ぞや？の参考にどうゾ。

After Effects と他のデザインツールの相性

グラフィックを動かしたい。 そう思ったときに最初に思いつくソフトは After Effects だと思います。 モーショングラフィックスを作る定番のツールです。 しかし After Effects には相性があります。 他のツールでデザインをした後、After Effects (以下AEと呼称) に読み込もうとすると面倒な問題に直面するかもしれません。 ツールによっては、せっかく作ったグラフィックが適切に読み込めず、もう一度AEで作り直す羽目になるかも。 これでは無駄に工数

Iori Iwaki｜…

    • 制作の振り返りと雑記 - WALKの場合

      何で振り返るの？ 去年から自主制作を積極的にやっているのですが、1年前に作ったものをどうやって作ったのかよく覚えていないことがあります。 これではいざ技術を仕事に使おうにも、再現性がありません。 後の自分が振り返れるように、製作中に気づいた点や気持ちをここに綴っておこうと思います。日記。 作ったものこちら。いっぱい歩いてます。 作った経緯AfterEffects で2Dモーショングラフィックスを作るとき、動かすグラフィックはシンプルな図形や文字が多くなります。 図形や文

      Iori Iwaki｜…

      • ポートフォリオサイトを作った話 - 作り方編

        以前紹介した「ポートフォリオサイトを作った話」の具体的な作り方編。 どのように作ったのか、作業内容と技術の話をしていきます。 以前の話はこちら。 何のツールでポートフォリオを作るのかAdobe Portfolio, Bento, Tumblr など、コンテンツを入れてポートフォリオを作れるサービスは幾つかあります。一番手っ取り早いのはこの辺です。 しかし自分はページやコンポーネントで凝ったこともしたいし、webデザインのフローも学びたかったので、ノーコードツールで作ること

        Iori Iwaki｜…

        • ポートフォリオサイトを作った話

          こんにちは。フリーランスでモーショングラフィックデザイナーをしています。Iori Iwaki です。最近ポートフォリオサイトを作りました。 こんな感じ。 ポートフォリオサイトを作った経緯端的に言うと、無かったからです。 フリーランスになってから2年半、有難いことに人伝でお仕事をいただき、連絡先を公開せずともそれなりに生きていくことが出来ました。 しかしふと思いました。 これってフリーランスになった意味なくない？ やりたい仕事、好きな仕事もいただけることはありましたが、や

          Iori Iwaki｜…

        After Effects と他のデザインツールの相性

        Iori Iwaki｜Motion designer

        マガジン

        • 【翻訳】マテリアルデザイン - モーションデザイン
          8本

        記事

          リファレンスを集める - Eagleのススメ

          皆さんはどのようにリファレンスを集めていますか？ 以前私は Behance や Instagram などのいいね機能を使って好きなものを集めていましたが、あまりしっくり来ていませんでした。 あのグラフィックなんだったっけ？と後で探しても、どこに保存しているのか分からない。色んなサイトを行ったり来たりしても結局見つからない。 好きなものに出会ったから保存したけど、それを欲しいときに見直すことが出来ない。勿体ない。 この問題を私は Eagle というサービスを使い解決しました。

          Iori Iwaki｜…

          リファレンスを集める - Eagleのススメ

          Iori Iwaki｜Motion designer

          【番外編】クラフトビールはどこで買えるのか？

          これまで全三回にわたりクラフトビールの紹介を行いました。 しかしながら大事な話が抜けていたように思います。 「一体どこで買えるんだ？」 こちらについてです。 日本のブルワリーはそれぞれにオンラインストアを持っていますが、大抵は売り切れており、その上購入も1本からではなく4本や6本のセット。 値段も高いし口に合わなかったらと思うと買うのに躊躇すると思います。海外のビールに至ってはそもそも個別のストアが存在していません。 「一体どこで買っているのだ。」「どこで買えるか紹介し

          Iori Iwaki｜…

          【番外編】クラフトビールはどこで買えるのか？

          Iori Iwaki｜Motion designer

          クラフトビールのデザインがめちゃ良いので紹介したい。 - その3

          前回の記事からまた間が空きました。いかがお過ごしでしょうか？ 私は飲んだクラフトビールが300から400になっていました。 記事を更新するたびに100のビールを飲んでいたことになります。今も飲みたいです。 前回のその2の記事はコチラ。 今回は最後に日本のブルワリーを紹介したいと思います！ ※奈良醸造さんを追加しました。 YOROCCO BEERまずはヨロッコ。 こちらは神奈川県の逗子にあるブルワリー。 こちらのビールはホップをふんだんに使ったIPAではなく、セゾン* や

          Iori Iwaki｜…

          クラフトビールのデザインがめちゃ良いので紹介したい。 - その3

          Iori Iwaki｜Motion designer

          クラフトビールのデザインがめちゃ良いので紹介したい。 - その2

          前置き 前回の記事からだいぶ間が空きました。 飲んだクラフトビールの数も200から300になっていました。 そうです。私は記事を更新せず、ただひたすら飲んでいました。 前回のその1の記事はこちら。 クラフトビールがどのような物なのかはその1に書いてあるので、よろしければそちらをご覧ください。 今回はたまに輸入されたり、輸入自体がとても希少な海外のクラフトビールを紹介したいと思います。 Hudson Valley Breweryまずはハドソンバレーブルワリー。 クラフト

          Iori Iwaki｜…

          クラフトビールのデザインがめちゃ良いので紹介したい。 - その2

          Iori Iwaki｜Motion designer

          クラフトビールのデザインがめちゃ良いので紹介したい。 - その1

          前置き クラフトビールというものをご存知でしょうか？ スーパーやコンビニのお酒コーナーで見かける、普通のビールよりも少し値段が高いアレです。 面白いことに、クラフトビールのラベルデザインは普通のビールラベルと全く異なります。 大衆への分かりやすさよりも、ブルワリー* 自身が作り出す世界観やコンセプトをより全面に押し出したものが多いのです。 そしてラベルだけではなく、味ももちろん普通のビールとは全く異なります。想像してみてください。 ビールを飲んだ瞬間に鼻の中に草原が生ま

          Iori Iwaki｜…

          クラフトビールのデザインがめちゃ良いので紹介したい。 - その1

          Iori Iwaki｜Motion designer

          海外のモーションデザインスタジオまとめ - その2

          前置き 海外にはモーションデザインを用いたカッコイイ会社がたくさんあります。しかしながら「知らない」と言われることが多く、こんなにカッコイイものを作る会社があるのに知られていないという事実がとても悲しいので、ここに紹介しようと思います。 ※今回まとめたスタジオには3Dやインタラクティブ系の会社はあまり入れていません。主に2D系に絞っています。ご了承ください。 前回のその1はこちら。 海外のモーションデザインスタジオまとめ - その1 1. Rudo Company1つ

          Iori Iwaki｜…

          海外のモーションデザインスタジオまとめ - その2

          Iori Iwaki｜Motion designer

          海外のモーションデザインスタジオまとめ - その1

          前置き 海外にはモーションデザインを用いたカッコイイ会社がたくさんあります。しかしながら「知らない」と言われることが多く、こんなにカッコイイものを作る会社があるのに知られていないという事実がとても悲しいので、ここに紹介しようと思います。 その2はこちら。 海外のモーションデザインスタジオまとめ - その2 ※今回まとめたスタジオには3Dやインタラクティブ系の会社はあまり入れていません。主に2D系に絞っています。ご了承ください。 2021/02 リンク切れを起こしている

          Iori Iwaki｜…

          海外のモーションデザインスタジオまとめ - その1

          Iori Iwaki｜Motion designer

          【翻訳してみた】Google Design - AfterEffectsを使用したマテリアルデザインのモーション入門

          前置き 今回はAfterEffectsを使用したモーションデザインの作り方について翻訳しました。あくまでもデモのようなサンプルを作る工程なのですが、AfterEffectsに関する専門的な知識が幾つか出てくるため、難しい部分があるかもしれないです。 マテリアルデザインガイドラインに記載されたバージョンはこちら。 【翻訳してみた】マテリアルデザイン - AfterEffects モーションステッカーシート ・・・ AfterEffectsを使用したUIアニメーションの基

          Iori Iwaki｜…

          【翻訳してみた】Google Design - AfterEffectsを使用したマテリアルデザインのモーション入門

          Iori Iwaki｜Motion designer

          【翻訳してみた】マテリアルデザイン - AfterEffects モーションステッカーシート

          前置き モーションデザインに関する日本語文献の不足を憂い、自身の知見の為にも翻訳をすることにしました。こちらはGoogleが発表したマテリアルデザインガイドラインからモーションステッカーシートの翻訳になります。 引用元 Google - Material Design - Motion Sticker Sheet Motion Sticker Sheet - Material Design ※動画像データもこちらから引用させていただいております。 しっかりとした情報が欲し

          Iori Iwaki｜…

          【翻訳してみた】マテリアルデザイン - AfterEffects モーションステッカーシート

          Iori Iwaki｜Motion designer

          【翻訳してみた】Google Design - モーションデザインは難しくない

          前置き 去年の暮れ頃、最初に翻訳をしようと思ったキッカケがこの記事でした。海外ではモーションデザインに関する記事がMediumに存在し、日本語記事が存在しないことにストレスを感じていました。著者のJonasさんに連絡を取り、翻訳の許可をいただいたことからこのnoteの翻訳を始めました。 引用元 : Medium - Google Design - Motion Design Doesn't Have to be Hard 著者 : Jonas Naimark Googleの

          Iori Iwaki｜…

          【翻訳してみた】Google Design - モーションデザインは難しくない

          Iori Iwaki｜Motion designer

          【翻訳してみた】マテリアルデザイン - 動きのカスタマイズ2

          前置き モーションデザインに関する日本語文献の不足を憂い、自身の知見の為にも翻訳をしてみることにしました。こちらはGoogleが発表したUIガイドラインのマテリアルデザインからモーションデザインについての翻訳になります。今回は長いので2つに分けて投稿させていただきます。 前章 : マテリアルデザイン - 動きのカスタマイズ1 引用元 Google - Material Design Customization - Material Design ※動画像データもこちらか

          Iori Iwaki｜…

          【翻訳してみた】マテリアルデザイン - 動きのカスタマイズ2

          Iori Iwaki｜Motion designer

          【翻訳してみた】マテリアルデザイン - 動きのカスタマイズ1

          前置き モーションデザインに関する日本語文献の不足を憂い、自身の知見の為にも翻訳をしてみることにしました。こちらはGoogleが発表したUIガイドラインのマテリアルデザインからモーションデザインについての翻訳になります。今回は長いので2つに分けて投稿させていただきます。 前章 : マテリアルデザイン - コレオグラフィ 引用元 Google - Material Design Customization - Material Design ※動画像データもこちらから引用

          Iori Iwaki｜…

          【翻訳してみた】マテリアルデザイン - 動きのカスタマイズ1

          Iori Iwaki｜Motion designer