pixel-art-skill-and-knowhow/ドット絵の経歴と知見

Slide 1

Slide 1 text

ドット絵の経歴と知見 2025/1/11 都電LT #0 Aokashi

Slide 2

Slide 2 text

経緯ほとんど初対面しかも LTをするのは7年ぶり 2

Slide 3

Slide 3 text

経緯自分の長ーく取り組んだ分野を LTにするのはどうかね 3

Slide 4

Slide 4 text

@aokashi について ● 普段の仕事はフロントエンドエンジニア ○ ReactとReduxとTypeScriptを頭抱えながら書いてる ● 趣味の仕事はWWAゲーム制作とその素材制作 ● 埼玉県在住このアイコン使うのも、もう7年 4

Slide 5

Slide 5 text

最初に今回のドット絵制作を解説するうえで WWAは避けて通れない 5

Slide 6

Slide 6 text

WWAとは？小さい RPGツクールのようなもの詳しいことはArunekoさんが回答してくれるはず 6

Slide 7

Slide 7 text

WWA 魅力と検索すれば大体のことはわかる WWAとは？ 7

Slide 8

Slide 8 text

Arunekoさんとの関係 (1) 2015年 WWA Wing 開発のお話で知る（WWA Wingについてはここでは省略） 8

Slide 9

Slide 9 text

Arunekoさんとの関係 (2) 2016年 WWAが20周年なので薄い本の執筆に協力 9

Slide 10

Slide 10 text

Arunekoさんとの関係 (3) 2022年コンテストの運営をほとんど任された現在もコンテストの応募や投票のシステムでソースレビューはしてもらってるあなたとJAVA 今すぐダウンロード 10

Slide 11

Slide 11 text

ドット絵はじめた理由 2008年・・・ WWAでゲーム作りたい！でも Macだから作成ツール動かせない！ 11

Slide 12

Slide 12 text

ドット絵はじめた理由 12

Slide 13

Slide 13 text

ドット絵はじめた理由あっ、でも WWAのアセット(素材)なら作れるぞ・・・ 13

Slide 14

Slide 14 text

2008 2008/08/10 更新ドット絵に適切ではないアンチエイリアス付きフォント構成がアンバランス内側が黒いままで透過してないゲーム画面外枠 14 GIFじゃないといけないのにPNG

Slide 15

Slide 15 text

2008 写真編集ツールで無理やりドット絵描いていたのでこうなるのも仕方ない 15

Slide 16

Slide 16 text

2008 ドット絵制作歴 16年半！やれてるだけすごい！ (と思う) 16

Slide 17

Slide 17 text

2009 17 とりあえず周りを暗くしとけばOK みたいなノウハウはあった

Slide 18

Slide 18 text

2008-2009 [WWA素材第1世代] 18

Slide 19

Slide 19 text

ちなみにこの頃は・・・？ 19

Slide 20

Slide 20 text

2010 念願のWindowsパソコン導入！ WWAが作れるようになった！ 20

Slide 21

Slide 21 text

2010 GIF画像のカラーパレットを意識したこれしか使わない！ WWA作ると付いてくるやつ 21

Slide 22

Slide 22 text

意識してない意識している GIF画像に組み込んでみよう 22

Slide 23

Slide 23 text

変色している色はそのまま 23

Slide 24

Slide 24 text

2011-2014 [WWA素材第2世代] 24

Slide 25

Slide 25 text

2015 WWA作ると付いてくるキャラクターの作風に寄せた 25

Slide 26

Slide 26 text

2015 WWA作ると付いてくる画像はどこだ？ 26

Slide 27

Slide 27 text

2018 立体感と光源を意識した RPGツクールMV用なので、作風が異なります 27

Slide 28

Slide 28 text

2018 立体感とは何か？比較してみよう！台車がせり出してアンバランス上から見下ろしている姿に近い 28

Slide 29

Slide 29 text

2018 要所要所にテカリと影を入れる（質感にもよる） 29 テカリ影テカリ影

Slide 30

Slide 30 text

2018 じゅうたんのような粗い？布はしっかり模様を描く 30 茶色い模様

Slide 31

Slide 31 text

2015-2024 [WWA素材第3世代] 31

Slide 32

Slide 32 text

2015-2024 32 制作に使用する形態ばかりでは分かりにくい？

Slide 33

Slide 33 text

2015-2024 33

Slide 34

Slide 34 text

2024 34 これまでパソコンでマップチップばかり作ってましたが・・・

Slide 35

Slide 35 text

2024 タブレットでアイテムやキャラとかを描くようになった 35

Slide 36

Slide 36 text

雑に描いてブラッシュアップ 36

Slide 37

Slide 37 text

考えていること ● 色はちゃんと決める ● 光源と影、質感を意識する ● とりあえず最初は雑に書いておくと筆（？）が進む ● ゲーム用で使用するのであれば、規格サイズに頑張って収める 37