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
240
pixel-art-skill-and-knowhow/ドット絵の経歴と知見
Aokashi
January 10, 2025
Tweet
Share
More Decks by Aokashi
See All by Aokashi
今時のWebサーバーに追いついていきたい/IWantToGetModernServer
aokashi
0
570
Aokashi Home リニューアルのお知らせ/aokashi_home_renewal
aokashi
0
450
LT4_HugoでWebサイト(ブログ)作り/MakeWebSiteWithHugo
aokashi
0
190
自作パソコンが直らない話/DonotRepairBuildPCTalk
aokashi
0
380
Other Decks in Design
See All in Design
Where to Start with a Design System Across Different Frontend Frameworks | SpectrumTokyoMeetup#15
tararira
0
160
タイミーでフィールドワークしたら、サービスデザインが始まった
kenichiota0711
1
900
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
1.1k
発表資料テンプレート / My slide template
thatblue
0
280
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 移動・不動産領域の取り組み
tmtgtkhs
0
240
The Golden Whitney
ohtristanart
PRO
0
240
Building foundations 堅牢なデザイントークンの設計
hilokifigma
1
2.9k
250131_product meetup
motokoishida
0
160
藤本佳子・ポートフォリオ・2025/01
yoshi_designer
1
4.7k
Dive Deep into Communication
yomtsu
0
240
デザイナーのマネジメント職、 身構えずにやっていこう
fumink7
0
860
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
230
Featured
See All Featured
Art, The Web, and Tiny UX
lynnandtonic
298
20k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Building a Modern Day E-commerce SEO Strategy
aleyda
40
7.2k
The Cost Of JavaScript in 2023
addyosmani
49
7.7k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.1k
Producing Creativity
orderedlist
PRO
344
40k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Faster Mobile Websites
deanohume
306
31k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
5
520
Side Projects
sachag
452
42k
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