Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

This article is a Private article. Only a writer and users who know the URL can access it.
Please change open range to public in publish setting if you want to share this article with other users.

More than 3 years have passed since last update.

アプリアイコンの作成と設定

Posted at

この記事は、iOSアプリ開発から公開までの流れ の第6章です。

本稿では、アプリアイコンの作成と Xcode での設定の手順を記載します。

アイコン作るのが初めてなので、何がスタンダードなのかわかっていません。
デザイン性には重点を置いてないので、お金をかけずに Keystone で作成することにします。

1. オリジナル画像を用意します

Keystone を起動し、書類 > 書類タブ > スライドのサイズ > カスタムのスライドサイズ を選択します。
1.jpeg

2. 以下の正方形サイズに設定します

後述のアイコン作成サイトの要件のため。
2.jpeg

3. お絵かきします

Ping の名称の由来を表してみました。「ピンを打ってポンが返る」と言うことで。
3.jpeg

4. JPEG(高品質) を選んで次へ
4.jpeg
5. 任意のファイル名と任意のフォルダを選択して書き出す

このファイルは後述のアイコン作成サイトのアップロード用途です。
判別できるように、xxx_upload.jpeg みたいにしておきます。
5.jpeg

6. アイコン作成サイトを開きます

MakeAppIcon
https://makeappicon.com

トースター下の Choose file... をクリックします。
11.jpeg

7. オリジナル画像を指定します
12.jpeg
8. アイコン作成中...

しばらく待ちます。(私の場合は 30 秒程度)
13.jpeg

9. アプリ名を入力します

英語を読み間違えて、アプリの説明文を入れてしまったけど、ここは任意の文字列で問題なさそう。
14.jpeg

10. アプリのカテゴリを選択します

ここは、App Store のカテゴリと同じにしておけばよさそうです。
私の場合は、「ユーティリティ」か「教育」にする予定なので。
15.jpeg

11. キーワードを入力します

Qiita 記事のタグと同じにしてみました。
16.jpeg

12. アイコン作成が完了

受け取るメールアドレスを入力して、↓ボタンをクリックします。
17.jpeg

13. Xcode のアプリアイコン画面を開きます

Assets.xcassets > Appicon を選択すると、サイズ別の枠がいくつか表示されます。
21.jpeg

14. 受信したアイコンを確認します

Zip ファイルを解凍すると、以下のようにサイズ別に画像ファイルが確認できます。
22.jpeg

15. 対応する枠に画像をセットします
23.jpeg
16. アプリアイコンが出来上がり
24.jpeg

終わり。

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?