読者です 読者をやめる 読者になる 読者になる

ムーぶろ

株式会社オフィスムーブの雑記ブログです。2D アニメーション ソフト[spine]挑戦中。随時ご質問等、お気軽にください(^O^)

spineはじめました3(メッシュ編)

 

作業分担紹介編
こちらでちらっと登場した「メッシュ機能」を紹介します

わかりやすいようにこちらの一枚絵を使用して

f:id:officemove:20170227150949p:plain

 

「メッシュ編集」から、まずは輪郭をなぞって
形を縁取るようにポイントを打ちます。

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

f:id:officemove:20170227153619p:plain


もしこの絵が3Dポリゴン化したときにどんなポイントになるか?
と想像しながら打ちます。

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

f:id:officemove:20170227150950p:plain

 そこから、内側の「面」と「辺」を意識しながら打ちます。
クリックで青色の点(point)、ドラッグでオレンジ色の辺(edge)が使えます

外側以外の輪郭にはedge、柔らかく動かしたい部分はpoint
分けると打ちやすいかもしれません。

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

 打ったポイントを動かすと周辺の絵が付いてくるようになります
それを利用して立体的な動きをつけます

f:id:officemove:20170227163140g:plain

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
こちらで出てきた「回転」「トランスレート」を使用して
縦横移動以外にも、「メッシュ機能」で奥行きが追加されましたね!

f:id:officemove:20170227162924g:plain

でも、単純な絵はこれで動かせますが
腕とか脚とか、関節部分はどうするのかな?

次は「ボーン機能」について紹介したいと思います


※追記
制作過程を録画しました

officemove.hatenablog.com

spineはじめました2

officemove.hatenablog.com

以前こちらの記事で紹介したアニメーションについて
どういう風に作られているのか、機能を限定して書きたいと思います!

回転、トランスレート、スケール、Shear機能を
組み合わせて作ってます。

 

youtu.be

 

でもこれだけだと、ただの1枚絵を動かしてるだけにしか

見えませんね???

 

次の記事では、「spine」の醍醐味、
一枚絵が立体に見えるようになる「メッシュ機能」について
書きたいと思います

iOSアプリ「iMessage」かっぱステッカー


自社の「かっぱステッカー」がappleのおすすめで紹介されました!

かっぱとかたつむりのユルイ日常をイラストで表現しました。
友達や家族との気を張らないやりとりの中で使えるステッカーが豊富なので
ぜひ使ってみてください! 無料なのでお気軽にどうぞ。

かっぱスタンプ。

かっぱスタンプ。

  • OFFICE MOVE
  • ステッカー
  • 無料

 

 

f:id:officemove:20161228200424j:plain

 

検索と置換

意外とあっても気づかない機能紹介

ツリーの右から3番めのアイコンをクリックすると
オブジェクトの名前を検索できます。

f:id:officemove:20161125195107p:plain

 

これですねコレ。↓↓

f:id:officemove:20161125195503p:plain


ファイル名に「_」とか、組み込むときに邪魔な場合があるので
その時に使うと便利かもしれないですね。

f:id:officemove:20161125195217p:plain

tranceformのホットキー

tranceformに限った事じゃないんですが
マウスマーソル合わせてるとホットキー教えてくれるんですね。
意外に気づかないかも。

 

f:id:officemove:20161117144425p:plain

f:id:officemove:20161117144430p:plain

tranceform一番使う気がするので、ホットキーメモ。

C:回転

V:トランスレート

X:スケール

Z:Shear

spineはじめました

2Dアニメから3Dぽくアニメできるソフト「spine」でアニメ作ってみました。

スパイン(spine)とは……
この1枚絵が………

f:id:officemove:20161114190240j:plain

↓↓↓↓↓↓↓↓↓↓

f:id:officemove:20161114181316g:plain

なんか3Dっぽく動く!!!!
2Dが3Dに!?えっなんかすごい!

 

そんなカンジのを作れるソフトです。

大分ざっくり書きましたが(むしろまだ何も書いてない)
IKとかボーンとかメッシュとか、色んな機能があります
一度に書ききれないのでとりあえず紹介です!こんなんできますよ!

次回からは、使える機能を絞ってまとめて書いていきたいと思っています。