Unityでスプライト(画像が1つまとめてあるやつ)を切り分ける方法

Spriteをわける方法

ゲーム開発で使えそうな素材を探しているときに、上のように様々な画像が1つにまとめてある画像に遭遇することがよくあります。

このような画像をUnityエディタ上で切り分ける方法をお伝えします。Layoutは【2 by 3】になっているので、見にくかったら変えてね。

目次

前提条件

Spriteをわける方法

このように1つの画像に様々な画像が入っているデータをプロジェクトウィンドウに格納しておいてください。

ちなみにこの画像は、ぴぽや倉庫のロウィンキャラクターです。

>>ぴぽや倉庫のハロウィンキャラクターを見に行く

Unityでスプライトを切り分ける方法

  1. 切り分けたいスプライトを選択
  2. 【Sprite Mode】を【Multiple】に変換
  3. 【Sprite Editor】を選択
  4. 【Apply】を選択
  5. 【Slice】→【Automatic】→【Slice】→【Apply】
  6. できあがり

2Dで行っています。

切り分けたいスプライトを選択

切り分けたいスプライトを選択

【プロジェクトウィンドウ】→【切り分けたいスプライトを選択】

【Sprite Mode】を【Multiple】に変更

Unityエディアをスプライトモードに変える

【Inspector】→【Sprite Mode】→【Multiple】

【Sprite Editor】を選択

Sprite Editorを選択

【Multiple】であることを確認→【Sprite Editor】を選択

【Apply】を選択

SpriteEditorのeditorを選択

【Apply】を選択

ここで「Sprite Editor」が開きます。

【Slice】→【Automatic】→【Slice】→【Apply】

スプライトエディタを開く

【Slice】→【Automatic】→【Slice】→【Apply】

これで切り分け完了です。【Sprite Editor】は消しちゃっていいです。

できあがり

スプライトを切り分けた

【Unityエディタに戻る】→【最初に選択した画像の横の矢印を押す】→【切り分けれた画像が表示される】

あれなんかつながってると思うかもしれませんが、Sceneビューになんでもいいので切り分けられた画像を設置してみてください。しっかり切り分けられてます。

もしうまく切り分けられないor手動で切り分けたい場合

手動でスプライトを切り分ける

【Sprite Editor】→【左クリックでわけたい部分を囲むドラッグで囲む】→【Apply】

なにかしら不具合でうまく切り分けられないときは手動で切り分けましょ。

まとめ

●スプライトを切り分ける方法

  1. 切り分けたいスプライトを選択
  2. 【Sprite Mode】を【Multiple】に変換
  3. 【Sprite Editor】を選択
  4. 【Apply】を選択
  5. 【Slice】→【Automatic】→【Slice】→【Apply】
  6. できあがり

ゲームの素材を探していると思いますので、こちらの記事も参考になると思います。

あわせて読みたい
【まとめ】ゲーム開発で使えるフリー素材<キャラクター・モンスター編>
【まとめ】ゲーム開発で使えるフリー素材<キャラクター・モンスター編>ゲームで開発で使えるキャラクターやモンスターの素材がほしいな商用利用可能なのかライセンスが必要なのかもまとめてほしいということはありませんか。ここではゲーム...
あわせて読みたい
【まとめ】ゲーム開発で使えるフリー素材<アイコン編>
【まとめ】ゲーム開発で使えるフリー素材<アイコン編> ゲームで開発で使えるアイコンの素材がほしいな 商用利用可能なのかライセンスが必要なのかもまとめてほしいということはありませんか。ここではゲーム開発に使える...
あわせて読みたい
【まとめ】ゲーム開発で使えるフリー素材<背景編>
【まとめ】ゲーム開発で使えるフリー素材<背景編> ゲームで開発で使える背景・壁紙がほしいな 商用利用可能なのかライセンスが必要なのかもまとめてほしいということはありませんか。ここではゲーム開発に使える、背...
あわせて読みたい
【まとめ】ゲーム開発で使えるフリー素材<音楽・効果音編>
【まとめ】ゲーム開発で使えるフリー素材<音楽・効果音編> ゲームで開発で使える音楽の素材がほしいな 商用利用可能なのかライセンスが必要なのかもまとめてほしいということはありませんか。ここではゲーム開発に使える、音...

ぜひゲーム開発に役立ててくださいませ。

以上さぎのみや(@saginomiya8)でした。

Unityでスプライトを切り分ける

この記事が気に入ったら
いいね または フォローしてね!

よかったらシェアしてね!
URLをコピーする
URLをコピーしました!

コメント

コメント一覧 (1件)

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次
閉じる