Iori Iwaki|Motion designer

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

Iori Iwaki|Motion designer

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

マガジン

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

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

最近の記事

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

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

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

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

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

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

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

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

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

        マガジン

        • 【翻訳】マテリアルデザイン - モーションデザイン
          Iori Iwaki|Motion designer

        記事

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

          【翻訳してみた】マテリアルデザイン - コレオグラフィ

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

          【翻訳してみた】マテリアルデザイン - コレオグラフィ