Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
最高のアートワークを発信する『Cygames展 Artworks』企画制作事例
Search
Cygames
December 19, 2024
Technology
0
13
最高のアートワークを発信する『Cygames展 Artworks』企画制作事例
Cygames
December 19, 2024
Tweet
Share
More Decks by Cygames
See All by Cygames
社内にバーチャルスタッフ!?「スイちゃん」のキャラクターデザインと施策の広げ方の秘訣
cygames
0
42
全高3m超のバハムート像がスマホを通して躍動する! ~『Cygames展 Artworks』ARコンテンツの開発プロセスと実装~
cygames
0
6
最高の資料を目指すために!社内フリーイラスト制作チームの取り組みについて
cygames
0
42
「生きているモーション」を作り出すCygamesのモーションキャプチャー
cygames
0
30
『Cygames展 Artworks』におけるShadowverseデジタルサイネージ制作事例
cygames
0
15
『GRANBLUE FANTASY: Relink』 原作の世界観に没入するステージの絵作り
cygames
0
15
『GRANBLUE FANTASY: Relink』イラストを再現する為のキャラクターモデル制作事例
cygames
0
16
『GRANBLUE FANTASY: Relink』キャラクターの魅力を支えるリグ制作事例
cygames
0
22
『GRANBLUE FANTASY: Relink』の長期開発を支え続けたテスト自動化の取り組み紹介
cygames
0
48
Other Decks in Technology
See All in Technology
KnowledgeBaseDocuments APIでベクトルインデックス管理を自動化する
iidaxs
1
260
大幅アップデートされたRagas v0.2をキャッチアップ
os1ma
2
520
NW-JAWS #14 re:Invent 2024(予選落ち含)で 発表された推しアップデートについて
nagisa53
0
250
レンジャーシステムズ | 会社紹介(採用ピッチ)
rssytems
0
150
Turing × atmaCup #18 - 1st Place Solution
hakubishin3
0
470
Microsoft Azure全冠になってみた ~アレを使い倒した者が試験を制す!?~/Obtained all Microsoft Azure certifications Those who use "that" to the full will win the exam! ?
yuj1osm
1
110
MLOps の現場から
asei
6
630
コンテナセキュリティのためのLandlock入門
nullpo_head
2
320
日本版とグローバル版のモバイルアプリ統合の開発の裏側と今後の展望
miichan
1
130
1等無人航空機操縦士一発試験 合格までの道のり ドローンミートアップ@大阪 2024/12/18
excdinc
0
150
2024年にチャレンジしたことを振り返るぞ
mitchan
0
130
Postman と API セキュリティ / Postman and API Security
yokawasa
0
200
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
347
20k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
28
900
Producing Creativity
orderedlist
PRO
341
39k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.4k
The Cost Of JavaScript in 2023
addyosmani
45
7k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
32
2.7k
A better future with KSS
kneath
238
17k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
247
1.3M
Making the Leap to Tech Lead
cromwellryan
133
9k
YesSQL, Process and Tooling at Scale
rocio
169
14k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
8
1.2k
Optimising Largest Contentful Paint
csswizardry
33
3k
Transcript
1/118 ビジュアルコミュニケーション室 アートディレクター / 菊池翔太 ビジュアルアーツ/プロダクション 最高のアートワークを発信する 『Cygames展 Artworks』企画制作事例
2/118 菊池 翔太 ビジュアルコミュニケーション室 / アートディレクター 2011年に株式会社Cygamesへ合流。 グラフィックデザイナーとして広告やweb制作を担当後、 アートディレクターとして制作物の監修に従事。 現在はCygames展を始めとした展覧会案件や海外イベントに
出展するブース造作などのアートディレクションを担当。 自己紹介
3/118 本講演で得られるもの 美術展での展示方法・検討プロセス クリエイティブを大事にするコーポレート ブランドの構築方法
4/118 アジェンダ 1. Cygames展とは • Cygames展が目指したもの 2. 展示をより良くするための取り組み • 「系譜」を感じさせる演出
• 美術館との調和 • 満足度を上げるための会場体験 3. まとめ
5/118 Cygames展 Artworksとは
6/118
7/118 Cygames展 Artworksとは 上野の森美術館 会場 2023年9月~(1か月間) 日時
8/118 Cygames展 Artworksとは 展覧会の目的 「アートワーク」のこだわりを知ってもらうこと 10年を超える歴史の中で生まれた多くのゲームのいずれにおいてもデザイン、 イラストなどのアートワークが大きな役割を果たしている。 それらのアートワークには、クリエイターの技術やこだわり、想いが込められている。 ファンの皆さんに、 普段ゲームをプレイをしている際には気づかない新たな魅力や楽しみも知ってもらいた
いと考え実施。
9/118 Cygames展 Artworksとは 口コミ効果により、約140件のメディアに 取り上げられ、会期後半には多くの来場者が訪れ 会期中1000人を超える日が続き盛況となった ガイドアプリは1ヶ月の期間で約20,000DLされ、 多くの来場者に利用された
10/118 Cygames展 Artworksとは SNSの反応 膨大な物量に圧倒された、 ゲームを遊んだことのない私でも楽しめました 懐かしいものも新しいものも満載だった 細かい配慮とノウハウで ファンに喜ばれる展覧会だった 入り浸って推しのキャラを探してしまった
11/118 Cygames展が目指したもの
12/118 Cygames展が目指したもの 最高のコンテンツの系譜 これまでCygamesがリリースしてきたゲームタイトルの アートの歴史を紐解きながら、魅力を紹介する展示
13/118 展示をより良くするための取り組み
14/118 Cygames展が目指したもの 「最高のコンテンツの系譜」を伝えるために大切にしたこと 「系譜」を感じられる演出 美術館との調和 満足度をあげるための会場体験
15/118 「系譜」を感じられる演出
16/118 「系譜」を感じられる演出 そもそも「系譜」とは? 1. 先祖から子孫に至る一族代々のつながり。 師弟関係などのつながり。 また、それを書き表した図や記録。系図とも言う。 2. 同じような要素・性質を受け継いでいる事物のつながり。 コトバンク.「系譜」.
https://kotobank.jp/word/系譜-59138 ,(参照2024-09-19)
17/118 「系譜」を感じられる演出 「系譜」を感じられるとは? Cygames展チームで考えた「系譜」の要素 ルーツが伝わる 懐かしさを 感じられる 歴史が伝わる
18/118 「系譜」を感じられる演出 「系譜」を感じられるとは? ルーツが伝わる 懐かしさを 感じられる 歴史が伝わる Cygames展チームで考えた「系譜」の要素
19/118 「系譜」を感じられる演出 コーポレートロゴ・カラーを利用 「Cygames」という会社軸 「歴史」を伝えるために選んだ見せ方
20/118 「系譜」を感じられる演出 Cygames展チームで考えた「系譜」の要素 歴史が伝わる 「Cygames」という 会社軸 懐かしさを 感じられる ルーツが伝わる
21/118 「系譜」を感じられる演出 Cygames展チームで考えた「系譜」の要素 歴史が伝わる 「Cygames」という 会社軸 懐かしさを 感じられる ルーツが伝わる
22/118 「系譜」を感じられる演出 ※画像が入ります 「第1作」という原点軸 「ルーツ」を伝えるために選んだ見せ方
23/118 「系譜」を感じられる演出 Cygames展チームで考えた「系譜」の要素 ルーツが伝わる 歴史が伝わる 「Cygames」という 会社軸 懐かしさを 感じられる 「第1作」という
原点軸
24/118 「系譜」を感じられる演出 Cygames展チームで考えた「系譜」の要素 ルーツが伝わる 歴史が伝わる 「Cygames」という 会社軸 懐かしさを 感じられる 「第1作」という
原点軸
25/118 様々な「ゲーム」軸 「系譜」を感じられる演出 etc... 「懐かしさを感じられる」ために選んだ見せ方
26/118 「系譜」を感じられる演出 Cygames展チームで考えた「系譜」の要素 ルーツが伝わる 懐かしさを 感じられる 歴史が伝わる 「Cygames」という 会社軸 「ゲーム」軸
「第1作」という 原点軸
27/118 「系譜」を感じさせる キービジュアルについて
28/118 「系譜」を感じられる演出 Cygames展チームで考えた「系譜」の要素 ルーツが伝わる 懐かしさを 感じられる 歴史が伝わる 「ゲーム」軸 「第1作」という 原点軸
「Cygames」という 会社軸
29/118 「系譜」を感じられる演出 Cygames展チームで考えた「系譜」の要素 ルーツが伝わる 懐かしさを 感じられる 歴史が伝わる 「ゲーム」軸 「Cygames」という 会社軸
「第1作」という 原点軸
30/118 「系譜」を感じられる演出 神撃のバハムート ルーツ コーポレートロゴ&カラー 歴 史
31/118 「系譜」を感じられる演出 Cygames展チームで考えた「系譜」の要素 ルーツが伝わる 懐かしさを 感じられる 歴史が伝わる 「ゲーム」軸 「Cygames」という 会社軸
「第1作」という 原点軸
32/118 「系譜」を感じられる演出 各ゲームの代表的な キャラクター達の集合絵 懐かしさ 神撃のバハムートから スタートしたことがわかる 歴 史
33/118 「系譜」を感じられる演出 Cygamesを知っている人向け ゲームを知っている人向け 歴史を感じてもらいたい
34/118 「系譜」を感じられる演出 入口も2つからのアプローチ
35/118 「系譜」を感じさせる イントロダクションムービーについて
36/118 「系譜」を感じられる演出 Cygames展チームで考えた「系譜」の要素 ルーツが伝わる 懐かしさを 感じられる 歴史が伝わる 「ゲーム」軸 「Cygames」という 会社軸
「第1作」という 原点軸
37/118 「系譜」を感じられる演出
38/118 「系譜」を感じられる演出 年表・沿革だと文字の情報量が多く 説明的になりすぎる 視覚的に想像しやすい DNAらしい表現を採用 映像でまとめるために DNAを絵の具に例え「流れる」イメージ
39/118 「系譜」を感じられる演出 本展示の目次の役割を担うために 統一した要素・モチーフを使い 「系譜」の展示展が始まることを示唆
40/118 「系譜」を感じさせるための まとめ
41/118 「系譜」を感じられる演出 3つの軸からアプローチ 統一した要素・モチーフを使い 展示テーマがブレないように設計した
42/118 「系譜」を感じられる演出 「ゲーム」軸のキービジュアル を設けることで、 特定のゲームが好きなファンに 他にどんなゲームを作っている 会社か認識してもらえるように なった
43/118 「系譜」を感じられる演出 「会社・原点」軸のキービジュ アルを設けることで、 ゲーム広告とは異なる「美術展 示」にふさわしい荘厳な印象を 与えることにもつながった
44/118 美術館との調和
45/118 美術館との調和
46/118 美術館との調和 「美術館との調和」のために今回の展覧会で大事にしたポイント 美術館ならではの体験 系譜が伝わる • 歴史 • ルーツ •
各ゲーム • デジタルデータとアナログの調和 • 展覧会としての統一感 • 美術館らしいグッズの制作
47/118 美術館との調和 「美術館との調和」のために今回の展覧会で大事にしたポイント 美術館ならではの体験 系譜が伝わる • 歴史 • ルーツ •
各ゲーム • デジタルデータとアナログの調和 • 展覧会としての統一感 • 美術館らしいグッズの制作
48/118 美術館との調和 「美術館ならではの体験」を提供するためのポイント デジタルデータとアナログの調和 展覧会としての統一感 美術館らしいグッズの制作
49/118 美術館との調和 「美術館ならではの体験」を提供するためのポイント デジタルデータとアナログの調和 展覧会としての統一感 美術館らしいグッズの制作
50/118 デジタルデータとアナログの調和 展示にあたっての課題 全てのアートワークを 展示会場には入れられない そのまま印刷しても そのままの色にならない 展示にあたっての課題 デジタルデータをどうアナログで見せるか
51/118 デジタルデータとアナログの調和 展示にあたっての課題 展示にあたっての課題 全てのアートワークを 展示会場には入れられない そのまま印刷しても そのままの色にならない デジタルデータをどうアナログで見せるか
52/118 デジタルデータとアナログの調和 各タイトルの強みにフォーカスして メッセージを明確にした上で情報量を調整する 全てのアートワークを展覧会場には入れられない 各ゲームのビジュアルデータは膨大な量
53/118 デジタルデータとアナログの調和 Cygamesの原点 イラスト、システム、シナリオなど従来 のゲームの常識に捉われずクオリティー を追求。 DNAとなり、その後のタイトルに受け 継がれる。 歴代イベントやイラストを通して10年 を超える歴史を紹介。
神撃のバハムート
54/118 デジタルデータとアナログの調和 空の世界へ没入する 特徴的かつ挑戦的、そして圧倒的なク オリティーを誇るものはアートワーク。 イラストやラフ画、設定資料などさま ざまなアートワークを紹介し、ゲーム 中で生み出された質と量による展示で、 空の世界を紹介。 グランブルーファンタジー
55/118 デジタルデータとアナログの調和 すべてはキャラクターが 輝くために キャラクターの魅力を、イラスト、 モーション、ラフや原画などで紹介。 さらにキャラクターを取り巻く装備や モンスター、背景、さらにはエンディ ング映像などさまざまな角度から紹介。 プリンセスコネクト!Re:Dive
56/118 アイドルの個性とリアリティーの追求 Cygamesの原点 カードならではの世界に浸る 空の世界へ没入する すべてはキャラクターが輝くために デジタルデータとアナログの調和 THE IDOLM@STER &
©Bandai Namco Entertainment Inc. 配信元:(株)バンダイナムコエンターテインメント
57/118 デジタルデータとアナログの調和 過去からつながる系譜 ドットで作る世界 メインストーリーをたどる 最高の技術とアイデアで新しい挑戦を © Cygames, Inc. / Citail
Inc.
58/118 デジタルデータとアナログの調和 展示にあたっての課題 デジタルデータをどうアナログで見せるか 展示にあたっての課題 全てのゲームデータを 展示会場には入れられない そのまま印刷しても そのままの色にならない
59/118 そのまま印刷してもそのままの色にならない デジタルデータとアナログの調和 データと印象が一致しない=没入感を損ねる可能性がある。 全てのアートワークで「色校正」を実施 データ上の色(RGB) 印刷物の色(CMYK)
60/118 そのまま印刷してもそのままの色にならない デジタルデータとアナログの調和 色校正とは 印刷物が指定した色で刷り上がるかを 確認するために、 試し刷りをしてチェックすること
61/118 デジタルデータとアナログの調和 通常の印刷はCMYK(4色刷)が一般的 特殊な10色刷により複雑な色味を再現 シアン ライト シアン ビビット マゼンタ イエロー
ビビット ライト マゼンタ ライト グレー グレー ダーク グレー フォト ブラック マット ブラック
62/118 デジタルデータとアナログの調和 元絵 初稿 二稿 三稿
63/118 デジタルデータとアナログの調和 四稿(最終稿) 元絵
64/118 デジタルデータとアナログの調和 とにかく確認を繰り返す
65/118 デジタルデータとアナログの調和 とにかく確認を繰り返す
66/118 デジタルデータとアナログの調和 とにかく確認を繰り返す
67/118 美術館との調和 「美術館ならではの体験」を提供するためのポイント デジタルデータとアナログの調和 展覧会としての統一感 美術館らしいグッズの制作
68/118 展覧会としての統一感 ゲームには作品ごとの世界観がある 個性のあるタイトルを並べるだけだと… 「展覧会」としては まとまりのない印象に
69/118 展覧会としての統一感 展示物以外のデザインに共通するデザインルールの作成 1つの「展覧会」にするために フォント 色 線
70/118 展覧会としての統一感 フォント 色 線
71/118 展覧会としての統一感 フォント 色 線
72/118 展覧会としての統一感 フォント 色 線 BLACK 2色 WHITE 重厚な作品や展示物、その他 コンシューマータイトルなど
可愛い、綺麗な作品や 過去作品など
73/118 展覧会としての統一感 フォント 色 線 縦 横
74/118 展覧会としての統一感 フォント 色 線
75/118 展覧会としての統一感 各ゲームタイトル紹介エリア
76/118 美術館との調和 展示エリア(黒)
77/118 美術館との調和 展示エリア(白)
78/118 美術館との調和 「美術館ならではの体験」を提供するためのポイント デジタルデータとアナログの調和 展覧会としての統一感 美術館らしいグッズの制作
79/118 美術館らしいグッズの制作 「美術館での体験」に含まれるもの 鑑 賞 グッズ 購入 来 場 ゲームのリアルイベントといったものとは異なる
美術館ならではのグッズを提供したい
80/118 図 録 テーマごとの絵柄 美術館の流行 美術館らしいグッズの制作 「美術館らしいグッズ」とは?
81/118 美術館らしいグッズの制作 「展覧会」を振り返るグッズの主役 図 録 テーマごとの絵柄 美術館の流行
82/118 美術館らしいグッズの制作 「展覧会」を振り返るグッズの主役 図 録 テーマごとの絵柄 美術館の流行
83/118 美術館らしいグッズの制作 「展覧会グッズ」にするためにテーマごとにテイストを統一 本来世界観・絵柄はゲーム毎に異なる 図 録 テーマごとの絵柄 美術館の流行
84/118 美術館らしいグッズの制作 ゆるカワ シンプル 名画オマージュ 「展覧会グッズ」にするためにテーマごとにテイストを統一 図 録 テーマごとの絵柄 美術館の流行
85/118 美術館らしいグッズの制作 漆黒のジグソーパズル キャンバス地としても使われる スケートボード 図 録 テーマごとの絵柄 美術館の流行
86/118 美術館らしいグッズの制作 図 録 テーマごとの絵柄 美術館の流行 SNSの反応 明らかに黒しかないけど正気? 全部黒くて何もわからん
87/118 美術館らしいグッズの制作 様々な色味やデザインを検討 図 録 テーマごとの絵柄 美術館の流行
88/118 美術館らしいグッズの制作 一般的なリアルイベントよりも購買率が高く、 来場者にとって満足感のあるグッズとなった
89/118 美術館との調和|まとめ 「美術館との調和」のために今回の展覧会で大事にしたポイント 美術館ならではの体験 系譜が伝わる • 歴史 • ルーツ •
各ゲーム • デジタルデータとアナログの調和 • 展覧会としての統一感 • 美術館らしいグッズの制作
90/118 美術館との調和|まとめ 展覧会としての統一感 展示物以外のデザインに共通するデザインルールの作成した 美術館らしいグッズの制作 各タイトルのメッセージを明確にした上で情報量を調整した 印刷でもデジタルの発色に近くなるように色校正を大量に行った 美術館ならではの体験には閲覧だけではなくグッズ購入も含まれる ゲームのリアルイベントとは異なる視点でグッズを作成した デジタルデータとアナログの調和
91/118 満足度を上げるための会場体験
92/118 満足度を上げるための会場体験 展覧会で大事にしたポイント 「来てよかった」と思える 現地ならではの体験を提供したい 基本はおさえたけれど… 美術館ならではの体験 系譜が伝わる 最高のコンテンツを提供するためにできることはまだある
93/118 満足度を上げるための会場体験 バハムート像 ガイドアプリ 『Shadowverse』カード展示 現地ならではの体験として用意したもの
94/118 満足度を上げるための会場体験 バハムート像 ガイドアプリ 『Shadowverse』カード展示 現地ならではの体験として用意したもの
95/118 バハムート像によるAR体験
96/118 満足度を上げるための会場体験 バハムート像 Cygamesのルーツ・原点として展覧会のシンボルになる像 全高3m超・横幅5.8mの 巨大なバハムート像
97/118 満足度を上げるための会場体験 バハムート像 原点とわかるよう「神撃のバハムート」のキービジュアルの印象を担保 展覧会のシンボルになる像にするために検討したこと①ポーズ
98/118 満足度を上げるための会場体験 配置場所・会場とのバランスを加味して確定 展覧会のシンボルになる像にするために検討したこと②サイズ バハムート像
99/118 満足度を上げるための会場体験 展覧会のシンボルになる像にするために検討したこと③ディテール バハムート像
100/118 満足度を上げるための会場体験 バハムート像 ガイドアプリ 『Shadowverse』カード展示 現地ならではの体験として用意したもの
101/118 満足度を上げるための会場体験 展覧会をより楽しむための専用アプリ
102/118 満足度を上げるための会場体験 アプリ機能① • 音声は全て本展覧会のために新規で収録 • 展示の意図や理解度がより上がる • ファンにとって来たくなる理由になる 開発チームから聞いたこだわりや
アートワークの見どころを各ゲームのキャラクターたちがガイド 音声ガイド
103/118 満足度を上げるための会場体験 アプリ機能② ARカメラ バハムート像にかざすと特別な演出が見れる
104/118 満足度を上げるための会場体験 バハムート像 ガイドアプリ 『Shadowverse』カード展示 現地ならではの体験として用意したもの
105/118 動画
106/118 満足度を上げるための会場体験 『Shadowverse』カード展示 「カードならではの 世界に浸る」に 合わせた触れる展示 約4000枚の膨大な量の カードが一堂に会す
107/118 満足度を上げるための会場体験 テンポの良い演出体験のためのカクツキ・動作など検証も徹底した 数時間触り続ける方がいたり、Shadowverseに 触れたことのないお子様でも楽しんでもらえるコンテンツとなった 『Shadowverse』カード展示
108/118 満足度を上げるための会場体験 ガイドアプリ 展示の理解度を上げるため専用のガイドアプリを開発 音声ガイド・ARカメラ機能を搭載させ会場ならではの体験を提供 『Shadowverse』カード展示 Cygames展を象徴するシンボルとして作成 ついつい触りたくなるテンポ感を担保したデジタルカードならではの インタラクティブコンテンツの開発 バハムート像
109/118 Cygames展に関する他講演の紹介
110/118 まとめ
111/118 まとめ 最高のコンテンツの系譜 これまでCygamesがリリースしてきたゲームタイトルの アートの歴史を紐解きながら、魅力を紹介する展示 Cygames展が目指したものは
112/118 まとめ 「最高のコンテンツの系譜」を伝えるために大切にしたこと 「系譜」を感じられる演出 美術館との調和 満足度を上げるための会場体験
113/118 まとめ 「系譜」を感じられる演出のために 「系譜」が示す要素を定義 歴 史 「Cygames」という 会社軸 懐かしさ 「ゲーム」軸
ルーツ 「第1作」から始まる 原点軸
114/118 美術館らしいグッズの制作 デジタルデータとアナログの調和 まとめ 美術館との調和のために 展覧会としての統一感 「系譜」演出に加え 「美術館ならでは」の 要素分解を行い反映
115/118 まとめ 『Shadowverse』カード展示 バハムート像 ガイドアプリ 満足度を上げるための会場体験のために 「来てよかった」と思える 現地ならではの体験を提供
116/118 まとめ 様々な観点から「最高のコンテンツの系譜」を打ち出した結果 “「アートワーク」のこだわりを知ってもらう”という目的に加え 「Cygamesのことを知ってもらう」という +αの成果にもつながった 来場者の口コミ・SNS拡散 メディア取材申し込み 展覧会後半になるにつれて 来場者数の増加
117/118 今後の展望 Cygamesの認知、価値向上に努める 世界を舞台に展開していきたい アートとテクノロジーを駆使して ワクワクする企画を作りたい
118/118