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

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

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

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

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

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

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

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

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

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

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

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

ドット絵はじめた理由 12

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2015-2024 33

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

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

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

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

https://www.aokashi.net/material/wwa/ 38

どうぞお確かめください！ 39 自分のサイトで

https://www.aokashi.net/portfolio/wwa_material/ 40

More Decks by Aokashi