機動戦士ガンダム、伝説巨神イデオン、Gのレコンギスタ……。数々の作品を手がけて熱狂的ファンを生み出してやまない富野由悠季とはどんなアニメーション監督か。「演出の技」と「戯作者としての姿勢」の二つの切り口から迫る徹底評論！ 書籍化にさきがけて、本論の一部を連載します。 （バナーデザイン：山田和寛（nipponia）） アニメーション監督として語るための2つの切り口 アニメーション監督・富野由悠季について考えたい。ここで重要なのは、この言葉で比重がかかっているのは「アニメーション監督」のほうで、決して「富野由悠季」個人のほうではない、ということだ。富野由悠季という「アニメーション監督」は、その存在感の大きさに比して、十分に語られないうちに長い時間が経ってしまった。 富野は、ＴＶや新聞雑誌などマスメディアに登場することが多いアニメーション監督だ。人気者といってもいいだろう。書籍に関しても、批評
グラフィック系の開発者であるニキータ・リシッツァ氏が、「自身のプロダクトのあらゆる場所で使用している」と述べるお気に入りのテクニックである「指数平滑法」について解説を投稿しました。 My favourite animation trick: exponential smoothing | lisyarus blog https://lisyarus.github.io/blog/programming/2023/02/21/exponential-smoothing.html リシッツァ氏は下図のようなトグルボタンを例に解説を行っています。クリックすると「オン」「オフ」が切り替わります。まだアニメーションを何も設置しておらず、トグルボタンは左端と右端を瞬間移動しています。 機能的にはアニメーションが設定されていなくとも問題はないのですが、アニメーションを設定することでユーザーは何が起こって
2024年3月15日～20日に開催された第2回新潟国際アニメーション映画祭。映画祭2日目となる3月16日、『機動戦士ガンダム 逆襲のシャア（以下、逆襲のシャア）』がイベント上映されることを記念し、監督の富野由悠季氏とモビルスーツデザインを手がけた出渕裕氏によるトークショーが開催された。本記事では、その内容を前後編にして掲載。前編では、アニメにおける長編、短編とはどういうものかを入口にトークが行われた。 富野 まず（アニメ業界）60周年というのが、イヤなの。もうひとつイヤなのは、ここで『逆襲のシャア』を上映するというんだけど、あの作品、何年前のものか知ってる？ 36年前。高畑（勲）さんの作品の上映もあるので、それよりは新しいかもしれないという言い方はできます。僕にとって高畑監督は師匠ですから。師匠と一緒に上映されるのはいいのだけれど、照れるなあと。 出渕 富野さんとこうした公式のトークをやる
スタジオジブリ制作、氷室冴子原作による1993年の長編アニメーション「海がきこえる」のティーチインが4月19日に東京のBunkamuraル・シネマ 渋谷宮下で行われ、監督の望月智充、プロデューサーを務めた高橋望が登壇。本作のティーチインが行われるのは今回が初めてで、テレビスペシャルでの初放映から31年越しに、制作の舞台裏を語り合った。
映画制作やブランド／IPのプロデュースを行う企業・ CHOCOLATEが、オリジナル劇場アニメーション作品『KILLTUBE（キルチューブ）』の制作を発表。プロジェクトのパイロット映像を公開した。 同社が長編アニメーションを手掛けるのはこれが初めて。プロジェクト内では、制作、届け方、稼ぎ方の新たな手法を発明するべく「108の実験」が行われる。 10億円の製作費をもとに、2026年の作品公開を目指してプロジェクトが進行中。現在、制作実験パートナーを募集している。 ARuFaやしまぐち ニケも参加する『KILLTUBE』『KILLTUBE』は、とある理由で2026年まで江戸時代が続いている日本を描く作品。 厳しい身分制度が敷かれている社会で、最下層の3人組が、身分を変えることができる「決闘配信」に挑み、大衆の嘲笑をはねのけていくバトルエンターテインメントとなる。
「Lottieロッティー」はベクター画像のアニメーションを実現できる技術・ファイルフォーマットです。 Lottieアニメーションの作り方編の記事（Figma編、After Effects編）では、Lottieの概要から作り方、ファイルの書き出し方までを紹介しました。本記事では、Lottieアニメーションの実装方法について紹介します。 Lottieの組み込みはプラットフォームに応じたさまざまな実装方法が用意されていますが、一般的なウェブの方法を例に紹介します。実装編の前編となる本記事では、手軽に組み込むことができるLottie-Playerを使用して実装します。 iOS、Androidアプリケーション等のそのほかの実装方法は公式ドキュメントを参照ください。 アニメーションの実装 ウェブ向けの実装方法は大きく2パターンあります。HTMLメインの方法と、JavaScriptメインで実装する方法で
次の実装例のように、テキストを1文字ずつspan要素で区切ってアニメーションする際の注意点と実装例について纏めたメモ書きです。 実装例テキストアニメーションの実装例（英文）
スクロールに連動して要素が画面内に入った際にアニメーションを行う実装のメモです。 スクロール連動アニメーションのコードと実装例スクロール連動アニメーションの実装例 JavaScriptの実装はGitHub Gistに纏めています。コードにはTypeScriptを使用していますので、TypeScriptを利用していないWeb制作現場で使用する場合はChatGPTなどに依頼してJSファイルに変換してください。
CSSでボーダーをアニメーションさせるのは意外と難しいもの。幅や色のような単純な動きは別として、より複雑なアニメーションは他の選択肢を必要なケースがしばしば。 この記事ではCSSのborderプロパティを使わずにできる、”フェイク”ボーダーやアウトライン、さらにはSVGを使ったアニメーションの例を5つご紹介します。 最新Webデザインでもよく見かけるテクニックです、ぜひ活用してみましょう。 これらの例のHTMLはすべて、外側の.card divと内側の.inner divから構成されています。詳しくはデモを参照してください。 コンテンツ目次フェイクボーダーアウトラインの使用SVGによるアニメーション・ボーダーさいごに フェイクボーダー まずは、単にパディングやマージンを使ってボーダーを表現する3つの例から見ていきます。 この記事のすべての例では、以下のCSSを使用しています。 .card
【イベントレポート】「クラユカバ」神田伯山は降板も考えていた？黒沢ともよ＆芹澤優は独特のしゃべりに苦戦（写真18枚 / 動画あり）
中性的なサキを演じた芹澤は最初どのように演じたらいいのか悩んだのだとか。作品を観終えた後は「ヒロインしてたな」と感じたそうで、「細かいところで出てくるサキの表情が女の子らしくて」とうれしそうに語る。そして「この世界の中で自分の演じた役が生きててキュンとした」と目を輝かせた。塚原監督とは17年の付き合いがあり、塚原監督に伯山を紹介した人物でもある活動弁士の坂本は「クラユカバ」「クラメルカガリ」両作に出演し複数の役を演じているのだと明かす。多数の役を任されたことに「（活動弁士）冥利に尽きますよ。人件費対策かもしれませんけど」と述べると観客からは笑いが起こった。続けて塚原監督の苦労に思いを馳せ劇場公開を改めて喜びつつ、伯山の演技を「よかったでしょ？」と観客に尋ねると大きな拍手が送られた。
スクロールフェードがユーザブルというよりも気が散るものになるかどうかは、その持続性、応答性、ページ上の要素への控えめな適用といった要素に左右される。このデザインパターンを正しく用いれば、ブランド認知を向上させ、ページの読み込みを最適化し、コンテンツをより理解しやすくすることができる。 Scroll Fading 101 by Sara Ramaswamy on December 8, 2023 日本語版2024年4月11日公開 はじめに スクロールフェードは新しいデザインパターンだ。これは、スクロールによってトリガーされるアニメーションを指し、ユーザーがページ上の特定の地点までスクロールすると、新しい要素やコンテンツがフェードインしたり、フェードアウトするというものである。 動き（つまり、アニメーション）というものは前注意的に処理される。すなわち、ユーザーの目は自動的にアニメーションに引き
新潟国際アニメーション映画祭のミーティングで、コンペティション部門の出品者（右）と車座になって意見を交わすアジアの若者たち＝新潟市で2024年3月19日午後6時55分、勝田友巳撮影 第2回新潟国際アニメーション映画祭（以下、新潟アニメ映画祭）が3月15～20日、新潟市内で開かれた。アニメは今や、世界に誇る日本の文化だが、同映画祭の背景には日本アニメを取り巻く環境への危機感がある。新潟から世界を結び、日本アニメの枠を広げようという挑戦を現地で取材した。 日本の映画興行はアニメに支えられている。2023年の邦画興行収入上位10作のうち6作をアニメが占めた。ただ、主力はシリーズものやテレビアニメの劇場版で、6作中、オリジナル作品は「君たちはどう生きるか」だけ。こうした傾向は近年ますます顕著になってきた。国内外のインディペンデント映画を手がけてきたプロデューサーの堀越謙三さんと、アニメーションに力
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
序 「アニメーション監督」としての富野由悠季を語りたい｜富野由悠季論｜藤津 亮太｜webちくま
アニメーションをスムーズに見せるためのテクニック「指数平滑法」とはどんなものなのか？
第2回新潟国際アニメーション映画祭「機動戦⼠ガンダム 逆襲のシャア」上映記念 富野由悠季×出渕裕 特別対談（前編） | Febri
アクションゲーム「ゴールデンアックス」がアニメーション製作決定！
ジブリ×氷室冴子「海がきこえる」制作から31年越しの初ティーチイン、監督＆Pが登壇
劇場アニメーション作品『KILLTUBE』発表 ARuFaら異色クリエイター陣が制作に参加
最新版！ Lottieアニメーションの実装方法 - Lottie-Player編 - ICS MEDIA
テキストを1文字ずつアニメーションさせる時の注意点と実装例 ｜ TAKLOG
スクロール連動アニメーションの実装例 ｜ TAKLOG
コピペで楽々、CSSでできるボーダーアニメーション５選
スクロールフェードの基礎
映画興行支える日本アニメの課題とは “危機感”で発案の映画祭 | 毎日新聞