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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Aokashi
January 10, 2025
Design
1
510
pixel-art-skill-and-knowhow/ドット絵の経歴と知見
Aokashi
January 10, 2025
Tweet
Share
More Decks by Aokashi
See All by Aokashi
今時のWebサーバーに追いついていきたい/IWantToGetModernServer
aokashi
0
630
Aokashi Home リニューアルのお知らせ/aokashi_home_renewal
aokashi
0
470
LT4_HugoでWebサイト(ブログ)作り/MakeWebSiteWithHugo
aokashi
0
240
自作パソコンが直らない話/DonotRepairBuildPCTalk
aokashi
0
430
Other Decks in Design
See All in Design
Spacemarket Brand Guide
spacemarket
2
210
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
a2k
0
120
TWCP#21 UXデザインと哲学のはなし
shinn
0
300
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
designer_no_pon
1
1.3k
次世代のクリエイティブ体験!Photoshopの最新機能で新しい未来を切り開こう
connecre
0
110
2026の目標「もっと定量的に事業、会社へ貢献する!」
yuri_ohashi
0
710
デザイナーが主導権を握る、AI協業の本音と実践
satosio
7
2.9k
【サイバーエージェント】Creative Switch 会社説明資料
cyberagent_creators
0
5.2k
AIエージェントが対話的なUIを返す!MCP−UIで変わるユーザ体験
daitasu
1
160
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
spring_aki
1
310
AI時代、デザイナーの価値はどこに?
tararira
0
430
体験負債を資産に変える組織的アプローチ
hikarutakase
0
610
Featured
See All Featured
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
400
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
9.9k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.8k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
1.9k
The Limits of Empathy - UXLibs8
cassininazir
1
240
Code Reviewing Like a Champion
maltzj
527
40k
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
840
Ethics towards AI in product and experience design
skipperchong
2
210
The Curious Case for Waylosing
cassininazir
0
260
Agile that works and the tools we love
rasmusluckow
331
21k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
190
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