4
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

GeekSalon東京(大学生限定プログラミングコミュニティ)Advent Calendar 2019

Day 21

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

Last updated at Posted at 2019-12-17

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

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

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

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

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

###バナー工房
こちらは主に画像の切り抜きに使用していました。会員登録などは一切不要で、切り抜き以外にも容量を減らしたりモザイクをかけたり色取得をしたりできる他、フレームスタンプで画像を可愛くすることもできます。
IMG_9001-2.png

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

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

  • 使い方

IMG_9009-2.jpg

まず「Upload Image」を押して透過したい画像を選択します。
今回は以下の画像を使用しました。
IMG_8999-2.jpg

選択した後、数秒待つとあっという間に透過されています。
Download」ボタンを押して、保存完了です。
IMG_9008-2.png

IMG_9011-2.jpg

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

IMG_9012-2.png

#スマホアプリ編
###PicsArt
こちらは聞いたことある方多いのではないでしょうか。かなり万能なアプリで正直これさえあればやりたいことのほとんどはできます。このアプリには大きく『編集』『コラージュ』『ペイント』『ステッカー』の4つの機能があります。今回は写真をイラスト風にしていきたいと思います。この機能さえマスターすればゲーム内の背景も簡単に作れちゃいますね!

  • 今回はこのPicsArtでイラスト風の背景を作っていきたいと思います!まず適当な写真を用意しましょう。今回はよく使われがちな学校の写真を使います。

IMG_9020.JPG

こんな感じ。それではアプリを立ち上げて画像編集に取り掛かりましょう。
IMG_9030-2.jpg

まずプラスボタンを押し、画像を選択します。
IMG_9031-2.png

そうしたらこんな感じの編集画面が出てきますね。
今回私は『エフェクト』からコミックを選択することにします。するとこんな感じに。。
IMG_9026-2.png

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

56EF2C5E-EC92-4D00-B055-EF5C07910578.JPEG

だいぶイラストっぽくなりましたね。凝ればもっとイラスト感強くなると思います。
他にも使われがちな街中の写真も同じようにやるとこんな感じに。
IMG_9022.JPG
43DE83E7-45DC-4930-8C8A-508EC5E21475.JPG
めっちゃ便利ですよね。これはものの2分くらいでできたものなので30分もかければ違和感もなくなってきますよ!!

###LINECAMERA
お次はこちら。私はボタンやルール説明の画面を作るのとか全部これでやってました。(JK時代によく使っていたのでこれを駆使していただけで、特にすごく使いやすい!とまではいきませんが、、)

ただ画像加工するならPicsArt、文字入れならこの後出てくるPhontoというサービスを推します。
ではなぜこれを使うのかというと、何と言ってもこのアプリどっちもこのアプリ1つでである程度のレベルまではできるからなんです!ある程度とは、、?という感じかと思いますが、私は「ゲームのUIとしては十分な」クオリティに仕上げることができていました。周りの評判も上々でした。本当に全ての作業が簡単なのでただの黄色い画像も、、、⬇︎

IMG_9033-2.png

IMG_9034 2-2.jpg

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

###SNOW
いやこれ顔面詐欺自撮りアプリちゃうんか〜いと。思う方多いでしょう。実はこれ、とっても便利なんです。他のアプリにはない女の子らしいフレームもたくさんあるのでかわいい系のゲーム作る人とか是非使ってみてほしいですね。
こんな感じとかね、ちなみにモデルはうちの子です。かわいい。
IMG_9035-2.jpg
IMG_9036-2.jpg

###Phonto 写真文字入れ
文字入れに超絶おすすめなのがこれ。とにかく英字フォントの種類が尋常じゃない。本当にこれ無料で使っていいの?レベルです、、、

phonto 3-2.png

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

###canva

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

#まとめ

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

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

4
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?