1984年生まれ。2008年にJAXAに入社し、約9年半勤務した後、2017年にカラーへ入社。有限会社ゼクシズに出向し、『あさがおと加瀬さん。』に制作進行として携わった後、カラーに復帰。『シン・エヴァンゲリオン劇場版』の制作進行を担当。2023年7月にプロジェクトとしての『シン・エヴァ』映画制作を振り返る公式報告書籍『プロジェクト・シン・エヴァンゲリオン』を上梓。2023年11月下旬に株式会社カラーを退社、以降フリーランスとなる。 SNSアカウント：＠Narita_Kazumasa 書籍公式サイト: https://www.khara.co.jp/project-eva/ 電子版詳細：https://www.khara.co.jp/2023/07/10/2023071018/ ニコニコ動画開発者がシステムを再設計　まずビジョンから アニメ制作のデジタル化は1990年代ごろから急速に進んでお

2022.10.13 働き方 データベースインフラDXCTO 「エンジニアやテクノロジーが主役」という会社が増えつつある一方で、エンジニアリングは脇役で、IT活用やDXの浸透はまだまだという業界も多い。 アニメ『ヱヴァンゲリヲン新劇場版』シリーズの制作を手掛ける株式会社カラーの鈴木慎之介さんもそんな環境で、課題解決に向き合っているエンジニアの一人だ。 鈴木さんは高校在学中の2000年からドワンゴへ入社し、約22年ドワンゴの技術畑や新規事業の担当として活躍。動画共有サイト『ニコニコ動画』を開発したことで知られるエンジニアだ。 約15年前のtype記事にもご登場いただき、『ニコニコ動画』開発ストーリーを伺った。ニコ動のユーザーID:1の持ち主でもある カラーに入社してからは、アナログとデジタルによるアニメ制作の両立を検討している同社の現場でDX推進に取り組んできた。 その仕事がカラーの作品に与

アニメ業界のエンジニアリング改革に向き合って 『シン・エヴァ』の制作を支えた「スタジオカラー」のシステムづくり 2022年5月11日 株式会社カラー 執行役員 技術管理統括／株式会社プロジェクトスタジオQ 取締役副社長 技術管理統括 鈴木慎之介 1981年東京生まれ。高校在学中にドワンゴにエンジニアとして入社。音楽配信サイト等の立ち上げを経て、2006年動画共有サイト「ニコニコ動画」の立ち上げに参画。その後、開発部長、子会社社長等を歴任。2017年、麻生塾・カラー・ドワンゴの３社による映像制作スタジオ「プロジェクトスタジオQ」を立ち上げ、2019年、カラー執行役員技術管理統括に着任し、カラー全体のシステム及び、『シン・エヴァンゲリオン劇場版』を始めとした作品を支えるシステムを担当。 社会の変化に立ち向かう人たちに向け、「テクノロジーで、挑戦を恐れない勇気を。そして変化のリスクをチャンスに。

2021年3月8日から公開された『シン・エヴァンゲリオン劇場版』（以下、シン・エヴァ）。本作は新型コロナウイルス感染症拡大による緊急事態宣言のもと、その終盤においてはリモート環境で制作が行われた。しかし、公開の迫るアニメ映画をリモートで完成させるのは並大抵のことではない。 講演「スタジオカラーのこれからのシステムづくり（仮）」の内容をお届けする。タイトルの（仮）は、登壇者のカラー・鈴木慎之介氏が立ち上げに携わった「ニコニコ動画」のβ版以前の初期名称に由来している 制作環境を構築するため、制作会社であるカラーは、大規模なシステムの強化やインフラの整備を実施。この制作環境構築プロジェクトで主導的な役割を果たしたのが、カラー 執行役員 技術管理統括の鈴木慎之介氏だ。 3月13日、アニメ制作におけるデジタル作画、関連技術をテーマとしたフォーラム「アニメーション・クリエイティブ・テクノロジー・フォー

カラー、ドワンゴ、麻生専門学校グループの3社は、九州の人材を集めアニメ・CG業界で活躍する人材を育成するために、平成28年12月にアニメ・CG業界における若手育成プロジェクト「ANIME CG NINE Project」を発足する。 ■プロジェクトの背景 一般社団法人日本動画協会「アニメ産業レポート2016」によると、2009年から2015年までアニメ産業市場は右肩上がりの状況で、2015年のTVアニメ制作本数は過去最高の314本など第四次アニメブームの到来と言われている。またフルCGの映画作品、スマートフォン向けゲームの増加などCG活用の場も年々広がっている。アニメ制作会社数も2011年の全国419社から2016年には全国622社と、約1.5倍増加。そのうちの87.1％が東京に集中しており東京では慢性的な人手不足という状況のため、まだ需要の少ない九州の地が今回のプロジェクトの場として選ば

初めまして！ 2016年度新卒デザイナーの「角を曲がったところの人」です。 現在はニコニコ総合トップにあるバナーなどを作りながら、先輩デザイナーの背中を毎日追っかけております！ まだまだ経験の浅い私ですが、学生時代のインターンシップで勉強してきた技術や知識が今も役立っていると感じており、今回はこれから就活が待っている学生の方へ、デザイナーインターンシップにいくことのメリットをお伝えします。 自分がインターンシップをやろうと思った理由 インターンシップをやろうと思った理由はプロのデザイナーとしてできるだけ早く自分の作品を世の中に出したいと考えていたからです。 そのために何が必要かを学校の先生に相談したところ、「インターンシップがいいのでは？」と助言をいただいたことがきっかけでした。 インターンシップをする上で実際にやったこと インターンシップをする上で重要なことは学びたいことを明確にすること

ハローエブリワン、ジェイだよ。 夏も本領発揮し、肌に刺さる暑さもかなりのものになってきた。 夏のエンジョイにはちょうど良くなっていたが、水分補給はまめにしようぜ。 さて、8月5日からリオオリンピックが始まり、日本も早速金メダルを獲得しているようだ。ほんとに素晴らしい。 オリンピックみたいな競技をみているといつも思うのが「この人どれだけ努力してきたんだろう」ということ。舞台は違えど、俺も同じプロとしてこの人たちに誇れるものがあるのだろうかということをいつも考えてしまう。 オリンピック選手のようなトップアスリートとなると「努力するのが当たり前」でその先の努力と才能によって、未来を切り開いている。実は俺もアスリートして生きようと思っていた時期があったが、才能と努力の狭間でとても苦悩した時代があった。寝る時間と食べる時間以外はすべて鍛える時間に費やしてきたつもりだったが、プロの世界ではそれが当たり

こんにちは。「夏といえばうどんと海」という事で、香川にうどんを打ちにいった後に、それを海に投げ入れ麺つゆを海水に流し込んで食べたい新卒デザイナーのオカザキです。 今は快適な社内でその体力を計画的に蓄えながら日々いろんな... 背景動画の参考サイト まずは実践に入る前に背景動画が実際に使われているサイトを紹介したい。 どれも背景動画を利用することでサービスイメージや、ブランドイメージ、店舗・企業イメージをダイレクトに伝えることができている。 LEGEND WORLD WIDE ファッションブランドのサイト。時期によって動画を変更しており、シーズンごとのテーマがそれぞれ伝わってくる。 http://www.legendww.com/#/sr the Q カメラのPRサイト。ファッショナブルで様々なシーンで楽しく利用できることが伝わる。特に水中や夜間でもオールラウンドに気軽に思い出が残せる手軽さ

こんにちは、igguです。 今回からWebデザインのヒートマップを利用したアクセス解析や効果測定のお話をします。 折角、チームメンバーとデザイナーで考え抜いて決めたレイアウトやテキスト、ボタンの見た目など「これでよい！綺麗にできてる！」とリリースしたのに、その改修自体が誰かの思い込みだった…なんてことありませんか。 もちろん様々な解析ツールを利用して検証した結果のもと改修しているとは思いますが、ヒートマップを取り入れることでその改修内容に自信が持てたり、より確証がもてることで制作メンバーの意思統一ができたりします。 今回はヒートマップを導入することで得られたメリットをお伝えし、次回からはABテストを計画する方法や実例を紹介していきたいと思います。 現場でよく起こる議論 実際にメリットをお伝えする前に、よく現場でおきている議論を紹介します。 Webページの変更や改善の際に、企画者とデザイナー

ハローエブリワン、ジェイだ。 9月に入り夏の終わりも近づいてきた。今年のサマーメモリーにエブリワンはどんな思い出を詰め込んだんだろうか。みんなの一欠片をちょっと覗いてみたいもんだよ。 さて、学校では夏休みも終え新しいシーズンに入っている。仕事でも新しい環境に身をおいているピープルもいるんじゃないだろうか。始まりがあれば終わりがあり、新しい始まりがくる。終わりのない物語なんて読みたくないように、終わりがあることでそのストーリーは完結するんだ。 今週は少年ジャンプで連載している「こちら葛飾区亀有公園前派出所」が終了するニュースがあった。連載が40年も続いており、ファンが大勢いる人気漫画だよな。俺も読んだことがあるが、話の中で流行を取り入れ常に読者を魅了している。このドワンゴクリエイターズブログの増刊号もできるだけデザイナーが読むことで少しでも役立ってもらえるようにと願いながら書いているが、まだ

最近GIFアニ制作にハマっているトムです。 前回は画像素材を使ったGIFアニメーションのつくり方を紹介しました。その後、GIFについて色々調べているとある言葉に出会いました。 その言葉は「シネマグラフ」 「シネマグラフ…」ちょっとこの言葉かっこよくないですか！？うん、かっこいい！ その名の通りただの静止画に一部動きを入れるだけでとてもかっこよく演出できるんです。 今回は画像をより魅力的にできる「動画素材を使ったつくり方」を紹介します。 では早速つくってみましょう！ 動画素材を使ったつくり方 まず初めに動画素材を用意してください。 その動画を元にシネマグラフを作成していきます。 動画を読み込む Photoshopで【ファイル】⇒【読み込み】⇒【ビデオフレームからレイヤー】を選択し動画を読み込みます。 【選択した範囲のみ】を選択し、サムネイル下にあるつまみを調整して動画の繰り返し使いたい部分を

ハローエブリワン、(あ、間違った)こんにちは！ 2回目の投稿となりましたデザイナーのiriaです。 最近業務でバナーを作成する機会が多くなり画像を加工する頻度も比例して増えているので、今回はPhotoshopなどで画像加工をする時に大変便利な描画モード(ブレンドモード)の仕組みについて書かせて頂こうと思います。 紹介する描画モード 仕組みの説明には計算式を用いておりますが、いずれも複雑な式ではないので数式に抵抗のある方や、そもそも画像加工ツールを利用する頻度が少ない方でも、ざっくりと概要を把握していただけるのではないかと思います。 はじめに・知っておいてほしいポイント 環境はPhotoshop、RGB値の範囲を0～255(8bit)前提で説明させていただきます。解説させて頂くにあたり、前提知識として以下のポイントを抑えておいて下さい。 1pxの中には「R(赤): 0～255・G(緑): 0

こんにちは、デザイナーのサリーです。 ここ数年で、部屋貸し、カーシェアリング、ハンドメイドなどなど、色々なCtoCサービスがリリースされ、個人が趣味・特技や所有物で収入を得ることのハードルがぐっと下がったように感じます。色々なジャンルのサービスが出揃った感がありますが、もしかしたらまた新たなアイデアのサービスが登場して、思ってもみなかったものがCtoCで売れるようになるかもしれませんね。 私も過去にCtoCのwebサービスのデザインを担当したことがあり、今回はそのときに学んだ５つのことをまとめてみました。 商品登録の手軽さを意識する 多くのCtoCサービスの場合、まずはホスト（売り手）を集め、商品を充実させるところからスタートになると思います。しかし、ホストに自分の商品の説明をさせることは、こちらが思っていたよりもハードルが高かったのです。自由に文章を書かせようとするとそこで手が止まり、公

こんにちは、wamです。 前回の記事で、Adobe XDを実際に触ってみた使用感をご紹介しましたが、ここ半年で着々と進化し続けています。しかも無料のまま！ 頑張ってるXDさん。 今回は、そんなXDさんの進化した便利機能をご紹介したいと思います。 iOS・Androidアプリでリアルタイムプレビューが可能に 今まで実機ですぐに確認できる方法がなかったのですが、 2016/9/27の更新で、iPhone・iPad・Android（タブレットは準備中）でAdobe XDアプリがリリースされています。 App Store（iOS） ※iOS9以上 Google Playストア（Android) まずはAppStoreからAbobe XDをインストールします。 起動するとスプラッシュが表示され、初回のみスタート画面が表示されます。 開始するボタンを押すと、USBケーブルでデバイスとデスクトップを繋い

※今回のデザインの話は主にプロモ−ション系サイト、バナーに関する事例が多めです。 UIの話には当てはまらない場合がありますのでご注意下さい 腹筋です。 最近、「腕の筋肉もすごいんですが何の仕事をされているのですか」と質問されました。ご期待に添えず残念ですが、只の肩こりの酷いWebデザイナーです(^q^) さてさて、タイトルに「ブラッシュアップ」とありますが、イメージカンプを出して、概ねOKをもらった制作物をさらにブラッシュアップするって難しいですよね。 デザインで言うと、「適切な余白を設けているか」「ルール（フォントや余白など）が統一されているか」「アイコンの世界観を統一」等など。もちろん、OKラインを大きく超えないように細かなところを調節していきます。 しかし、そもそも何が足りないのか。 ほぼOKがでた。アタリの部分を作り込む。写真を差し替える。 で、デザインのブラッシュアップって？ あ

こんにちは。トムです。 いつも週末に公開している増刊号のアイキャッチ画像を作っているのですが、ある日突然、編集長から「今日からアイキャッチにも動きをいれよう」と言われました。 僕には動かす技術など全くありません。 そもそもどうやって動かすかもよくわかりません。 とりあえず調べてみる。 「あーGIFアニメーションをつくるのか・・・」 GIFつくったことありません。 色んな記事を参考にいざ作ってみると・・・ あらま、めちゃめちゃ簡単じゃないですか！ 今回はGIFアニメーションの作り方を全然知らなかった僕でも、Photoshopを使って簡単にできた方法をまとめました。増刊号で作った画像を元に「画像素材だけでの作り方」と「動画素材を使ったつくり方」の2パターンを前編・後編に分けて紹介します。 ではさっそく作っていきましょう！ 画像素材を使ったつくり方 前編では画像素材にアニメーションをつける作成方