iPhoneアプリのアイコンを作る

2010.07.09 23:00
 さて、Hello World!ができたところですが、シュミレーターでアプリを起動させてみるとそのアプリ自体はただの真っ白な四角いアプリアイコンになっています。これではちょっと味気ないのでここではiPhoneアプリのアイコンの作り方を勉強します。といっても非常に簡単です。
hw-icon.png まず、57x57(px)のpng画像を作ります。これはPhotoshopなどのソフトを使って自分で作ってみてください。もし自分で作ることができなかったらグラフィック仕事の得意な友人に作ってもらうように頼みましょう。ここではHello Worldという文字の入った茶色のアイコンを作成します。

まずはXcodeを立ち上げてください。今度は立ち上げた後に新規のプロジェクトを作成しないで先ほど作成したHello Worldプロジェクトを立ち上げます。
 それから左側のファイルメニューの中から「Resources」フォルダーを選びます。その中に、
helloworld-info.plist
というファイルがあるのを見つけてください。このファイルをワンクリックすると以下のような画面になると思います。
hw-icon-1.jpghw-icon57_57.jpg 中身はいろいろなプロパティー(設定)をしているファイルであることがわかると思います。このファイルの「Icon file」という部分の設定が空白になっているはずです。

 先ほど作成したアイコン画像をXcode内に登録するには、その画像をドラッグして「Resources」フォルダにドロップしてください。画像の追加を確認(設定)する画面が出ますのでそのまま「追加」ボタンを押します。これでアイコンにする画像の追加ができました。
 それから、先程のhelloworld-info.plistファイルのアイコン設定欄に追加した画像ファイル名を書き込みます。ここではhw-iicon.pngというファイル名にしたのでその名称を書き込みます。
 最後に保存してビルドしてください。これでアイコンの出来上がりです。

iPhoneApps-icon.jpg  iPhoneアプリ特有の角丸とガラスのような鏡面仕上の反射は自動的に行ってくれます。










プロフィール



  • Name :: 山上オサム ♂(39)
  • Hobby :: 武術
  • Work :: Web Designer