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

Transcript

1. ドット絵の経歴と知見 2025/1/11 都電LT #0 Aokashi
2. 経緯 ほとんど初対面 しかも LTをするのは7年ぶり 2
3. 経緯 自分の長ーく取り組んだ分野を LTにするのはどうかね 3
4. @aokashi について • 普段の仕事はフロントエンドエンジニ ア ◦ ReactとReduxとTypeScriptを頭抱えな がら書いてる • 趣味の仕事はWWAゲーム制作とそ の素材制作 • 埼玉県在住 このアイコン 使うのも、もう7年 4
5. 最初に 今回のドット絵制作を 解説するうえで WWAは 避けて通れない 5
6. WWAとは？ 小さい RPGツクール のようなもの 詳しいことはArunekoさんが回 答してくれるはず 6
7. WWA 魅力 と検索すれば 大体のことは わかる WWAとは？ 7
8. Arunekoさんとの関係 (1) 2015年 WWA Wing 開発の お話で知る （WWA Wingについてはこ こでは省略） 8
9. Arunekoさんとの関係 (2) 2016年 WWAが20周年 なので薄い本の 執筆に協力 9
10. Arunekoさんとの関係 (3) 2022年 コンテストの運営をほ とんど任された 現在もコンテストの応募や投票のシス テムでソースレビューはしてもらってる あなたとJAVA 今すぐダウンロー ド 10
11. ドット絵はじめた理由 2008年・・・ WWAでゲーム作りたい！ でも Macだから作成ツール動かせない！ 11
12. ドット絵はじめた理由 12
13. ドット絵はじめた理由 あっ、でも WWAのアセット(素材)なら 作れるぞ・・・ 13
14. 2008 2008/08/10 更新 ドット絵に適切ではない アンチエイリアス付きフォント 構成が アンバランス 内側が黒いままで透過してない ゲーム画面外枠 14 GIFじゃないと いけないのにPNG
15. 2008 写真編集ツールで無理やり ドット絵描いていたので こうなるのも仕方ない 15
16. 2008 ドット絵制作歴 16年半！ やれてるだけ すごい！ (と思う) 16
17. 2009 17 とりあえず周りを暗くしとけばOK みたいなノウハウはあった
18. 2008-2009 [WWA素材第1世代] 18
19. ちなみにこの頃は・・・？ 19
20. 2010 念願のWindowsパソコン 導入！ WWAが作れるようになった！ 20
21. 2010 GIF画像の カラーパレットを 意識した これしか 使わない！ WWA作ると付いてくるやつ 21
22. 意識してない 意識している GIF画像に 組み込んで みよう 22
23. 変色 している 色は そのまま 23
24. 2011-2014 [WWA素材第2世代] 24
25. 2015 WWA作ると 付いてくる キャラクターの 作風に寄せた 25
26. 2015 WWA作ると 付いてくる 画像は どこだ？ 26
27. 2018 立体感と 光源を意識した RPGツクールMV用なので、作風が異なります 27
28. 2018 立体感とは何か？ 比較してみよう！ 台車がせり出してアンバランス 上から見下ろしている姿に近い 28
29. 2018 要所要所に テカリと 影を入れる （質感にもよる） 29 テカリ 影 テカリ 影
30. 2018 じゅうたんのような 粗い？布は しっかり模様を描く 30 茶色い模様
31. 2015-2024 [WWA素材第3世代] 31
32. 2015-2024 32 制作に使用する形態ばかりでは 分かりにくい？
33. 2015-2024 33
34. 2024 34 これまで パソコンで マップチップばかり 作ってましたが・・・
35. 2024 タブレットで アイテムや キャラとかを 描くように なった 35
36. 雑に描いて ブラッシュアップ 36
37. 考えていること • 色はちゃんと決める • 光源と影、質感を意識する • とりあえず最初は雑に書いておくと 筆（？）が進む • ゲーム用で使用するのであれば、 規格サイズに頑張って収める 37
38. https://www.aokashi.net/material/wwa/ 38
39. どうぞ お確かめください！ 39 自分のサイトで
40. https://www.aokashi.net/portfolio/wwa_material/ 40