Qpic第1回グラフィック講座「グラフィッカー概要＆オリエンテーション」 担当：さくさん（2回生）

1. 第一回 グラフィック講座！
グラフィッカー概要＆オリエンテーション

2. その前に！
 グラフィック講座チャットに入っていますか？
 ソフト（EDGE、FireAlpaca）は落としましたか？
 講座違い、教室違いはありませんか？

3. 今日の内容！
 ゲームにおけるグラフィック
 グラフィッカーのおしごと（QGJを例に）
 プログラマーとのつながり
 絵を描くために

5. ゲームにおけるグラフィック
ゲームで目に映る部分！！←重要
 ゲームの印象、世界観が決まる
 良ゲームは良グラフィックであることが多い

6. じゃあ絵うまけりゃいいの？

7. ゲームとのリンクが大事！
 うまいはうまいでも、「ゲームに合った絵を描く
こと」が大切！！

8. ドット絵と一枚絵
ドット絵
アニメーションをつくりやすい
チップの作成
一枚絵
全体の絵、大きな絵
細かいところまで描きこめる

9. ゲームに必要なイラスト
 キャラクター
 オブジェクト
 背景
 UI
 ロゴ
 エフェクト
 その他デザイン

10. キャラクター
主人公、敵、モブetc.
オブジェクト
アイテム、障害物、パズル、道具
背景
そのまんま。（ゲーム画面とかも）

11. エフェクト
攻撃エフェクト、モーション、効果（いろいろ！）
ロゴ
もじどおり。

12. UI(User Interface)
ボタン、アイコン、ゲージ、などなど
（プレイヤーと意思疎通するためのもの全般）

13. チップについて（重要！）
↓ドット絵でチップを作り、繰り返し使用↓
（マップチップなど）
①
④ ⑤ ⑥
③②

14. ② ② ② ②
②
⑤
③
⑥
①

15. グラフィッカーのお仕事！
ゲームを作ろう！！！

16. まずはみんなで
 班の発表、自己紹介
グラフィッカーはだいたい班に二人
（三人だと非常に楽、一人だと非常に死）
 テーマに沿ったブレインストーミング

17. ゲームが決定！！
画面レイアウトを決めよう！！
 UIの配置、ゲーム画面全体像、サイズ決め
→必要な素材が明確に
必要な素材を挙げていく
 キャラ、マップチップ、道具、
アニメーションの有無 etc.

18. 大事なコト！！（重要！）
序盤は必ずプランナー、プログラマーと
情報を共有！！（めっっっちゃ大事）

19. 素材の優先順位を決める
QGJや合宿は、時間が命。
 キャラ、マップ、背景、オブジェクトは、だいたい
必須（優先度高）
 UI、エフェクトなどは、後回しの方がいいかも
（というか、つくってらんない）

20. グラフィックの方針が決まった！
 グラフィッカーみんなで役を分担
作画監督みたいな人はいない（だろう）の
で、分担も考えて！
描く。

22. 作業中は…
 定期的にメンバーと情報共有（進捗報告）
（DTMerは知らない……）
 自分のペースでまったりと
ぶっ続けるとイロイロ死ぬので。
（〆切は守れ！！）

23. 仕事終了！！
 他のグラフィッカーのお手伝い（いれば）
 プログラマーに適切に渡す！！
詳細は後ほど。
 時間に余裕があれば、新たな素材の作成など

24. なんか知らない間にゲーム完成！！
プログラマーがなんかすごいことしてくれている。

25. 世の中は甘くないよ。
完成したらすごいです。

26. とはいえ、もちろん目標は完成！
 「プレイできる状態」を目指す
バグ、質、細かいデザインは気にしてられない。

27. 素材の渡し方（重要！）
 プログラマーに素材を渡す時もルールが
1. 透過をかける。
2. マップチップを並べる。

28. ① 透過をかける（超重要！）
透明→

29. たとえば

31. 不気味なゲームのできあがり…
もはや地獄絵図ですね。
→透過をかけよう！！！

33. ② チップを並べる（重要！）
 作ったチップは、「一つにまとめて」
プログラマーに渡す！（プログラマーに必ず聞く！）

34. コミュニケーションは大事
とにかく、プログラマー・プランナー
とは定期的にコンタクト
（何万回でも言います。）

35. デジタル絵を描こう！！
 ペンタブレット（板タブ）
ポピュラー。ピンからキリまで！
相場は5k ～ 50kくらい
あると便利！！

36.  液晶タブレット（液タブ）
みんなの憧れ。金持ち用。
相場は10万～20万
あったらもう何も言うことはありません。
 マウス
我らがマウス。
ドット絵はマウスと併用すると○
（マウスでも一枚絵は描けます）

37. ソフトの紹介です。
 EDGE
無料。ドット絵メイン
アニメーションを作りやすい！
はじめてにオススメ！！

38.  FireAlpaca
無料。一枚絵メイン。
非常に高機能！
画面がシンプルで見やすい、使いやすい
初めてのデジタル絵にオススメ！！

39.  Medibang Paint
進化したアルパカ。
基本的にアルパカと同じ
漫画のトーンが一部使える！
豊富なフォント！！！
無料！！！！！
若干画面が複雑に

40.  Azpainter2
無料。神推し。
とにかく、画面がシンプルで見やすい！
必要最小限の機能（割と困ることない）
すごい。
レイヤーフォルダ機能がない

41.  CLIP STUDIO PAINT(クリスタ)
Proは5k、EXは27k
Comic StudioとIllust Studioが合体
機能の量が半端ない。
その分、画面・機能が超複雑＆重い
※Proはイラストメイン。EXは漫画メイン
基本Proで物足ります。

42.  SAI
クリスタと双璧を成す王道
5400円
線画が描きやすい（らしい）
機能が控えめ（文字入れ、加工など）

43.  Photoshop(Ps)
画像加工のスペシャリスト
SAIと併用してよく使われる
線画補正がない
 Illustrator(Ai)
デザイン向き（たぶん）
ロゴ、UI作成に便利（らしい）
使い方が難しい（らしい）

44. まとめだよ。
 グラフィッカーの仕事は多様！
 （重要！）マップチップを使うことで、
容量削減
（超重要！）プログラマー・プランナーと
ちゃんと話そう！

45. （超重要！）素材の渡し方を覚えよう！！
→透過、チップ
 初めての人は、コストに気を付けて！
（クリスタ、SAI、Adobe系は慣れてから！)

46. 次回予告だよ
 EDGEによるドット絵講座！！
2回生の塁次君がやってくれる予定だよ。