ポケモン & BUMP OF CHICKEN スペシャルミュージックビデオ「GOTCHA!」 9言語の歌詞字幕付きで公開中! ----- ミュージックビデオ「GOTCHA!」 音楽:BUMP OF CHICKEN「アカシア」(TOY’S FACTORY) 監督:松本理恵 キャラクターデザイン:林祐己 アニメーション制作:株式会社ボンズ 企画・プロデュース:川村元気、畑中雅美 ----- Pokémon & BUMP OF CHICKEN The special music video “GOTCHA!” is now available with subtitles in nine languages! ----- “GOTCHA!” Music Video Music: “Acacia” by BUMP OF CHICKEN (TOY’S FACTORY) Director: Ri
「AI」や「機械学習」といった言葉を耳にすることが増えていますが、その仕組みを理解するのは難しいと感じる人もいるはず。ジョージア工科大学のAIに関する研究チームであるPolo Clubが、機械学習の代表的なモデルである畳み込みニューラルネットワーク(CNN)を視覚的に理解できるウェブアプリ「CNN Explainer」を公開しています。 CNN Explainer https://poloclub.github.io/cnn-explainer/ 実際にCNN Explainerを操作しているムービーは以下。 Demo Video "CNN Explainer: Learning Convolutional Neural Networks with Interactive Visualization" - YouTube CNNは機械学習における分類器のひとつで、ニューラルネットワークを用
→ English 対象読者 ワイヤーフレームだけが渡されて、それを元にコーディングしなければいけないようなケースで役立つ知識を紹介します。 また、デザイン経験は無いけど、個人開発で何かプロダクトを作ってみたい方にも参考にしていただけるかと思います。 デザインといっても、無からクリエイティブを生み出すような部分ではなく、あくまでワイヤーフレームレベルのものをプロダクトとして最低限機能するレベルに引き上げるまでの範囲について言及します。 概要 最近のWebデザインはシンプルなので、既存のWebサイトに新しいパーツを実装するような場合に、ワイヤーフレームだけが与えられ、デザインデータが用意されないことがあるかもしれません。 そのような場合、エンジニアにデザイン領域への多少の裁量が生じ、実装者によって仕上がりに差が出ます。 この記事では、ワイヤーフレームを元にエンジニアが実装した「ちょっと悪いデ
想定外の出来事やスケジュールと戦わなければならないことが多いプロジェクトマネジメントの仕事。その醍醐味や面白さとは何なのでしょうか? ここにアニメファンのみならずIT・コンサル業界までもざわつかせている一冊があります。その名も『プロジェクト・シン・エヴァンゲリオン -実績・省察・評価・総括-』(以下、『プロジェクト・シン・エヴァンゲリオン』。2023年)。2021年に劇場公開され、ジャンルとしての「ロボットアニメ」作品では異例の興行収入100億円を超えた『シン・エヴァンゲリオン劇場版』(以下、『シン・エヴァ』)の制作過程を、『シン・エヴァ』を制作した株式会社カラーによる完全自主制作・出版によって、映像技術の側面ではなく、あくまでプロジェクト遂行の視点で克明に記したドキュメントです。その赤裸々さと記録風の文体のギャップが大いに話題を集めています。 執筆を担当したカラーの成田和優さんは、JAX
アメリカ映画界で最高の栄誉とされるアカデミー賞の各賞が10日、ロサンゼルスで発表され、長編アニメーション賞に、宮崎駿監督の「君たちはどう生きるか」が選ばれました。 日本の作品が長編アニメーション賞を受賞したのは、2003年に同じく宮崎監督の「千と千尋の神隠し」が受賞して以来で、宮崎監督がこの賞を受賞するのは2度目です。 「君たちはどう生きるか」は宮崎監督が引退宣言を撤回し、原作と脚本も担当しておよそ7年の製作期間をかけて作り上げた作品で、太平洋戦争中に母親を失った少年が不思議な世界に迷い込む宮崎監督のオリジナルストーリーです。 これまでにアメリカでアカデミー賞の前哨戦とされるゴールデングローブ賞を受賞したほか、英国アカデミー賞でも日本の作品として初めてアニメ映画賞を受賞していて、国際的に高い評価を受けています。 宮崎駿監督の「君たちはどう生きるか」がアカデミー賞の長編アニメーション賞を受賞
塗装のアルバイトで訪れた映画館で、ポスターを見つけて記念撮影する堀貴秀監督(C)2021 MAGNET/YAMIKEN “異例づくし”の映画が話題を呼んでいる。その名は『JUNK HEAD』。全編ストップモーションアニメで、1コマずつ撮影され、総コマ数はおよそ14万。監督の堀貴秀(49)が全作業を手掛け、7年の歳月をかけて作りあげた。堀の本職は内装業で、映像の制作経験はない。映画作りは独学だ。途中、ハリウッドからのオファーを受けても引き受けず、黙々と制作現場にこもった。「才能があるわけじゃなくて、あきらめなかっただけ」。なぜ作り続けられたのか。無謀な挑戦の理由、執念の制作について聞いた。(取材・文:塚原沙耶/Yahoo!ニュース オリジナル 特集編集部、文中敬称略) 『JUNK HEAD』のエンドロールには、ひたすら「堀貴秀」の名前が並ぶ。監督、原案、キャラクターデザイン、編集、撮影、照明
ウェブサイトの印象を大きく左右する「動き」。 現役Webデザイナーがこれは外せない!というCSSアニメーションライブラリをまとめてご紹介。 任意の要素にクラスを付与するだけで、用途に応じたアニメーションを実装できる便利なライブラリを整理しています。 フワフワやユラユラ、ポヨンといった弾む系の動きから、背景アニメーションなどWebサイトの印象づくりに欠かせない動きが揃います。GitHubレポジトリのスター数が多いものを中心にセレクト。 コンテンツ目次 1. 万能CSSアニメーション 2. 文字エフェクト向け 3. ホバーエフェクト向け 4. 画像、背景向け 5. ふわふわ、ゆらゆら、面白系 6. ハンバーガーメニュー向け 7. クリエイティブなアニメーション 8. よりなめらかな動きを表現するには 9. アニメーションの参考リソース一覧 万能CSSアニメーション Animista 基本となる
この記事では、これから2021年に注目したいWebデザインの人気トレンド9個をピックアップしています。 2021年のウェブデザインの傾向としては、どれも共通のテーマがあるように見えます。ハイテクなファンタジー感を目指すのではなく、よりリアルさを求めた新しいジャンルに世界中のウェブデザイナーが注目し始めています。 2021年のWebデザインは、これまでにないほどデジタルと日常を融合する方向に向かっており、普段の生活においてWebサイトが不可欠になってきていることを、反映しているのかもしれません。 よりクリエイティブなデザインを表現できるテクニックを、たくさんのデザイン事例と一緒にご紹介です。 コンテンツ目次 1. パララックス・アニメーション 2. ニューモーフィズム 3. アブストラクト・アート 4. 目にやさしい配色 5. 原因のためのウェブサイト 6. スクロール遷移 7. プロダクト
『君たちはどう生きるか』を観た。 しばらくしたら専門家が本格的なレビューを書くのだと思うが、今の段階では簡単なレビューしか書かれていない。ちらりと見たレビュー記事が「ファンタジーへの回帰」を称賛するというもので、あまりにも素朴すぎると感じたので、僕も感想を書いてみたい。 一度見終わった直後に走り書きしているので、固有名や記憶違いがあるかもしれないが、その熱だけでも留めておきたい。 宮崎駿の自我空襲警報が高らかになり、燃え尽くす街を駆ける少年の映像。冒頭の1分ほどの映像を観たとき、僕はすでに感動した。この1分の間に、宮崎駿がこれまで描かなかった新しい表現があり、そこにこの映画全体のメッセージがあった。 宮崎駿はこれまで、幾度となく疾走する少年を描いてきた。誰もがコナン、ルパン、パズー、アシタカ、の走る姿を思い浮かべることができると思う。しかし、これらほとんどは走る少年の後ろや横からカメラが追
【中村光毅氏、イデの元に召される・・・】メカニック・アートの第一人者 (ジョニー暴れん坊デップの部屋) 「Confort」中村光毅氏インタビュー ( // musi-musi //) 崖の上のポニョ 感想 (崖の上のポニョ 感想) 【アニメ】:これがプロフェッショナルの仕事と生き様、マクロスの河森正治監督が語る「アニメーション監督という職業」 (白石運送) 足利事件から日本鬼子まで (cancerkiller173のブログ) 今敏 追悼BOOKだけを目当てに今月号のコミックリュウを買ってしまうのは不謹慎なんでしょうか…。 (新製品と価格のメモ) 「破」全記録全集・庵野総監督インタビューの感想 (ユイさんのこと、を想う) Twitter Trackbacks () Twitter Trackbacks () 早すぎる、今敏監督 (札幌生活) 「もうコメントしない」と公言しましたが、海外からの
猛煙をあげる京都アニメステーションのスタジオ(京都市伏見区桃山町) 18日午前10時半すぎ、京都市伏見区桃山町因幡の映像制作会社「京都アニメーション」の第1スタジオで、男がガソリンをまき、火を付けた。京都府警や市消防局によると、鉄筋コンクリート造り3階建て延べ約690平方メートルが全面燃焼し、消防によると、午後9時現在、建物内に取り残された男性12人、女性20人、不明1人の計33人の死亡が確認された。36人がやけどを負うなどして救急搬送された。火を付けたとみられる男も重いやけどを負い、病院で治療を受けている。府警捜査1課と伏見署が殺人と現住建造物等放火の疑いで捜査し、男の回復を待って事情を聴く方針。火災による死傷者数が60人を超え、平成以降で最悪の大惨事となった。 捜査関係者などによると、火を付けたとみられるのは41歳の男。男はガソリンを入れたバケツを持って1階フロアに侵入し、受付近くでい
1989年に「ヤングマガジン増刊 海賊版」(講談社)にて士郎正宗が原作コミックを発表して以来、押井守監督による『GHOST IN THE SHELL/攻殻機動隊』(1995年)をはじめ、アニメーション、ハリウッド実写映画など様々な作品群を展開し、世界中に驚きと刺激を与え続けてきた「攻殻機動隊」シリーズ。 このたび「攻殻機動隊」の新作TVアニメシリーズの制作が発表されました。アニメーション制作はゴールデングローブ賞アニメ映画賞にノミネートされた映画『犬王』やTVアニメ『映像研には手を出すな!』、アヌシー国際アニメーション映画祭 2024 長編コンペティション部門への出品が決定している映画『きみの色』など国内外を問わず高い評価を得る作品をうみだし続けるサイエンスSARUが担当。放送は2026年を予定。発表に際して、特報とティザービジュアルも公開されました。 続報は「攻殻機動隊」公式グローバルサ
概要 フロント開発をするとき、レイアウトやアニメーション、その他CSS等の生成をしてくれるWebツールのまとめです。 使いやすそうなツールがあれば追記していく予定です。 ドキュメント類 何はともあれドキュメントは読む癖をつけて、正しい使い方ができるようになるのが良いでしょうということで mdn (Mozilla Developer Network の略) ウェブ標準ドキュメント 個人ブログやQiita内で「こう使うといい!」って書いてあってもその内容自体が間違っている可能性もあるので、より正確な情報を得るにはmdnを参照する Can I use ブラウザごとにCSSやjsの標準関数等が使用可能かどうか一覧表示してくれる ジェネレーター系 Interactive CSS Grid Generator Gridを使ったレイアウトをGUIで作り、コード生成できる そのレイアウトをもとにCodeP
映画ニュース 2021/3/15 21:18 鈴木敏夫プロデューサー、大塚康生が今朝逝去と明かす…TAAF2021授賞式で哀悼の意捧げる 3月12日~15日まで池袋で開催されてきたTAAFこと東京アニメアワードフェスティバル2021の授賞式が、15日にとしま区民センターで開催。アニメ功労賞やコンペティション部門の各賞が発表されたなか、アニメ功労部門顕彰者である鈴木敏夫プロデューサーや富野由悠季監督ら多くの受賞者が登壇した。鈴木プロデューサーは、本日逝去したという「ルパン三世」シリーズなど、数多くの作品で一緒に仕事をしてきたアニメーターでキャラクターデザイナーの大塚康生への哀悼の意を示した。 アニメ功労部門を受賞した富野由悠季監督 「僕がアニメに携わったのは1978年5月からで、そのころは『アニメージュ』というアニメーション雑誌にいました。気づいたら実際に製作に関わってから、もう40何年も経
「かっこいいウェブサイト」とはどのようなものでしょう? ICS MEDIAを見てくださるみなさんであれば、ダイナミックなアニメーションや3次元的な動きがあるウェブサイトに「おっ」と惹きつけられた経験は一度や二度ではないかと思います。たとえば、スクロールに連動したインタラクティブな動きは冒険するようなワクワクした気持ち、没入感を与えてくれます。 『ポーラ2029年ビジョン』 本記事の前半では、話題になったウェブサイトからかっこいいスクロール演出の事例を取り上げ、それらを分析します。 さらに記事の後半では、「自分でも作ってみたいなぁ、でもどうやって実装しているんだろう?」と悩むみなさんに向け、オリジナルのデモを用いて実装を紹介します。 本記事を読んだ後には、「どうやって実装しているんだろう?」と未知の技術に感じていたスクロールアニメーションも、「こうやっていたのか!」と身近に感じられるようにな
11月のブラックフライデー/サイバーマンデーセールもあり、今年もMac appを中心にいろいろなソフトウェアを導入してみました。中にはきっと使わなくなってしまうものもありそうですが、これは使う使わないだけでなく、実装されているUIの研究をする目的だったり、あるいは単にクリエイターへの「応援」としてでもあったりします。いくつかピックアップしてみます。 Procreate Dreams (iPad)Procreate DreamsはiPadOS向けの2Dアニメーション制作ソフトウェアです。iPadで一番有名なお絵かきソフトウェアの一つ、Procreateを作っている会社が新たにリリースしたアプリケーションです。 私はアニメーション制作をやるようなクリエイターではないのですが、Procreate DreamsはとにかくUIがよくできていて、まずワクワクしてしまったというのもあるのですが、やっぱり
3DアバターのVRMのスクショアプリ「VRM Posing Desktop」を使いVRMで画像(左)を作成後、Stable DiffusionのWebUIでimg2imgを行ってイラスト風の画像(右)を生成したもの。(画像:筆者作成) 画像生成AIの「img2img」が議論を起こしています。 img2imgとは、画像生成AIの機能の1つ「Image-to-Image」の略称。画像を読み込ませて、テキストで指定するプロンプトと合わせて画像生成すると、元となる画像のイメージを踏襲した画像を作ってくれるという機能です。 たとえば3DアバターのVRMデータを読み込ませるだけでアニメ風の絵が生成されます。パラメーターの設定次第ですが、元のキャラクターの特徴もそのまま踏襲させることが可能です。元となる画像を用意することで、同じ顔つきのやポーズの画像が生成を容易にすることができるわけですね。 この原理を
京都市の「京都アニメーション」のスタジオが放火された事件では、テレビアニメ「らき☆すた」などの監督を務めた武本康弘さん(47)も安否がわからなくなっています。76歳の父親は「事件の前に時間が戻ってほしい」と息子への思いを語りました。 兵庫県に住む武本さんの父親が21日、NHKの取材に応じました。武本さんの父親は「ニュースで京都アニメーションが火事だと知って、心配していましたが、最近は出張も多かったので、現場にいなかったらいいなと思っていました。しかし、息子の妻から『いくら携帯電話に連絡してもつながらない』と聞き、絶望的な気持ちになりました」と話していました。 武本さんは新しい映画作品ができるたびに、必ず両親へ招待券を送っていたということです。 父親は「招待券を送ってくれた映画はすべて見に行きました。優しい性格の息子です。私にとってはできすぎた息子です」と話していました。そのうえで「犯人に対
おひさしぶりです。この記事はクソアプリ Advent Calendar 2021の13日目です 突然ですが皆さんは「スクロールに合わせてふわっと出てくるwebページ」ってどう思います? 最近多いですよね、あれ。 確かにオシャレだし楽しいしゲームとか作家さんのギャラリーサイトとかなら全然OK。でも情報が欲しくてアクセスしてるページで「ふわっ」ってされるとちょっとイラッとする。 ちょっと?...イラッと?...いや、 許さない、絶対 よろしい、ならば粉砕だ よそ様のサイトを粉砕する都合上、今回の実装はChrome機能拡張です。機能拡張はViteにChrome機能拡張用のプラグインvite-plugin-chrome-extensionを入れて作りました。今回は解説しないけど、これ超楽。フレームワークは無し、言語はTypeScriptです。 とは言え、クソアプリのためにChromeに機能拡張をイ
ウェブサイト制作において見た目がきちんと実装されているのは大事なことですが、コードのちょっとした違いでユーザーの不便につながることもあります。本記事では見た目だけでなくユーザーの使い勝手にも気をつけたコーディングテクニックについて解説してます。今回はユーザーが特に使い心地を感じやすいインタラクション部分で、シンプルなHTML・CSSだけでより良くできる17個に絞って紹介します。 下記サンプルでNG例とよい例の両方を紹介しています。実際に違いに触れながら本記事を読むと分かりやすいです。 サンプルを別ウインドウで開く コードを確認する 1. divタグをボタンにするのは避けよう 見た目はボタンのようでも、<div>要素で実装したボタンはアクセシビリティの観点からもよくありません。ボタンとしての機能を持つなら<button>要素を用いるのが多くの場面でも有効です。もし、諸事情で<div>要素を用
Webページに動きやアニメーションを加えたい、毎回検索で探している、実装の手順を解説してほしい、そんな時にすぐに役立つコピペで利用でき実装方法もカスタマイズもていねいで分かりやすい解説書を紹介します。 動きやアニメーションのコードはサポートサイトから最新版がダウンロードでき、要素表示、背景の動き、エリアの動き、画像の動き、テキストの動きなど9種類にバリエーションが100個以上あり、「この1冊が丸ごとカバー」の文字通り大全集です。 既視感を覚えた人は、大正解! 「動くWebデザインアイディア帳(紹介記事)」の第2弾で、第1弾は基本的な動きでしたが、第2弾の本書は実践編として「印象に関わる動き」となっています。 Web制作者は、1冊持っておくとかなり便利だと思います。こういった気持ちいいアニメーションはクライアントからの要望も多く、喜ばれます。
人気アニメ『ポケットモンスター』(公式略称:アニポケ テレビ東京系 毎週金曜 後6:55~)第136話が16日、放送された。放送後、新情報が発表され、主人公が交代となる新シリーズが、2023年4月より放送されることが決定した。 アニメ『ポケットモンスター』最終章のビジュアル(C)Nintendo・Creatures・GAME FREAK・TV Tokyo・ShoPro・JR Kikaku (C)Pokemon 写真ページを見る 【写真】その他の写真を見る また、サトシとピカチュウの物語の最終章「ポケットモンスター めざせポケモンマスター」が、2023年1月13日から放送されることも発表された。 新シリーズは、ポケモン世界全体を舞台にした 新たな夢と冒険となり、本日世界初公開された映像では、今作の新たな2人の主人公、少女・リコと少年・ロイの姿も発表。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く