オリジナルアニメ「ニンジャバットマン対ヤクザリーグ」ロゴ DC LOGO, BATMAN and all related characters and elements (c) & TM DC. (c) 2024 Warner Bros. 大きなサイズで見る（全2件） 「ニンジャバットマン」は、“バットマン×ニンジャ”というコンセプトから生まれた日本発のアニメーション作品。戦国時代の日本にタイムスリップしてしまったバットマンが、戦国武将になり代わった悪党たちによる歴史改変を阻止するために活躍する姿が描かれ、国内外で話題を呼んだ。 新作「ニンジャバットマン対ヤクザリーグ」には、アニメーション制作を務める神風動画をはじめ、前作のスタッフが数多く参加。監督に水崎淳平と高木真司、脚本に中島かずき、キャラクターデザインに岡崎能士、音楽に菅野祐悟が名を連ねた。作品の詳細は、7月にアメリカ・ロサンゼルス
SVGのロゴをネオンサインが点灯するようなイメージのアニメーションにできないかと試行錯誤した結果を記事に残しておく。 最終完成バージョン まずは出来上がりを、Codepen で確認してほしい。Start ボタンを押すと、ロゴが点灯する。 ネオンサインが点灯する雰囲気にみえるとうれしい。 （と言っても、今となってはネオン管っぽいLEDチューブが主流なので、本物のネオン管を見たことがない世代が多いかもしれないが...） See the Pen Neon Sign by hiroatsu (@scqspcfg-the-solid) on CodePen. なお、このアニメーションは、地図共有サイト Toboggar のスプラッシュ画面で使用しているものである。 どうやったらネオンサインの点灯のように見えるか 今回の方法がベストだとは思えないし、ベターですらないような気がするが、とりあえず私はこれ
「攻殻機動隊」新作TVアニメシリーズ始動!! アニメーション制作：サイエンスSARU 2026年放送｜特報＆ティザービジュアル公開 | 【公式】攻殻機動隊グローバルサイト
1989年に「ヤングマガジン増刊 海賊版」（講談社）にて士郎正宗が原作コミックを発表して以来、押井守監督による『GHOST IN THE SHELL/攻殻機動隊』（1995年）をはじめ、アニメーション、ハリウッド実写映画など様々な作品群を展開し、世界中に驚きと刺激を与え続けてきた「攻殻機動隊」シリーズ。 このたび「攻殻機動隊」の新作TVアニメシリーズの制作が発表されました。アニメーション制作はゴールデングローブ賞アニメ映画賞にノミネートされた映画『犬王』やTVアニメ『映像研には手を出すな！』、アヌシー国際アニメーション映画祭 2024 長編コンペティション部門への出品が決定している映画『きみの色』など国内外を問わず高い評価を得る作品をうみだし続けるサイエンスSARUが担当。放送は2026年を予定。発表に際して、特報とティザービジュアルも公開されました。 続報は「攻殻機動隊」公式グローバルサ
富野由悠季とはどんなアニメーション監督か。「演出の技」と「戯作者としての姿勢」の二つの切り口から迫る徹底評論！ 書籍化にさきがけて本論の一部を連載します。 今回はシリーズ「富野由悠季概論」の第２回。富野由悠季監督の経歴を時代背景とともに振り返り、アニメーション監督として果たした役割に迫ります。 （バナーデザイン：山田和寛（nipponia）） アニメーションに「作者」はいるか？ 富野がアニメーション監督の認知に大きな役割を果たしたのは、1977年から1984年いっぱいまで続いた「アニメブーム」の時期に当たる。この時期は、劇場版『宇宙戦艦ヤマト』をきっかけに、それまで子供（小学生）向けと思われていた「テレビまんが」「漫画映画」が内容的にも進化し、ティーンエイジャーの熱狂的な支持を得ていることが広く知られるようになった時期である。先述の富野のキャリアに当てはめると、1977年から1988年にか
東宝、アニメスタジオのサイエンスSARUを買収…アニメ制作能力を強化、成長中のアニメ事業の拡大スピードをさらに加速へ | gamebiz
東宝、アニメスタジオのサイエンスSARUを買収…アニメ制作能力を強化、成長中のアニメ事業の拡大スピードをさらに加速へ 東宝<9602>は、この日(5月23日)、アニメスタジオのサイエンスSARUを買収すると発表した。同社代表の崔 恩映氏より全株式を6月19日付で取得して子会社化する。今回の買収を通じて、アニメーションの制作能力を強化する。直近2024年2月期決算で、アニメ事業の営業収入が90％増の462億円と大きく伸びたが、同社グループのアニメ事業の成長スピードを加速させることが狙いだ(関連記事)。 サイエンス SARU は、2013年に設立されたアニメスタジオで、制作能力を強みとして、これまで数々のアニメシリーズ、映画作品を制作してきた。 2017年公開の「夜明け告げるルーのうた」で文化庁メディア芸術祭アニメーション部門大賞を受賞、さらに世界最大規模のアニメ映画祭であるアヌシー国際アニメ
このブックマーク可能なガイドの目的は、最近CSSに追加されたばかりの新機能や使い方を分かりやすくまとめることです。 「CSSって、こんなこともできるの?!」と思ってしまうほど、多くの人が知らない新しいテクニックが中心です。 また、たとえ知っていたとしてもよく理解できておらず、「それって何?」「なんで気にする必要があるの？」「サンプルコードがあると助かるんだけど、」そんな人におすすめしたい記事となっています。 周りがあっと驚くテクニックを習得して、ウェブデザインでできる表現の幅をぐっと広げましょう。 コンテンツ目次これだけは知っておきたい最新モダンCSS（2024年春版）CSSコンテナクエリのインタラクティブガイドCSS sroll()とview()によるスクロール駆動アニメーション実践編CSS :has()のインタラクティブガイドCSS Nestingの具体的な使い方と使用例CSSコンテナ
CSSはどんどん進化している！ マグネットのようにくっつくエフェクトを実装するテクニック -CSS Anchor Positioning
ナビゲーションのアイテムをホバーした時にマグネットのようにくっついてスライドさせるエフェクトをCSSで実装するテクニックを紹介します。 これまでは、JavaScriptがないと実装できないエフェクトでした。レスポンシブにも完全対応、アイテムが二段・三段と複数になっても、水平・垂直になってもエフェクトは追従します。 Anchor Magnet Slide Menu 実際の動作は、デモページでお楽しみください。 右上の矢印アイコンをクリックすると、アイテムの並びが垂直・水平になります。また、右下のアイコンをクリックすると、ダーク・ライトモードになります。 ※CSSのみで動作するのは、Chrome 125+です。それ以外のブラウザはポリフィルが使用されています。 See the Pen Anchor Magnet Slide Menu by coliss (@coliss) on CodePen
目まぐるしく変化するWebデザインの世界は、新しい技術やテクニックが毎日のように登場し、追いかけるだけでも大変。 「Webデザインの最新テクニックを知りたいけど、時間が足りない」という方へ。 この記事では、話題になった人気テクニックを中心に集めているので、効果的にWeb注目ニュースをインプットできます。 しかもスニペットはコピペで利用でき、CSSのみでスタイリングされたものも多数。 HTML/CSSやJSのコードをリアルタイムで編集、確認できるので、今後のデザイン制作に活用してみてはいかがでしょう。 こんなことできるの?!最新HTMLテクニック・スニペット Cards (gradient border) 最近良く見かけるモダンなUIカードエフェクトをまとめたミニライブラリ。CSSでできるボーダーアニメーションと合わせてどうぞ。 See the Pen Cards (gradient bor
「Immersive Math」は、数学のうちベクトルや行列などの計算を研究する分野である「線形代数」についてインタラクティブな図を用意することでわかりやすさを向上させた無料の教科書サイトです。 Immersive Math https://immersivemath.com/ila/index.html サイトのトップページはこんな感じ。「完全にインタラクティブな図を備えた世界で最初の線形代数本」と述べられています。 中央に表示されている三角形の図はインタラクティブで、左上をクリックすることで回転・停止を切り替えられるほか、各頂点をクリックしてドラッグ＆ドロップすることで位置を調整可能。自由に図を編集できるため理解しやすいというわけです。 ページをスクロールすると目次が現れました。まずは「Preface(序文)」をクリック。 「『百聞は一見に如かず』という言葉の通り、たくさんの言葉を重ね
ホーム > 映画ニュース > 2024年5月12日 > 82歳のアニメP・丸山正雄の特集番組が配信中 片渕須直、川尻善昭ら出演、「SHIROBAKO」の映像も 丸山正雄プロデューサー（2018年5月6日、徳島・マチ★アソビにて編集部撮影）NHK WORLD JAPANの海外向け番組「ANIME MANGA EXPLOSION」で、82歳の現役アニメプロデューサー丸山正雄氏の特集番組が放送され、無料でアーカイブ配信されている（https://www3.nhk.or.jp/nhkworld/en/shows/2099011/）。 虫プロダクションでアニメ業界のキャリアをスタートさせ、マッドハウス、MAPPA、スタジオM2の創立者である丸山氏。細田守監督や今敏監督など、多くのクリエイターの作品を手がけてきた丸山氏の足跡や、最新プロデュース作の「PLUTO」、「この世界の片隅に」の制作秘話などが、
富野由悠季とはどんなアニメーション監督か。「演出の技」と「戯作者としての姿勢」の二つの切り口から迫る徹底評論！ 書籍化にさきがけて本論の一部を連載します。 今回からはシリーズ「富野由悠季概論」。富野由悠季監督の経歴を時代背景とともに振り返り、アニメーション監督として果たした役割に迫ります。 （バナーデザイン：山田和寛（nipponia）） 宇宙との出会い 現在、アニメーション監督という存在が広く当たり前の存在として世間に認知されている。しかし、このような認知を得るまでには、それなりの長い時間が必要であった。そしてその中で大きな働きを果たしたひとりが、富野由悠季監督である。 富野の経歴を簡単に振り返ってみよう。 アニメーション監督・富野由悠季は1941年11月5日、三人兄弟の長男として神奈川県小田原市に生まれた。本名は富野喜幸。富野家は代々「喜」の漢字を継いでおり、喜幸の「喜」の字もそこに由
■コロナ禍からの完全回復が見えてきた中国映画市場コロナ禍で苦しめられた中国の映画市場が回復軌道に乗っています。2020年には年間204億万元まで落ち込んだ興行収入は、23年には549億元まで回復。過去最高だった19年642億元の85％の水準です。24年も１/3が過ぎた4月末段階で約200億元、ほぼ平常ペースに戻ったとみてよいでしょう。 これは映画業界全体だけでなく、劇場アニメーションも同じです。2020年から22年は3年間の年平均は12億元と2019年の１/10まで落ちましたが、23年には80億元まで回復しました。 ただ数字が戻りましたが、ヒット作品の内訳はコロナ禍以前とは一変しています。中国産アニメーションが急成長しているのです。 この辺りは、3年前にも「日本・中国・米国 どのアニメが中国の映画館で選ばれているか」の話題でとりあげたのですが、その傾向がさらに加速しており、もう一確認してみ
およそ100年前に作られた国産アニメーションのフィルムが見つかりました。当時、歯ブラシなどを販売する日用品メーカーが虫歯予防などの啓発のために制作したもので、専門家は「この時代は現存するフィルムが少なく、当時の国産アニメを知る貴重な手がかりだ」と話しています。 見つかったのは、1923年ごろに国内で制作された「口腔衛生」というタイトルの映画のフィルムで、古いフィルムやレコードなどを収集している東京のNPO法人が個人から寄贈された中に含まれていたということです。 映像はおよそ8分半で、子どもの歯の健康を保つ方法などがアニメーションと実写で紹介され、このうちアニメの部分では、子どもがナイフとフォークを使って食事をする様子や歯磨きをする様子などが、かわいらしい絵柄で描かれています。
Time-based CSS Animations
In my earlier post Time Uniform For CSS Animation, I took a note about a way to do CSS animations with time ticks instead of keyframes. It was limited applicable because CSS lacked the ability of doing complex Math calculations. After years of wait, CSS now has enough Math functions supported, particularly mod(), round(), and trigonometric functions. It's time to revisit the time-based way of anim
1979年5月にスタジオぴえろとして設立された弊社は、今年45周年を迎えました。 設立以来TV、劇場、オリジナルビデオなど様々な媒体で数多くの作品を制作してまいりましたが、その中でもぴえろの歩みそのものと言えるTVアニメーションの数々を、記念PVとしてご紹介いたします。 これまでの作品を支えていただいたファンの皆様に感謝を込めて。そしてこれから未来に生み出されるであろうまだ見ぬ作品に想いを馳せて。 これからもぴえろは夢を描き続けます。ご期待ください。 2024 marks the 45th anniversary of Pierrot. Since 1979, we have been creating numerous anime shows ranging from television series, OVAs to theatrical features. To celebrat
優れたデザインや見せ方で話題となっている、国内外の最新Webデザインをまとめてご紹介。 10年以上Webデザイン観測を行っている筆者が、「これはやられた！」とワクワクさせられたサイトや、2024年のデザイントレンドを採用している最新デザインを中心にピックアップしています。 「アイデアが枯渇してて、、」そんなときのインスピレーションのお供にいかがでしょう。 アイデアを刺激する、みんなの最新Webデザインまとめ Collecting Stamps on Yoshida Trail, Mt. Fuji 山梨県側の富士山の北側から山頂を目指す「吉田ルート」からの登頂の記録を、インタラクティブに残したアートプロジェクト。 サントリーニ ホテル＆ヴィラズ 宮古島 沖縄の宮古島にあるホテルの公式サイトで、訪れてみたくなる美しい風景画像をふんだんに利用しています。コンテンツの切り替えにユニークなシェイプを
OBSのブラウザソースで動くものを作るあなたへ
MacOSのみ一部バージョンが異なるのは26.1.1リリースのタイミングでブラウザソースがクラッシュする問題が発生し、hotfixとして26.1.2リリースのタイミングでMac版のみアップデートがなされたためです。 このようにバージョンアップのタイミングはまちまちで、XSplitに関しては最近までChrome 68系、OBSについても最新版の30.xでもChrome 103系と執筆現在(2024/04/22)での最新バージョンであるChrome 124から21バージョン遅れをとっている状況です。 これらのアップデートが進まないことの背景には、OBSがCEF経由でページの表示をテクスチャとして使用するためにテクスチャ共有を利用しながら、ゲームなどの他のソフトウェアやキャプチャを使用するためにもテクスチャ共有を利用していることと、CEFがOffscreen Rendering(OSR)時にハー
グラフィック系の開発者であるニキータ・リシッツァ氏が、「自身のプロダクトのあらゆる場所で使用している」と述べるお気に入りのテクニックである「指数平滑法」について解説を投稿しました。 My favourite animation trick: exponential smoothing | lisyarus blog https://lisyarus.github.io/blog/programming/2023/02/21/exponential-smoothing.html リシッツァ氏は下図のようなトグルボタンを例に解説を行っています。クリックすると「オン」「オフ」が切り替わります。まだアニメーションを何も設置しておらず、トグルボタンは左端と右端を瞬間移動しています。 機能的にはアニメーションが設定されていなくとも問題はないのですが、アニメーションを設定することでユーザーは何が起こって
次の実装例のように、テキストを1文字ずつspan要素で区切ってアニメーションする際の注意点と実装例について纏めたメモ書きです。 実装例テキストアニメーションの実装例（英文）
スクロールに連動して要素が画面内に入った際にアニメーションを行う実装のメモです。 スクロール連動アニメーションのコードと実装例スクロール連動アニメーションの実装例 JavaScriptの実装はGitHub Gistに纏めています。コードにはTypeScriptを使用していますので、TypeScriptを利用していないWeb制作現場で使用する場合はChatGPTなどに依頼してJSファイルに変換してください。
スタジオジブリ制作、氷室冴子原作による1993年の長編アニメーション「海がきこえる」のティーチインが4月19日に東京のBunkamuraル・シネマ 渋谷宮下で行われ、監督の望月智充、プロデューサーを務めた高橋望が登壇。本作のティーチインが行われるのは今回が初めてで、テレビスペシャルでの初放映から31年越しに、制作の舞台裏を語り合った。
機動戦士ガンダム、伝説巨神イデオン、Gのレコンギスタ……。数々の作品を手がけて熱狂的ファンを生み出してやまない富野由悠季とはどんなアニメーション監督か。「演出の技」と「戯作者としての姿勢」の二つの切り口から迫る徹底評論！ 書籍化にさきがけて、本論の一部を連載します。 （バナーデザイン：山田和寛（nipponia）） アニメーション監督として語るための2つの切り口 アニメーション監督・富野由悠季について考えたい。ここで重要なのは、この言葉で比重がかかっているのは「アニメーション監督」のほうで、決して「富野由悠季」個人のほうではない、ということだ。富野由悠季という「アニメーション監督」は、その存在感の大きさに比して、十分に語られないうちに長い時間が経ってしまった。 富野は、ＴＶや新聞雑誌などマスメディアに登場することが多いアニメーション監督だ。人気者といってもいいだろう。書籍に関しても、批評
【イベントレポート】「クラユカバ」神田伯山は降板も考えていた？黒沢ともよ＆芹澤優は独特のしゃべりに苦戦（写真18枚 / 動画あり）
中性的なサキを演じた芹澤は最初どのように演じたらいいのか悩んだのだとか。作品を観終えた後は「ヒロインしてたな」と感じたそうで、「細かいところで出てくるサキの表情が女の子らしくて」とうれしそうに語る。そして「この世界の中で自分の演じた役が生きててキュンとした」と目を輝かせた。塚原監督とは17年の付き合いがあり、塚原監督に伯山を紹介した人物でもある活動弁士の坂本は「クラユカバ」「クラメルカガリ」両作に出演し複数の役を演じているのだと明かす。多数の役を任されたことに「（活動弁士）冥利に尽きますよ。人件費対策かもしれませんけど」と述べると観客からは笑いが起こった。続けて塚原監督の苦労に思いを馳せ劇場公開を改めて喜びつつ、伯山の演技を「よかったでしょ？」と観客に尋ねると大きな拍手が送られた。
スクロールフェードがユーザブルというよりも気が散るものになるかどうかは、その持続性、応答性、ページ上の要素への控えめな適用といった要素に左右される。このデザインパターンを正しく用いれば、ブランド認知を向上させ、ページの読み込みを最適化し、コンテンツをより理解しやすくすることができる。 Scroll Fading 101 by Sara Ramaswamy on December 8, 2023 日本語版2024年4月11日公開 はじめに スクロールフェードは新しいデザインパターンだ。これは、スクロールによってトリガーされるアニメーションを指し、ユーザーがページ上の特定の地点までスクロールすると、新しい要素やコンテンツがフェードインしたり、フェードアウトするというものである。 動き（つまり、アニメーション）というものは前注意的に処理される。すなわち、ユーザーの目は自動的にアニメーションに引き
2024年3月15日～20日に開催された第2回新潟国際アニメーション映画祭。映画祭2日目となる3月16日、『機動戦士ガンダム 逆襲のシャア（以下、逆襲のシャア）』がイベント上映されることを記念し、監督の富野由悠季氏とモビルスーツデザインを手がけた出渕裕氏によるトークショーが開催された。本記事では、その内容を前後編にして掲載。前編では、アニメにおける長編、短編とはどういうものかを入口にトークが行われた。 富野 まず（アニメ業界）60周年というのが、イヤなの。もうひとつイヤなのは、ここで『逆襲のシャア』を上映するというんだけど、あの作品、何年前のものか知ってる？ 36年前。高畑（勲）さんの作品の上映もあるので、それよりは新しいかもしれないという言い方はできます。僕にとって高畑監督は師匠ですから。師匠と一緒に上映されるのはいいのだけれど、照れるなあと。 出渕 富野さんとこうした公式のトークをやる
映画制作やブランド／IPのプロデュースを行う企業・ CHOCOLATEが、オリジナル劇場アニメーション作品『KILLTUBE（キルチューブ）』の制作を発表。プロジェクトのパイロット映像を公開した。 同社が長編アニメーションを手掛けるのはこれが初めて。プロジェクト内では、制作、届け方、稼ぎ方の新たな手法を発明するべく「108の実験」が行われる。 10億円の製作費をもとに、2026年の作品公開を目指してプロジェクトが進行中。現在、制作実験パートナーを募集している。 ARuFaやしまぐち ニケも参加する『KILLTUBE』『KILLTUBE』は、とある理由で2026年まで江戸時代が続いている日本を描く作品。 厳しい身分制度が敷かれている社会で、最下層の3人組が、身分を変えることができる「決闘配信」に挑み、大衆の嘲笑をはねのけていくバトルエンターテインメントとなる。
CSSでボーダーをアニメーションさせるのは意外と難しいもの。幅や色のような単純な動きは別として、より複雑なアニメーションは他の選択肢を必要なケースがしばしば。 この記事ではCSSのborderプロパティを使わずにできる、”フェイク”ボーダーやアウトライン、さらにはSVGを使ったアニメーションの例を5つご紹介します。 最新Webデザインでもよく見かけるテクニックです、ぜひ活用してみましょう。 これらの例のHTMLはすべて、外側の.card divと内側の.inner divから構成されています。詳しくはデモを参照してください。 コンテンツ目次フェイクボーダーアウトラインの使用SVGによるアニメーション・ボーダーさいごに フェイクボーダー まずは、単にパディングやマージンを使ってボーダーを表現する3つの例から見ていきます。 この記事のすべての例では、以下のCSSを使用しています。 .card
「Lottieロッティー」はベクター画像のアニメーションを実現できる技術・ファイルフォーマットです。 Lottieアニメーションの作り方編の記事（Figma編、After Effects編）では、Lottieの概要から作り方、ファイルの書き出し方までを紹介しました。本記事では、Lottieアニメーションの実装方法について紹介します。 Lottieの組み込みはプラットフォームに応じたさまざまな実装方法が用意されていますが、一般的なウェブの方法を例に紹介します。実装編の前編となる本記事では、手軽に組み込むことができるLottie-Playerを使用して実装します。 iOS、Androidアプリケーション等のそのほかの実装方法は公式ドキュメントを参照ください。 アニメーションの実装 ウェブ向けの実装方法は大きく2パターンあります。HTMLメインの方法と、JavaScriptメインで実装する方法で
新潟国際アニメーション映画祭のミーティングで、コンペティション部門の出品者（右）と車座になって意見を交わすアジアの若者たち＝新潟市で2024年3月19日午後6時55分、勝田友巳撮影 第2回新潟国際アニメーション映画祭（以下、新潟アニメ映画祭）が3月15～20日、新潟市内で開かれた。アニメは今や、世界に誇る日本の文化だが、同映画祭の背景には日本アニメを取り巻く環境への危機感がある。新潟から世界を結び、日本アニメの枠を広げようという挑戦を現地で取材した。 日本の映画興行はアニメに支えられている。2023年の邦画興行収入上位10作のうち6作をアニメが占めた。ただ、主力はシリーズものやテレビアニメの劇場版で、6作中、オリジナル作品は「君たちはどう生きるか」だけ。こうした傾向は近年ますます顕著になってきた。国内外のインディペンデント映画を手がけてきたプロデューサーの堀越謙三さんと、アニメーションに力
木上益治さんの絵本をアニメ化した制作スタジオ、エクラアニマルの作画監督・本多敏行さんにさまざまなエピソードをお聞きした 〈後編はこちら〉 幻の絵本が30数年の時を経てアニメ化 2019年に起きた京都アニメーション放火事件で惜しくも帰らぬ人となったアニメーターの木上益治さん。1979年にシンエイ動画で活動をスタートし、その後あにまる屋に所属しながら『ドラえもん』の映画シリーズをはじめ、『AKIRA』『火垂るの墓』といった名作アニメに参加。 1990年代以降は京都アニメーションの諸作品で腕を振るい、2000年代からの快進撃を支える。同社の取締役になった後も第一線で活躍するかたわら、若手の育成にも努めた。 そんな木上さんが唯一描いた絵本『小さなジャムとゴブリンのオップ』が数十年の時を経てアニメ化する。制作はかつての仲間、本多敏行さんが所属するアニメスタジオ・エクラアニマル。 今回は本多さんにアニ
ビビデバ / 星街すいせい(official)
Vocal：星街すいせい Lyrics,Music,Arranged ：ツミキ Mixed by：NNZN ⇩ 楽曲購入はこちら ⇩ https://cover.lnk.to/BIBBIDIBA ⇩ 『ビビデバ』モーションデータ配付 ⇩ https://www.dropbox.com/scl/fo/q1usrfs08nub5iga0iff4/h?rlkey=kteq5g40h9mxymk3w7a4f1p13&dl=0 パスワード：suisei 【 MUSIC VIDEO 】 Director： 擬態するメタ Character Designer・Animation Director： しまぐち ニケ Editor・Composite Director： Bivi Production Manager： 箆尾 やもり Animation Producer： 葱びーだま
仕事が早い人は使っている最新Web便利ツール34選
「Webサイト制作がもっと楽になる方法ってないの？」 「Web制作の最新ツールを試してみたい」 そんな方へオススしたい、Webデザイン制作に役立つツールや素材をまとめてご紹介します。 「これ、もっと早く知りたかった」と思うような便利ツールを中心にセレクトしています。 2024年のデザイントレンドにもぴったりな新Webテクニックを、次のプロジェクトに活用してみてはいかがでしょう。 一緒に最新デザイン素材やツールも目を通しておくと良いでしょう、特に今回は豊作でした。 コピペ系CSSツール 60 CSS 3D Buttons Free Collection CSSとHTMLのみで作られた3Dボタンと、本物そっくりな見た目の「スキューモーフィック」ボタンのコレクション。クリックするとコピーできます。 275 CSS Gradients Collection 美しいCSSグラデーション250カラーが
【はじめに】この記事はBaaaaと何の関係もないただの学生（25卒）が執筆しています。 【Baaaaとは】カメラで現実世界を写すことで絵文字が生成され、それをコレクションしたり、レコードに載せて音楽を奏でられるアプリ。他の人のレコードを回したりスクラッチしたりとSNS的な側面も持つ。 日本企業のwedが制作しており、同社はONEというレシート買取サービスも開発している。 【感動した5ポイント】1.UIのサイズが激しく変化する下部にあるフッターナビゲーションの大きくサイズが変化するボタンを見て欲しい。選択されている場所を色、サイズ、テキストで強調できており、分かりやすい。また、指からはみ出すアニメーションはダイナミックでワクワクする。 フッターナビゲーションそして、一体感がすごい。フッターナビゲーションを左右にスワイプすることによって、指、ボタン、中央画面が全て同じ方向に動く。まるで指で引っ
アメリカ映画界で最高の栄誉とされるアカデミー賞の各賞が10日、ロサンゼルスで発表され、長編アニメーション賞に、宮崎駿監督の「君たちはどう生きるか」が選ばれました。 日本の作品が長編アニメーション賞を受賞したのは、2003年に同じく宮崎監督の「千と千尋の神隠し」が受賞して以来で、宮崎監督がこの賞を受賞するのは2度目です。 「君たちはどう生きるか」は宮崎監督が引退宣言を撤回し、原作と脚本も担当しておよそ7年の製作期間をかけて作り上げた作品で、太平洋戦争中に母親を失った少年が不思議な世界に迷い込む宮崎監督のオリジナルストーリーです。 これまでにアメリカでアカデミー賞の前哨戦とされるゴールデングローブ賞を受賞したほか、英国アカデミー賞でも日本の作品として初めてアニメ映画賞を受賞していて、国際的に高い評価を受けています。 宮崎駿監督の「君たちはどう生きるか」がアカデミー賞の長編アニメーション賞を受賞
VTuberやソーシャルゲーム、MVなどでも活用され、いまや見ない日はないと言っても過言ではないほど広まった表現技術・Live2D。 2Dのイラストをシームレスに動かし、魅力的なアニメーションを生み出す技術を活かし、オリジナル作品のクオリティを競う「Live2D Creative Awards 2023」が開催された。 個性豊かな作品が揃う中でグランプリを受賞したのは、まほうしょうじょ*★（以下、まほうしょうじょ）さんとsokat（ソカ）さんによる映像作品『海と休日』。 グランプリ受賞作品『海と休日』 実写映像とLive2Dアニメーションを融合し、独特の雰囲気と実在感を両立。審査員からも「Live2Dの境界を越え、限界を超える作品」との大絶賛を受けた。 そんなLive2Dの歴史を更新するような作品を生み出した2人は、本職はエンジニアとモーションデザイナーのコンビ。学生時代からゲーム仲間とし
Home » 今、タイでのVTuberブームが大変なことになっている “文化のるつぼ”から生まれる新たな才能を追う バーチャルYouTuberという言葉が始まってから7年以上が経ち、VTuber文化は日本国内の若者から高齢者まで幅広く浸透してきています。このVTuber文化は海外でも少しずつ広がってきていて、各国のユニークな個性を映しだしはじめています。 中国語圏では日本と似た雰囲気のVTuber文化が根付いていて、英語圏ではVShojoを始めとした個人の個性を尊重する文化ができつつあります。ラテンアメリカではよりインディーVTuber（個人VTuber）の存在感がより際立っていて、韓国語圏ではKカルチャーの濃い音楽グループが国内外で人気を集めています。 これらのVTuber文化は言語の壁で、日常的にはなかなか目にする機会が少ないかもしれません。特に知られていない盛り上がりを見せているのが
金田伊功から『呪術廻戦』まで、上妻晋作が語るアクション作画の40年 - ロングインタビュー - fullfrontal.moe
上妻晋作は日本で最も偉大なアクションアニメーターの一人です。 1970 年代後半にアニメ業界に参入して以来、上妻氏はアニメの歴史の中で最も重要な作品を参加して続けてきました。その中で、『銀河鉄道 999』では動画で、『うる星やつら』と『幽☆遊☆白書』では原画を務め、 近年は『呪術廻戦』などスタジオMAPPAの作品で原画としても活躍。40年以上にわたり、上妻氏は風変わりとする独特のスタイルを発展させてきました。 その上、伝説のアニメーター金田伊功の友人として、上妻氏には逸話が数多くある。 『ファイナルファンタジー』劇場版、および複数のファイナルファンタジーゲームの絵コンテを担当で、上妻氏はゲーム業界とアニメ業界の接触や 3DCGの初期の実験を目撃するという特権的な立場にありました。2023年8月に私たちが会ったときに話し合ったのは、これらすべてとそれ以上のことです。 聞き手: ワツキ・マテオ
Webサイトにアニメーションは必要あるのか。ないのか。どっちなのか。｜Takumi HASEGAWA (unshift Inc.)
まえがきアニメーションを多く取り入れたWebサイトが好きかどうかのアンケートを取ると、ネガティブな票が多く占めることがよくありますが、それに関して思うところがあったので「Webサイトにアニメーションは必要あるのか」というテーマで自分の思っていることを言語化してみました。 X (Twitter)で「動くWebサイト 嫌い」で検索 Xでちらっと検索しただけでも動くサイトが嫌い、という方は結構いそうですね。もし「アニメーションはすべて悪」と思っている人がいたらぜひ読んでいただきたいです。 この議論はアプリなどにも言えることですが、私の主なお仕事はWebサイトのフロントエンド実装なので、Webサイトについて書かせていただきます。 また、保険をかけているわけではないですが、私はUI (ユーザーインターフェース) の研究をしている専門家でもないんでもないので、この記事の内容に学術的なものは一切ありませ
ゲーム開発に使える画像最適化ツール「OPTPiX ImageStudio 8」アプデでgifなどアニメ形式画像に対応。色を鮮やかにしたり“描き直したかのように”拡大したりできる - AUTOMATON
ＣＲＩ・ミドルウェアは2月13日、画像最適化ツール「OPTPiX ImageStudio 8」Windows版に向けてVer.8.10を公開した。本バージョンでは、アニメーション形式の高解像度化に対応しているという。なおVer.8.10はmacOS版に向けては3月のリリースとなる予定。 【UPDATE 2024/02/14 14:39】 Ver.8.10の公開日について修正 「OPTPiX ImageStudio 8」は画像最適化ツールだ。本シリーズは1997年に発表された「OPTPiX」に端を発し、25年以上にわたってゲーム開発業界を中心として採用されてきている。その最新製品となるのが本製品だ。画像の品質を保ちながらファイルサイズを軽量化できる点が特徴。それだけでなく、解像度の低い画像を高解像度にリマスターする「リマスター超解像」が実装されている。この技術によって、人が描き直したような拡
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アニメ「ニンジャバットマン対ヤクザリーグ」制作決定！山寺宏一がバットマン役で続投
CSS アニメーションでネオンサインの点灯の雰囲気を出してみる - Qiita
〈2〉「アニメーション監督」の誕生｜富野由悠季論｜藤津 亮太｜webちくま
これだけは知っておきたい最新モダンCSSの書き方（2024年夏版）
こんなことできるの?!最新HTMLテクニック・スニペット30選 2024年5月版
わかりにくい線形代数を操作可能な図で表現することで簡単に理解できる無料の教科書「Immersive Math」
82歳のアニメP・丸山正雄の特集番組が配信中 片渕須直、川尻善昭ら出演、「SHIROBAKO」の映像も : 映画ニュース - 映画.com
〈1〉富野少年はいかにしてアニメーション監督になったか｜富野由悠季論｜藤津 亮太｜webちくま
中国映画市場で勝てなくなったハリウッドアニメーション、その理由｜数土 直志(すど・ただし)
約100年前に制作 国産アニメーションのフィルム見つかる | NHK
ぴえろ45周年記念PV | Pierrot 45th Anniversary Movie
アイデアを刺激する、みんなの最新Webデザイン36選【2024年4月版】
アニメーションをスムーズに見せるためのテクニック「指数平滑法」とはどんなものなのか？
テキストを1文字ずつアニメーションさせる時の注意点と実装例 ｜ TAKLOG
スクロール連動アニメーションの実装例 – TAKLOG
ジブリ×氷室冴子「海がきこえる」制作から31年越しの初ティーチイン、監督＆Pが登壇
序 「アニメーション監督」としての富野由悠季を語りたい｜富野由悠季論｜藤津 亮太｜webちくま
アクションゲーム「ゴールデンアックス」がアニメーション製作決定！
スクロールフェードの基礎
第2回新潟国際アニメーション映画祭「機動戦⼠ガンダム 逆襲のシャア」上映記念 富野由悠季×出渕裕 特別対談（前編） | Febri
劇場アニメーション作品『KILLTUBE』発表 ARuFaら異色クリエイター陣が制作に参加
コピペで楽々、CSSでできるボーダーアニメーション５選
最新版！ Lottieアニメーションの実装方法 - Lottie-Player編 - ICS MEDIA
映画興行支える日本アニメの課題とは “危機感”で発案の映画祭 | 毎日新聞
アニメーター木上益治さんの遺作絵本が35年の時を経てアニメになるまで (1/4)
おもちゃ箱のようなアプリBaaaaのUI/UXが凄すぎた件｜Yusui Hoshino
「君たちはどう生きるか」アカデミー賞長編アニメーション賞に | NHK
Live2D×実写で表現した“そこに居る”存在感「Live2D Awards」グランプリインタビュー
今、タイでのVTuberブームが大変なことになっている "文化のるつぼ”から生まれる新たな才能を追う