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
0
190
pixel-art-skill-and-knowhow/ドット絵の経歴と知見
Aokashi
January 10, 2025
Tweet
Share
More Decks by Aokashi
See All by Aokashi
今時のWebサーバーに追いついていきたい/IWantToGetModernServer
aokashi
0
560
Aokashi Home リニューアルのお知らせ/aokashi_home_renewal
aokashi
0
440
LT4_HugoでWebサイト(ブログ)作り/MakeWebSiteWithHugo
aokashi
0
180
自作パソコンが直らない話/DonotRepairBuildPCTalk
aokashi
0
370
Other Decks in Design
See All in Design
【pmconf2024】ユーザーになりきる「コスプレUX」で リサーチ解像度を上げる
kamechi7222222
1
8k
portfolio2025_kanakoohata
kanako106
0
470
【デザイン初め新年会2025|01.08】事業貢献するデザイン組織の挑戦 - 2025年、課題解決をリードする。
payatsusan213
0
7.9k
Managing Design Systems (Smashing NY 2024)
nathanacurtis
2
360
富山デザイン勉強会_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
120
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 移動・不動産領域の取り組み
tmtgtkhs
0
190
FANCL×CA流アプリリニューアルPJ 成功の秘訣とそのプロセス / dx-fancl-renewal
cyberagentdevelopers
PRO
2
580
Arborea Art Book
thebogheart
1
320
エンタメ業界からDX領域に飛び込んだデザイナーが今立ち向かっている壁とは / applibot-dx-designer
cyberagentdevelopers
PRO
1
160
1年目のクリエイターがつくりあげた!採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
450
最速[要出典]アクセシビリティチェック
magi1125
2
160
志ある事業の種を社会に開花させるための挑戦/ Designship2024_Nishimura
root_recruit
0
230
Featured
See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
30
2.1k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
500
Making the Leap to Tech Lead
cromwellryan
133
9k
Building Applications with DynamoDB
mza
93
6.2k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
28
4.5k
It's Worth the Effort
3n
183
28k
YesSQL, Process and Tooling at Scale
rocio
170
14k
GraphQLとの向き合い方2022年版
quramy
44
13k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.9k
We Have a Design System, Now What?
morganepeng
51
7.3k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
26
1.9k
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