Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
初心者がさわるLive2D
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
黒七海
February 15, 2019
17
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
初心者がさわるLive2D
2019/02/15行われたLive2DCreatorSessionsで発表した資料です。
初心者目線でどのようにLive2Dに入っていったかを解説しました。
黒七海
February 15, 2019
Featured
See All Featured
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
450
KATA
mclloyd
PRO
35
16k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
2
6.3k
GraphQLとの向き合い方2022年版
quramy
50
15k
Building Better People: How to give real-time feedback that sticks.
wjessup
371
20k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
63
46k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
Scaling GitHub
holman
464
140k
Art, The Web, and Tiny UX
lynnandtonic
304
22k
Optimizing for Happiness
mojombo
378
71k
The Art of Programming - Codeland 2020
erikaheidi
57
14k
Mind Mapping
helmedeiros
1
400
Transcript
初心者がさわるLive2D 発表者:黒七海(@orishichika_K)
黒七海(Twitter) 18卒のゲームデザイナー ・Live2D歴:3ヶ月(使用時間は24時間経ったくらい) ・物心ついた時から絵を描いてた生粋のお絵描きマン 自己紹介
Live2Dを知ってモデル作りたーいと思ったデザイナーが つらいめうって言いながらモデル作った流れ 概要
デザイン知識しかなくて初めてLive2D触る人向けです 概要
そもそもなんでLive2Dやりたくなったか よくある軽率な理由で始めてみることに イラスト1枚で動 かせるなんてす ごい!! 何枚も描く アニメより 楽そう! 推し動いて! 自分の絵
動かしたい! まずはじめに
はじめてのLive2D とりあえずやってみよう
ここだけはまぁよかった はじめてのLive2D 分割しながら 描いてみる とりあえずパーツを分けて動かすっていうのはわかっていたので…
はじめてのLive2D 知らないマーク や単語だらけ パラメータさえ設 定すれば動くは ず…! Live2dに作業が移行すると…
はじめてのLive2D
はじめてのLive2D 挫折した
はじめてのLive2D ネット検索しても解 決策が見つからな い サンプルと自分の 絵って違うし参考 にならなくない?
はじめてのLive2D 数年前のこんな経験を経て 改めてやろうとした時わからなかったことをまとめてみる
・まずソフトのダウンロード箇所からわからん(新しいverで場所変わってた) ・Live2dモデルに落とし込むキャラ描き方がわからん ・パーツわけどうわければいいかわからん ・UIの中身の意味がわからん、単語の意味がわからん(PhotoshopともUnityとも全然違う) ・キャラ描けて読み込むまではなんとかできた…でもこっから何すればええのわからん ・パラメータの読み込ませ方わからん。なんであの時分散したんだ 結論:なんもわからん はじめてのLive2D
こんなん一人じゃ無理だ。 そうだ。誰かと一緒に悩もう。
モデルの描き方 一枚絵から分けても、パーツ分けながら描いてもどちらでも好きなように。 自分に合う方法でやるしかない しんどい わかるようになってきたLive2D
パーツわけ 基本、一番手間がかかるのが目ぱち、口ぱく、顔の回転 やりたいけど…! いきなり自分の高い理想に沿ってやると何が何だかわからない 簡易SDイラストを描いて少なめにパーツを分けてみるか サンプルモデルでとりあえず学んでみるのが一番いい 慣れていくしかない すでにとてもつらい 顔の向き 変えたい
わかるようになってきたLive2D 口ぱく したい 目ぱち したい まずは簡単な動きからー!!!
UIの中身の意味が分からない、単語の意味がわからない (PhotoshopともUnityとも全然違う) これに関しては知ってる人にある程度教わった。 そしてPhotoshop民の思ったイメージ パーツ→レイヤー デフォーマ→変形ツール、メッシュ変形ツール …を各パーツやグループごとに動かせるようにするやつ インスペクタ→比較がない!とりあえずデフォーマの設定を細かくいじれるやつ パラメータ→動きを記憶させるやつ 大体こんなイメージ
わかるようになってきたLive2D デフォーマ インスペクタ
で、それがわかって何をするか。 ざっくりとこんな流れ。 ・メッシュをつける ・デフォーマをつける ・パラメータをつける わかるようになってきたLive2D
で、それがわかって何をするか。 ざっくりとこんな流れ。 ・メッシュをつける ・デフォーマをつける ・パラメータをつける そしてこんな気力配分 ※あくまでも個人の見解です わかるようになってきたLive2D 顔周り以外 かなり楽
多すぎ つらい しんどい 大変だけど 楽しい
パーツ数が多ければ多いほど、デフォーマの設定も増える ワープデフォーマ(メッシュ変形) 回転デフォーマ(軸から回転させる動き) と使い分けながら大量に設定する めっちゃしんどい わかるようになってきたLive2D 顔周りも頑張った結果 まだ下に続いているデフォーマ
わかるようになってきたLive2D そんな苦難とかいろいろを乗り越え、 人生で初めて形にできたものがこちら 簡単SDな上、顔の向きも変わらず、目ぱち口ぱくなしですが… 自分の絵が動いてるだけで感動する!!!
基礎がやっとわかったのでついに顔周りに挑戦
初心者から初級者へ ここからは技術習得重視のため サンプルモデルをお借りします
目の開閉 上まぶたを主軸とし、閉じる際に 他パーツを上まぶたに収納するように 変形させていく こんなやり方とは思ってなかったので 正直びっくり 初心者から初級者へ
パーツわけはこんな感じ 難易度がなぜ高いのか伺えます。 初心者から初級者へ
口の開閉 ・変形パスツールを使って変形 肌色部分を囲むメッシュ部分を引き延ばして 口内を肌色で隠す このために肌も含めて分けるんだなと思いました パーツは3つ 初心者から初級者へ
顔の回転 ただひたすらにこのデフォーマたちを動かして 向いているように見せる。頑張れ!!!! 初心者から初級者へ
そして長々と頑張った結果 … 初心者から初級者へ
まとめ ・決して楽ではない、時間はかかるもの ・描画系ツールと全然違うから感覚掴むの大変 ・情報が見つけにくくてしんどい ・それでも、少しでも動かせたときの感動は大きい
最後に… 推しは動かせた HAPPY END