週刊SleepNel新聞スマートフォン用の表示で見る週刊SleepNel新聞SleepNel所属のぽうひろが日々の個人開発で気になったことを綴ります。GIMPTwitterGooglePocketみなさん、こんにちは。前回はGIMPのパスツールを使ってボタン枠を作成しました。sleepnel.hatenablog.com今回は、作成したボタン画像をUnityで使うところまでやってみたいと思います。前回はこの状態でした。レイヤーを複製して、垂直方向に反転させます。Unityには1つの画像を複数に小分けにする機能がありますが、四角形に切り出されるため切り出しやすいようにレイヤーを配置しておきます。ついでに元画像の反転したものも作っておきました。pngに出力する前に余白がたくさんあるので、小さくしておきます。範囲選択し、画像>選択範囲にキャンパスを合わせる小さく切り取られました。ファイル>エクスポートでpng出力です。オプションはこんな感じで。この画像をUnityにドラッグドロップしましょう。一枚のSprite状態で入りましたね。SpriteModeをMultipleにし、SpriteEditorボタンを押します。確認ダイアログが出ますがApplyしますSpriteEditorウインドウが出るので、左上のSliceを押し、AutomaticでSliceボタンを押します。するとどうでしょう!!ボタンごとに枠がつきましたね!これで右上のApplyボタンを押せばスライスが完了です。結果、button_0〜3のSpriteが作成されます。これでUnityで使うことができます!!簡単にですがGIMPで複数のボタン画像をまとめて作成し、Unityに取り込みSpriteEditorでスライスするというところまで開設しました。SpriteEditorは手動で範囲を指定して切り出すこともできます。09:10GIMPでボタン作成!Unityでスライスして使ってみるよ!広告を非表示にする関連記事2017-04-06RAIN(AI)でWayPointパトロールAIを実装してみたみなさん、こんにちは。ゲームを作...2017-01-25FirebaseをUnityで使ってランキング機能を作ろう![導入編]みなさん、こんばんは。ただいまアーバンナック...2016-07-19アプリUI作成に最適!Sketchのススメみなさん、こんにちは。Editorみなさん、こんにちは。(1)編集長id:pouhiroshiよい睡眠、よいアプリ、SleepNel(スリープネル)。SleepNelは各自が作りたいものを作る、ゆる〜いアプリ・ゲーム開発者集団です。indiegamedevこんにちは。1分間にボールを投げ合って、より多くのボールを相手コートに投げ込んでいた方の勝ちのシンプルな対戦ゲームです。DodgeWarsで使用したアセット一覧記事はコチラるーちゃんのとけいここはとある森のなか。いぬのるーちゃんとくわちゃんが、おおきなとけいの前で、なにやらあそんでいるようです。きみもとけいの針をたくさんうごかして、よみかたをたのしく勉強しよう!月別アーカイブはてなブログをはじめよう!pouhiroshiさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。