2Dゲームを作成する際に自分でイラレで書いた画像をUnityにテクスチャとして組み込む方法がわからなかったので自分用のメモとして記事を書きます。

illustrator

イラレ側でしておくことは後ほどの切り分けのことを考えて四角で囲えるようにそれぞれのパーツをわけておくこと& png形式で保存しておくこと。背景は別にしておく。
↓この形での保存が望ましい
↓このように背景をつけておくと後で切り分けた時に背景も合わせて切り取られてしまうのでよくない

Unity

1.プロジェクト内にTextureフォルダを作成し、そこに先ほど作成したpng画像を入れる

2.Inspector画面において、緑の丸の部分を設定し、赤丸の部分でApplyした後、青丸でSprite Editorを開く

(今回は一つのpngから複数のテクスチャを切り抜く場合を想定しているのでSpriteModeをMultipleに設定しているが、一つの画像をそのままテクスチャとして用いる場合はSingleで良い)

### 3.スプライトエディタにてテクスチャ分割をする #### -形がオートで決まる場合赤のSliceを押し、Sliceタブを出す。 TypeをAutomaticに設定し(青)、緑のSliceを押してテクスチャを分割。この後は右上のApplyボタンを押すことで、分割されたシェーダーがフォルダに入る。

名前を変更したい場合はSlice後に各スプライトを選択後Nameを変更する。フォルダ内ではRenameができないので注意。

#### -形を自分で設定したい時(背景透過で使いたいロゴなどの場合) 自分でドラッグしてサイズを決める。青色の四角で切り取った部分がShaderとなる。青の線と緑の線がずれてしまった場合はBorderの部分のどれかの値が0で無くなっている場合だと思うので、0に直してあげればズレは直る。サイズが決まったら右上のApplyを押してあげればそれぞれのShaderとして毎回保存される。 **ひたすら上書きされてうまくいかない時は諦めてもう一回画像読み込みからやり直すと直った**

### 4.できたシェーダーはそのままSceneビューにドラッグすれば使える！

まとめ

次回、自分で作った画像をボタンとして使えるようにするメモ！
まだまだ理解が甘いので間違ってるところなどあったら教えてください！！