[Unity]iPhoneで簡単画像加工！？手軽にオリジナルの素材を調達しよう！

#はじめに
皆さんは普段Unityなどに使用する素材を調達するときどうしていますか？
**AssetStore**を参照したり、**「ボタン フリー素材　透過」**などで検索かけたりしていますでしょうか。
このように素材を探しているときに自分の求めているイメージ通りの素材が見つからなかったり、少し素材の画像を変更したいなと思った経験、おそらく多くの人にありますよね。

そんなとき私は、女子高生時代駆使していたスマホアプリやネットサービスを使ってなんとか素材をいじれないものかと試行錯誤していました。

そこで今回は、私自身オリジナルの素材(ボタンや背景)を作ったときに**これはかなり便利だな**と思ったサービスや使い方を一部ですが紹介していきます。

(※この記事上のリンクは一部スマホのみ対応しております)

#ブラウザ編
ブラウザ編で紹介しているものはPC上でも同じように使用できますが、手軽さを求めるのであればスマホ上での利用をお勧めします。

###[バナー工房](http://bit.ly/38LvySP "バナー工房")
こちらは主に画像の切り抜きに使用していました。会員登録などは一切不要で、**切り抜き**以外にも**容量を減らしたり**、**モザイクをかけたり**、**色取得をしたり**できる他、**フレーム**や**スタンプ**で画像を可愛くすることもできます。
![IMG_9001-2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/550954/3b80f31b-3b15-dedb-f9e9-56d79b163020.png)


これは一部にすぎませんが、たくさん機能がありますね。困ったらとりあえずこのサイトに飛べば間違い無いかと思います。



###[remove.bg](https://www.remove.bg/ "remove.bg")
こちらはAIを使ってわずか数秒で**画像の透過**をしてくれるサイトです。人物だけではなく、イラストも切り取ってくれます。フリー素材の背景を透過したいときなどにおすすめです。
        
- 使い方

![IMG_9009-2.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/550954/3f5fd813-6232-032a-f79f-330f282da503.jpeg)

まず「**Upload Image**」を押して透過したい画像を選択します。
今回は以下の画像を使用しました。
![IMG_8999-2.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/550954/72ee65d4-9048-ec5d-ec7f-2d421ca6e80b.jpeg)

選択した後、数秒待つとあっという間に透過されています。
「**Download**」ボタンを押して、保存完了です。
![IMG_9008-2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/550954/2c0e90fa-d709-0b39-3751-340ab4f7efbd.png)

![IMG_9011-2.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/550954/e14a35fc-f679-ad39-ad0f-4df4b21b6356.jpeg)



      
###[I LOVE IMG](https://www.iloveimg.com/ja "I LOVE IMG")
これは画像の圧縮やサイズ変更、jpgへの形式変換に加えGIFアニメーションを作成したりできます。unityで対応している画像の形式はBMP、EXR、GIF、HDR、IFF、JPG、PICT、PNG、PSD、TGA、TIFFです。そのためあまり形式変換などは利用しないかとは思いますが知っておくと便利なサイトの一つですね。こちらも会員登録は不要です。
今回この記事を書くにあたって画像のサイズ変更はこちらのサイトを駆使しました。やっぱりめちゃめちゃ便利。シンプル is the best.

![IMG_9012-2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/550954/3539c04c-bdb9-4e6f-fb0e-bec0692a7b57.png)




#スマホアプリ編
###[PicsArt](https://apple.co/2Pteycy "PicsArt")
こちらは聞いたことある方多いのではないでしょうか。かなり万能なアプリで正直これさえあればやりたいことのほとんどはできます。このアプリには大きく『編集』『コラージュ』『ペイント』『ステッカー』の4つの機能があります。今回は写真をイラスト風にしていきたいと思います。この機能さえマスターすればゲーム内の背景も簡単に作れちゃいますね！
 
- 今回はこのPicsArtでイラスト風の背景を作っていきたいと思います！まず適当な写真を用意しましょう。今回はよく使われがちな学校の写真を使います。

![IMG_9020.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/550954/170ccd7c-01ea-0307-e361-f32eac4d4b82.jpeg)

こんな感じ。それではアプリを立ち上げて画像編集に取り掛かりましょう。
![IMG_9030-2.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/550954/0d133cc4-f255-db3a-91f2-9c4866eb7a01.jpeg)

まずプラスボタンを押し、画像を選択します。
![IMG_9031-2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/550954/b9c177e6-8d27-6411-21a8-16383cda0876.png)

そうしたらこんな感じの編集画面が出てきますね。
今回私は『エフェクト』からコミックを選択することにします。するとこんな感じに。。
![IMG_9026-2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/550954/595b6631-2a9e-a8d2-96b8-8998f7eb04c5.png)

ちょっとイラストっぽくなりましたね。しかしこれだけじゃイラスト感が弱いので『ツール』の「修正」から明るさを変更したり、エフェクトの「fx」からシャープを選んで数値をいじったりしました。(これらのやり方ももしリクエストがあれば公開したいと思います)そしてできたものがこれ。

![56EF2C5E-EC92-4D00-B055-EF5C07910578.JPEG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/550954/de9bfadc-8b7b-2f6d-1dcb-a604a404584b.jpeg)

だいぶイラストっぽくなりましたね。凝ればもっとイラスト感強くなると思います。
他にも使われがちな街中の写真も同じようにやるとこんな感じに。
![IMG_9022.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/550954/f3e8eca5-4437-355f-2de5-6540704c8e46.jpeg)
![43DE83E7-45DC-4930-8C8A-508EC5E21475.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/550954/d79f8ba0-c44d-106d-27c7-ea9b0707cbe0.jpeg)
めっちゃ便利ですよね。これはものの2分くらいでできたものなので30分もかければ違和感もなくなってきますよ！！

###[LINECAMERA](https://apple.co/2sEuqzG "LINECAMERA")
お次はこちら。私はボタンやルール説明の画面を作るのとか全部これでやってました。(JK時代によく使っていたのでこれを駆使していただけで、特にすごく使いやすい！とまではいきませんが、、)
    
ただ画像加工するならPicsArt、文字入れならこの後出てくるPhontoというサービスを推します。
ではなぜこれを使うのかというと、何と言ってもこのアプリ**どっちもこのアプリ1つでである程度のレベルまではできる**からなんです！ある程度とは、、？という感じかと思いますが、私は「**ゲームのUIとしては十分な**」クオリティに仕上げることができていました。周りの評判も上々でした。本当に全ての作業が簡単なのでただの黄色い画像も、、、⬇︎

![IMG_9033-2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/550954/2a64c254-bd24-8631-4020-45603d8e33da.png)

![IMG_9034 2-2.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/550954/39d6c47d-7668-63cf-4e94-eacc131e8f9a.jpeg)

簡単にボタン用の画像になっちゃいます。(作業時間1分もかかってない)
フレームや文字入れ、フィルターなど結構な種類あるのでかなりこだわりない限りすぐできちゃいますよ〜！




###[SNOW](https://apple.co/2rJzTW9 "SNOW")
いやこれ顔面詐欺自撮りアプリちゃうんか〜いと。思う方多いでしょう。実はこれ、**とっても便利**なんです。他のアプリにはない女の子らしいフレームもたくさんあるのでかわいい系のゲーム作る人とか是非使ってみてほしいですね。
こんな感じとかね、ちなみにモデルはうちの子です。かわいい。
![IMG_9035-2.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/550954/448aff66-0d4e-a3e0-0087-569e2d35767c.jpeg)
![IMG_9036-2.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/550954/832bc99b-60b1-c3d5-b4fc-6cce68fe20e4.jpeg)




###[Phonto 写真文字入れ](https://apple.co/38JF8pf "Phonto 写真文字入れ")
文字入れに**超絶おすすめ**なのがこれ。とにかく英字フォントの種類が尋常じゃない。本当にこれ無料で使っていいの？レベルです、、、

![phonto 3-2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/550954/669d7aa6-7a8c-c491-59b6-e48effa10b46.png)


私のお気に入りのフォントたちです。超絶かっこよくないですか？？

###[canva](https://apple.co/2PuAsMr "canva")

 
このサイトは画像編集に限らず、もともとたくさんの画像が用意されています。スマホアプリ版だけでなくPC上ならブラウザでも使用可能です。有料版だとサービス上の全ての素材を使うことが可能ですが、無料でもたくさん素敵な**フリー画像**があるので背景などにぜひ使ってみてくださいね〜！(年賀状などもこれで作れますよ！)


#まとめ

私の**おすすめ編集ツール集**いかがでしたでしょうか？
実際アプリをリリースしたり、商用利用などする際は必ずサービス提供元の注意事項を読んでから使用しましょう。(一部の機能は私的利用のみOKなものもございます)

皆さんもぜひ色々試してお気に入りのツールを見つけてくださいね！
需要があれば**第二弾**も更新します！