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
pixel-art-skill-and-knowhow/ドット絵の経歴と知見
Search
Aokashi
January 10, 2025
Design
1
250
pixel-art-skill-and-knowhow/ドット絵の経歴と知見
Aokashi
January 10, 2025
Tweet
Share
More Decks by Aokashi
See All by Aokashi
今時のWebサーバーに追いついていきたい/IWantToGetModernServer
aokashi
0
580
Aokashi Home リニューアルのお知らせ/aokashi_home_renewal
aokashi
0
450
LT4_HugoでWebサイト(ブログ)作り/MakeWebSiteWithHugo
aokashi
0
190
自作パソコンが直らない話/DonotRepairBuildPCTalk
aokashi
0
390
Other Decks in Design
See All in Design
私とデザインの10年
iflection
0
110
Fem tips om ux-text • WSA-dagen 29 jan 2025
jonas_blind_hen
PRO
0
170
パンくずリストかわいい(breadcrumb so cute)
ysuda
0
240
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
340
Дизайн услуги через её визуализацию с Картой процесса-опыта
ashapiro
0
320
デザイナーのマネジメント職、 身構えずにやっていこう
fumink7
0
890
誰もがAIエージェントを"操作"したがる〜AIエージェントに求められるUX〜
ikeyatsu
2
1.6k
ポートフォリオ_藤田歩希(ほまれ)
akifujita_homarecreate
0
470
「デザイン」を信じるには
iflection
0
210
Building foundations 堅牢なデザイントークンの設計
hilokifigma
2
3.1k
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは?
atsushihomma
1
390
ほしいテンプレート制作から始めるツール学習のススメ📝
60d
0
120
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Scaling GitHub
holman
459
140k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
How to train your dragon (web standard)
notwaldorf
91
6k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
It's Worth the Effort
3n
184
28k
Mobile First: as difficult as doing things right
swwweet
223
9.6k
A Modern Web Designer's Workflow
chriscoyier
693
190k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Transcript
ドット絵の経歴と知見 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