[試] iPhoneアプリ開発で画像素材の準備に役立つサイトとツールのまとめ | リソースをうまく利用して素晴らしいUIを!

[試] iPhoneアプリ開発で画像素材の準備に役立つサイトとツールのまとめ | リソースをうまく利用して素晴らしいUIを!
photo credit: Tiziano Caviglia via photopin cc

こんにちは、marubon(@marubon_jp)です。

今回は、iPhoneアプリ開発で使用するアイコンやテクスチャ素材等を作成するにあたり役に立つサイトやアプリを紹介したいと思います。

 

紹介する内容のサマリ

以下の3つの観点に沿って紹介したいと思います。

素材編
素材の提供サイトを紹介します。
作成・レタッチ編
画像を組み合わせて別の画像を作成したり、レタッチするためのアプリを紹介します。
サイズ変更・圧縮編
最後のサイズ変更や画像の圧縮をするためのアプリ、サービスを紹介します。

素材編

素材は大きく分けて、ボタンに使用する画像と背景等に貼り付けるテクスチャに分類することができます。まずは、ボタンの画像として役立つ素材を続いてテクスチャの素材サイトを紹介します。尚、一言にフリーと言っても画像には順守すべきライセンスがあるので、ダウンロードする際に確認するようにして下さい。

ボタン用画像

前半の2つのサイトがアイコンの検索エンジンになります。後半が様々なアイコンをまとめて提供してくれているサイトです。

アイコン検索エンジン – 410185 の、無料アイコン、PNGアイコン、ウェブアイコンをダウンロードしました。
Icon Search Engine | Iconfinder
iconSweets 2 » Even more free icons by Yummygum
WebHostingHub Glyphs
Free Icon Pack: 375 Retina-Display-Ready Icons
Free vectors icons for download and Icon font | Flaticon

背景等に使用するテクスチャ

様々なテクスチャがフリー提供されています。

deviantART: where ART meets application!
27 Free Navigation Bar Designs To Use In Your iPhone App | iPhone and iOS App UI Design Templates

作成・レタッチ編

Adobe Photoshopがあればいいのですが、私は所有していないので、オープンソースのフリーソフトであるGIMPを使用しています。アイコン作成に必要な機能は一通り揃っており、おすすめです。

GIMP – The GNU Image Manipulation Program

サイズ変更・圧縮編

iPhoneアプリのアイコンは複数サイズ準備する必要があるので、手作業で全て対応しようとすると手間がかかります。そんな時に役立つのが以下のサービスで必要な種類のサイズを一度に作成してくれます。

Makeappicon – Generate app icons of all sizes in a click!

画像を圧縮するサービスやアプリについては、以下のエントリで紹介しているので参照してみて下さい。

[試] 画像圧縮をしてくれるWebサービスとソフトウェアのまとめ | サーバ側のデータ容量圧縮、クライアント側のレスポンスタイム改善の強い味方

まとめ

というわけで、以下の3つの観点で役立つサイトとツールについて紹介しました。

  • 素材編
  • 作成・レタッチ編
  • サイズ変更・圧縮編

 

後書き

ブログ更新が一ヶ月以上滞ってしまいました。仕切りなおして更新頻度の向上を誓うmarubon(@marubon_jp)でした。