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
社内にバーチャルスタッフ!?「スイちゃん」のキャラクターデザインと施策の広げ方の秘訣
Search
Cygames
December 19, 2024
Technology
0
42
社内にバーチャルスタッフ!?「スイちゃん」のキャラクターデザインと施策の広げ方の秘訣
Cygames
December 19, 2024
Tweet
Share
More Decks by Cygames
See All by Cygames
最高のアートワークを発信する『Cygames展 Artworks』企画制作事例
cygames
0
13
全高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
Wantedly での Datadog 活用事例
bgpat
1
430
マルチプロダクト開発の現場でAWS Security Hubを1年以上運用して得た教訓
muziyoshiz
2
2.2k
KubeCon NA 2024 Recap: How to Move from Ingress to Gateway API with Minimal Hassle
ysakotch
0
200
アップデート紹介:AWS Data Transfer Terminal
stknohg
PRO
0
180
watsonx.ai Dojo #5 ファインチューニングとInstructLAB
oniak3ibm
PRO
0
160
組織に自動テストを書く文化を根付かせる戦略(2024冬版) / Building Automated Test Culture 2024 Winter Edition
twada
PRO
12
3.5k
alecthomas/kong はいいぞ / kamakura.go#7
fujiwara3
1
300
Amazon SageMaker Unified Studio(Preview)、Lakehouse と Amazon S3 Tables
ishikawa_satoru
0
150
フロントエンド設計にモブ設計を導入してみた / 20241212_cloudsign_TechFrontMeetup
bengo4com
0
1.9k
コンテナセキュリティのためのLandlock入門
nullpo_head
2
320
re:Invent 2024 Innovation Talks(NET201)で語られた大切なこと
shotashiratori
0
300
なぜCodeceptJSを選んだか
goataka
0
160
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
247
1.3M
VelocityConf: Rendering Performance Case Studies
addyosmani
326
24k
Statistics for Hackers
jakevdp
796
220k
Being A Developer After 40
akosma
87
590k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
2
290
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Reflections from 52 weeks, 52 projects
jeffersonlam
347
20k
Visualization
eitanlees
146
15k
How to Think Like a Performance Engineer
csswizardry
22
1.2k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.9k
We Have a Design System, Now What?
morganepeng
51
7.3k
Transcript
1/62 デザイナー本部 / デザイナー推進部 中村 ふじ子 ビジュアルアーツ/プロダクション 社内にバーチャルスタッフ!? 「スイちゃん」のキャラクターデザインと施策の広げ方の秘訣
2/62 中村 ふじ子 デザイナー推進部 部長 2012年より株式会社Cygamesに合流。 ゲーム内外のデザイン設計・改修やUIデザインのマネジメントを担当したのち、 2023年10月よりデザイナー本部副本部長に就任。 現在は、デザイナーサポートチームとしてデザイナーの育成施策や、 部内の盛り上げ施策等を担当している。
自己紹介
3/62 はじめに こんなお悩みありませんか? キャラクターデザインを発注したけど 思った通りのデザインにならない… チームとして伝えたいことが イマイチ目にとまらず流れてしまう… 社内での施策を考えたけど、 単発で終わってしまい次に繋がらない…
4/62 はじめに こんなお悩みありませんか? キャラクターデザインを発注したけど 思った通りのデザインにならない… チームとして伝えたいことが イマイチ目にとまらず流れてしまう… 社内での施策を考えたけど、 単発で終わってしまい次に繋がらない… 社内バーチャルスタッフへの取り組みを通して
解決方法を紹介します! あ 本講演では
5/62 もくじ 1. 社内バーチャルスタッフ「スイ」について 2. 社内広報を担うキャラクターデザイン 3. 社内の仕事の広げ方 4. まとめ・今後の展望
6/62 社内バーチャルスタッフ 「スイ」について
7/62 「スイ」について スイ 2021/12/8 社内向けの恰好 社外向けの恰好 ・デザイナー部情報共有会 ・社内デザイナー向けお知らせの発信 ・「サイマガ」でのコーナー など
司会進行 デザイナーの情報を発信する ナビキャラクター 名前 誕生日 主な活動 ・ デザイナー部情報共有会
8/62 「スイ」について 弊社ビジョンでもある「最高のコンテンツを作る」ためにも 会社・部署の文化や考え方を知ってもらうことは大切だと 考え、定期的に実施。 デザイナー部情報共有会 デザイナー部に所属する全スタッフ向けに部署情報を共有する会 活躍した人の表彰 体制変更連絡 部内施策の周知
とは
9/62 様々アップデートを重ね、10年以上定期開催している 「スイ」について 配信形式に変更 映像を番組風に ~2019年 2020年~ やるからには興味を持って見てもらいたい! 運営チームの次にできることは…? デザイナー部情報共有会の実施について
10/62 • 魅力的なキャラクターを社内で作れる • デザイナーの技術が活かされていることがわかる • 「引き」になることで、 興味を持って見ることにつなげられるのでは 「スイ」について 「デザイナー」に興味を持ってもらうための次の1手は?
バーチャルキャラクターに司会をしてもらう デザイナー部なら
11/62 みんな乗り気! 「スイ」について 部内で相談したところ… 1年後の司会担当を目標に企画がスタート! 面白そう! キャラデザやりたい! イラストチーム 3DCGアーティストチーム 研究かねていろいろ
盛り込みたい! モーションキャプチャースタジオチーム アクターやりますよ!
12/62 社内広報を担う キャラクターデザインについて
13/62 「スイ」について 社内向けの恰好 社外向けの恰好 名前 スイ 誕生日 2021/12/8 ・デザイナー部情報共有会 ・社内デザイナー向けお知らせの発信
・「サイマガ」でのコーナー など 主な活動 司会進行 デザイナーの情報を発信する ナビキャラクター
14/62 社内広報のキャラクターデザイン デザイナー要素のある女性キャラを作成してほしい 素直・かわいい 20歳くらいの155㎝ ベレー帽・服にデザイナー部マーク 髪型はショート~ミディアムロング 概要 特徴 性格
第1稿 依頼書 推進部スタッフ陣で作成
15/62 • 社内広報のキャラクターデザイン 社内広報のキャラクターデザイン 第1稿
16/62 社内広報のキャラクターデザイン 第1稿
17/62 社内広報のキャラクターデザイン 第1稿
18/62 社内広報のキャラクターデザイン 情報を「伝える」役割を担うために主張しすぎない ・先入観が強くなりすぎないようにする。 ・特徴はアクセント程度にとどめる。 たしかに…! 第1稿 NGの理由 どんな役割を持っているキャラクターなのかわからないから キャラクター「イメージ」のみで依頼をしてしまったことが原因
社内広報のキャラクターデザインで大事なこと
19/62 社内広報のキャラクターデザイン 概要 用途 デザイナー部情報共有会での司会進行 目的 社内のスタッフに楽しんでもらう・社内を盛り上げる 第2稿 依頼書 デザイナーの情報を発信するナビキャラクターの作成依頼
サイゲームスの最新技術によって開発された デザイナー推進部所属のナビゲーションAI。 多忙なデザイナー部のみんなの仕事をサポートする。 元気印のサポートAI。おしゃべりが大好きで、 ついつい喋りすぎてしまうのが玉に瑕。 設定
20/62 サイゲームスの最新技術によって開発された デザイナー推進部所属のナビゲーションAI。 多忙なデザイナー部のみんなの仕事をサポートする。 元気印のサポートAI。おしゃべりが大好きで、 ついつい喋りすぎてしまうのが玉に瑕。 設定 社内広報のキャラクターデザイン 概要 用途
部内情報共有会での司会進行 目的 社内のスタッフに楽しんでもらう・社内を盛り上げる 第2稿 依頼書 概要 用途 部内情報共有会での司会進行 目的 社内のスタッフに楽しんでもらう・社内を盛り上げる デザイナーの情報を発信するナビキャラクターの作成依頼 ▼ キャラクターの役割について説明
21/62 社内のスタッフに楽しんでもらう・社内を盛り上げる デザイナーの情報を発信するナビキャラクターの作成依頼 社内広報のキャラクターデザイン 概要 サイゲームスの最新技術によって開発された デザイナー推進部所属のナビゲーションAI。 多忙なデザイナー部のみんなの仕事をサポートする。 元気印のサポートAI。おしゃべりが大好きで、 ついつい喋りすぎてしまうのが玉に瑕。
設定 用途 部内情報共有会での司会進行 目的 第2稿 依頼書 サイゲームスの最新技術によって開発された デザイナー推進部所属のナビゲーションAI。 多忙なデザイナー部のみんなの仕事をサポートする。 元気印のサポートAI。おしゃべりが大好きで、 ついつい喋りすぎてしまうのが玉に瑕。 設定 ▼ アクセントをつけやすくするための設定を追加
22/62 社内広報のキャラクターデザイン デザイナー要素のある女性キャラを作成してほしい 素直・かわいい 20歳くらいの155㎝ ベレー帽・服にデザイナー部マーク 髪型はショート~ミディアムロング 概要 特徴 性格
第1稿 依頼書
23/62 社内広報のキャラクターデザイン 概要 用途 部内情報共有会での司会進行 目的 社内のスタッフに楽しんでもらう・社内を盛り上げる 第2稿 依頼書 デザイナーの情報を発信するナビキャラクターの作成依頼
サイゲームスの最新技術によって開発された デザイナー推進部所属のナビゲーションAI。 多忙なデザイナー部のみんなの仕事をサポートする。 元気印のサポートAI。おしゃべりが大好きで、 ついつい喋りすぎてしまうのが玉に瑕。 設定
24/62 髪の毛はおろし、洋服はカジュアルめ。 くせのない印象に。 各所に「デザイナー部」のアイコン うさ耳のようなパーツ。 動きで感情も表現できるように。 「情報」に集中してもらうために 特徴② バーチャルっぽさ 特徴①
デザイナー部所属 対面の共有会で運営スタッフが 着用していた黄色パーカーを反映 第2稿
25/62 第2稿
26/62 やったー! 第2稿
27/62 ペン先に タッチ ペン先を 引っ張ると ペン本体が 出現! しっぽペン 解説! しっぽは
大きなペンに 変身する機能搭載! おえかきも できます! 第2稿
28/62 表情差分 耳の表現 第2稿
29/62 服装とリボンの長さ検討 長 リボン スカート丈短 スカート丈短+スパッツ スカート丈長 タイツ 短 第2稿
30/62 身体のサイズ バランス 第2稿
31/62 3DCGモデルに「モーション」の反映 モーションの収録 社内広報のキャラクターデザイン デザイナー部情報共有会の司会を行うために…
32/62
33/62 情報を「伝える」役割を担うために主張しすぎないこと 社内広報のキャラクターデザイン|まとめ 社内広報キャラクターを作る際に大事なこと 特徴はアクセント程度にとどめ、先入観が強くなりすぎないようにする キャラクターの個性を強く出すゲーム内のキャラクターデザインとはおさえるポイントが異なる デザインでは 依頼では 依頼の主旨に加え、特徴を出しやすくするための「設定」を追加で用意する
34/62 継続して活用するために! 社内での業務の広げ方
35/62 社内のスタッフに楽しんでもらう 社内を盛り上げる 社内業務の広げ方 リリースしたからと言って終わりではない 継続して見てもらう機会を増やさないと 「情報共有会の司会者」になってしまう…! スイの目的
36/62 収録 社内業務の広げ方 編集 映像作成 内容によっては作業に1~3か月以上かかることも 3DCGモデル運用のための基本フロー 社内スタッフを楽しませたり、盛り上げたいのに このままだと対応スタッフの負担が上がってしまう 見てもらう機会は増やしたいけれども…
3DCGを動かすのは高コスト 運用の課題
37/62 社内業務の広げ方 品質を下げずに低コストにできる部分の検討 スイをたくさん登場させるためには 画像素材の拡充 モデルの アップデート 3DCG運用 3DCG以外の運用
38/62 社内業務の広げ方 品質を下げずに低コストにできる部分の検討 スイをたくさん登場させるためには 画像素材の拡充 モデルの アップデート 3DCG運用 3DCG以外の運用
39/62 洋服の形状や動作によってめり込みが発生、収録時の演技・収録後の編集負担が高め 社内業務の広げ方 モデルのアップデート 該当箇所
40/62 調整前 埋まりを予防するために… 衣装のバランスを調整のために… 課題をイラストレーター伝えて衣装デザインの調整 オーバーサイズのパーカーから スリムなジャケットに 靴下・ベルト・キュロット リボンの長さを変更
41/62 課題をイラストレーター伝えて衣装デザインの調整 オーバーサイズのパーカーから スリムなジャケットに 靴下・ベルト・キュロット リボンの長さを変更 調整後 埋まりを予防するために… 衣装のバランスを調整のために…
42/62 元 リデザインした衣装に合わせて3DCGモデルの調整 調整版
43/62 社内業務の広げ方 物理演算でめり込みを 減らしたことで 収録・編集の負担軽減 稼働域もアップし 動きのバリエーションも つけやすくなった モデルのアップデート
44/62 社内業務の広げ方 通常工数の負担を下げた結果 いろんな+αの施策にも時間が割きやすくなった。 クリスマスに背景や衣装調整 仮 モデルのアップデート 変身シーンの作成
45/62 社内業務の広げ方 品質を下げずに低コストにできる部分の検討 スイをたくさん登場させるためには 画像素材の拡充 モデルの アップデート 3DCG運用 3DCG以外の運用
46/62 3DCG映像 画像素材の拡充 社内業務の広げ方 3DCG画像 デフォルメ画像 デフォルメアニメ 汎用的に使うポーズを複数用意
47/62 他バナー例 社内業務の広げ方 社内SNSでの情報発信に添えるバナー お知らせに投稿にスイ画像を使用したバナーを添付 情報が視覚的に目に留まるように! コメントや絵文字リアクションなどの反応増! 画像活用1
48/62 社内業務の広げ方 プレゼン・配信映像の挿絵 画像活用2 スイを使うことで一目で 「デザイナー部の情報」だとわかるように! 本講演も!
49/62 社内業務の広げ方 盛り上げアイテムのイラスト・その他 部内の賞品や備品の挿絵など 功労者への景品 社内備品 スイが発信者として投稿 画像活用3 画像を事前に複数用意したおかげで アイデアが出たときにすぐに使えるため活用しやすくなった
50/62 社内業務の広げ方 スイをたくさん登場させるためにやったこと 活用できる範囲が広がり 社内キャラとしての認知度UPに! 画像素材の拡充 モデルの アップデート 3DCG運用 3DCG以外の運用
51/62 スタッフからも活用アイデアをもらうようになった 社内業務の広げ方 社内キャラとしての認知度がUPしたことで… 壁紙 アクスタトロフィー 実現した一例
52/62 社内キャラとしての認知度がUPしたことで… 社内業務の広げ方 ▲社内勉強会(生配信)の司会に! バーチャル空間でスタッフインタビュー ▼ 外部向けにデザイナー部の広報として登場できるように!
53/62 2D 3D 外向けのおめかし衣装
54/62 そのために 社内業務の広げ方|まとめ 「スイ」の役割は… リリースして終わりではなく 「活用を続ける」ことが大切 社内のスタッフに楽しんでもらう 社内を盛り上げること
55/62 社内業務の広げ方|まとめ スイを活用し続けるために 画像素材の拡充 モデルアップデート 1回の対応コストを下げ 登場頻度を増やし認知度アップした結果… スタッフからもアイデアがもらえるように! 活用できる範囲も社外まで広がった
56/62 まとめ
57/62 「スイ」について ・部内情報共有会 ・デザイナー部の情報発信(社内外向け)など 名前 スイ 主な活動 司会進行 社内向けの恰好 社外向けの恰好
スタッフに 社内のこと・デザイナー部のことを もっと楽しく知ってもらいたいから 生まれた理由は…
58/62 情報を「伝える」役割を担うために主張しすぎないこと 社内広報のキャラクターデザイン 社内広報のキャラクターを作る際に大事なこと 特徴はアクセント程度にとどめ、先入観が強くなりすぎないようにする キャラクターの個性を強く出すゲーム内のキャラクターデザインとはおさえるポイントが異なる デザインでは 依頼では 依頼の主旨に加え 特徴を出しやすくするための「設定」を追加で用意する
59/62 社内業務の広げ方 「スイ」の役割は… 社内のスタッフに楽しんでもらう 社内を盛り上げること そのために リリースして終わりではなく 「活用を続ける」ことが大切
60/62 社内業務の広げ方 1回の対応コストを下げ 登場頻度を増やし認知度がアップした結果… スタッフからもアイデアがもらえるように! 活用できる範囲も社外まで広がった スイを活用し続けるために 画像素材の拡充 モデルアップデート
61/62 今後のやりたいこと 最新技術で新しい活用方法を模索・発見したい 新しい表現を使いスタッフを驚かせたい デザイナー部の魅力を知ってもらうために いろんな形で発信したい 社内のスタッフに楽しんでもらう・社内を盛り上げるために 社外向けに
62/62