本日もやってまいりました!サイト運営スタッフが「知らなきゃ損な iPhone 情報」をお届けさせていただきます!
iPhoneのホーム画面はおしゃれな画像や、お気に入りの写真を壁紙に設定して、楽しんでる方は多いですよね。
それ以外にIOS.14のアップデートから、画面に並ぶアプリのアイコンが、カスタマイズできる様になっているんです。
![avatar](https://smapla-media.tokyo/wp/wp-content/uploads/2021/02/山下.jpg)
![avatar](https://smapla-media.tokyo/wp/wp-content/uploads/2021/02/黒川.jpg)
今回はお好きな画像を使ってアイコンを作成する方法と、アイコン配置をカスタマイズしたように見せる透明アイコンの作り方をご紹介します!
自分のオリジナル画面を作ってみたい方は、ぜひチェックしてくださいね。
【iPhone】好きな画像を使ってアイコン作成
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/phone-6653113_1920-1024x683.jpg)
ショートカットアプリを使って、アイコンをカスタマイズしてみましょう。
ショートカットアプリがない場合は、↓からダウンロードしてください。
アイコンのカスタマイズ方法
【サクッと手順】
- ショートカットアプリから<+>をタップして<アクションを追加>を選択
- <スクリプティング>から<Appを開くをタップ
- アイコンを変えたいアプリを選択
- 青ボタンから<ホーム画面に追加>を選択
- アイコンをタップして写真を選択
- アイコンに名まえをつけて選択をタップ
①ショートカットアプリを起動して右上にある<+>をタップ。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9560-505x1024.jpg)
②<アクションを追加>のボタンをタップ。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9561-498x1024.jpg)
③<スクリプティング>をタップ。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9562-528x1024.jpg)
④スクリプティングにある<APPを開く>をタップ。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9563-513x1024.jpg)
⑤カスタマイズしたいアプリを検索欄で探すか、アプリをタップして選択。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9565-528x1024.jpg)
⑥右上にある円形の青いアイコンをタップ。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9566-497x1024.jpg)
⑦新規ショートカットにある<ホーム画面に追加>ボタンをタップ。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9567-506x1024.jpg)
⑧新規ショートカットと書かれた左にある青い枠のアイコンをタップ。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9568-504x1024.jpg)
⑨写真の項目がいくつか出るので<写真を選択>をタップ。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9569-505x1024.jpg)
⑩アイコンの画像が決まったら右下の選択ボタンをタップ。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9570-513x1024.jpg)
⑪アプリの名前を入力します。元々の名称でもいいですし、自分で名前を決めても大丈夫です。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9571-542x1024.jpg)
⑫名前が決まったら右上の<追加>ボタンをタップ。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9572-509x1024.jpg)
⑬オリジナルアイコンがホーム画面に表示されました。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9617-513x1024.jpg)
使わなくなったアプリは<APPライブラリ>に保管しておきましょう。(ホーム画面から一番右のページまで行くと出ます)
使いたい時は長押しから←にスワイプで画面に戻せます。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/07/banner2_tenpo-1-1024x355.jpg)
オリジナルアイコンに出てくる通知をなくす裏技
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/media-998990_1920-1-1024x743.jpg)
新しいアイコンを開くと、上から<新規ショートカット>の通知が出てきます。
放置していてもいいのですが、アプリの設定を使って通知を消してしまいましょう!
オリジナルアイコンは通知が表示される
一度開いてみるとわかると思いますが、上から<✓>の入ったバナー通知が出てきてしまうんです。
わざわざアイコンを作ったのに地味なストレスになりますよね。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9577-543x1024.jpg)
ショートカットからバナー通知を消す設定方法
【サクッと手順】
- ショートカットアプリの「個人用オートメーション作成」から「App」の項目をタップ
- <App>から選択のボタンをタップ
- App欄から通知が表示されるAppをタップ
- <+アクションを追加>のボタンをタップ
- <数字>を入力して数字ボタンをタップ
- <実行前に尋ねない>のボタンをOFFにして完了をタップ
設定が完了していても、稀に通知が出ることがあります。
今のところ原因は不明です。
①ショートカットアプリから<オートメーション >ボタンをタップ。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9578-500x1024.jpg)
②上にある<個人用 オートメーション作成>ボタンをタップ。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9579-503x1024.jpg)
③新規オートメーションで下にスクロールしていくと、<App>の項目が出てくるのでタップ。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9580-497x1024.jpg)
④<開いている>ボタンにチェックが入っていたら、中央の<選択>ボタンをタップ。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9581-499x1024.jpg)
⑤通知が出てきてしまうアプリを選択したら、右上の<完了>ボタンをタップ。
(今回はsafariのアプリから通知が表示されたのでsafariを選びました)
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9619-542x1024.jpg)
⑥Appの欄に先ほど選んだアプリ名が入っているのを確認したら、右上の<次へ>ボタンをタップ。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9583-506x1024.jpg)
⑦< アクションを追加>ボタンをタップ。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9584-505x1024.jpg)
⑧検索欄に”数字”と検索をかけると、スクリプティングに<#数字>の項目が出るのでタップ。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9585-503x1024.jpg)
⑨右上にある<次へ>ボタンをタップ。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9586-505x1024.jpg)
⑩下の<実行の前に尋ねる>の項目にスイッチボタンがあるので、OFFに設定。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9620-505x1024.jpg)
⑪ポップアップに、実行の前に尋ねないようにしますか?と出るので<尋ねない>をタップして、最後に<完了>ボタンをタップ。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9587-505x1024.jpg)
透明アイコンを作成して壁紙を目立たせる方法
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/smartphoneIMGL4224_TP_V-1-1024x682.jpg)
アイコンは縦・横均等に並びますが、透明アイコンを作ることによって壁紙のイラストを目立たせたり、配列を変えることが可能です。
オリジナルの<絵文字・ミー文字作成>記事も気になる方は合わせてどうぞ。
内部リンク:13記事目/【iPhone】アプリと搭載機能でオリジナルの絵文方法を作る方法
透明アイコンとはどんなもの?
ホーム画面の背景画像を写したアイコンのことです。実際の中身はsafariの複製となります。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9688-544x1024.jpg)
初めにホーム画面のスクリーンショットを撮ろう
アイコンのないホーム画面の画像が必要になるので、スクリーンショットしておきましょう。
①ホーム画面の空いた部分を長押して、編集モードにしたら←にスライドします。(右端ページを出します)
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9689-473x1024.jpg)
②アイコンのない画面が出てくるので、このままスクリーンショットしましょう。
(トリミングはしないでください)
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9690-484x1024.jpg)
透明アイコンを作ろう
<safari>から iEmptyというサイトへ行きましょう。サイトは英語表記ですが、難しい工程はありません。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9666-618x1024.jpg)
公式から作成方法の動画も出ています(英文)
【サクッと手順】
- Safari→ iEmptyから<Add empty icons>の項目をタップ
- <Choose File>をタップして先ほどのホーム画面のスクショを選択
- 透明アイコンの配置画面図を確認する
- 配置する場所を選択したら、ホーム画面に追加して並べていく
①iEmptyを下にスクロールすると、緑色の<Add empty icons>ボタンがあるのでタップ。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9691-504x1024.jpg)
②青色の「Choose File」ボタンをタップすると「写真ライブラリ」の項目が出るのでタップ。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9693-511x1024.jpg)
③先程のスクリーンショットしたホーム画面を選択して、右下の<選択>ボタンをタップ。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9695-488x1024.jpg)
④緑色の<Send>ボタンをタップして、透明アイコンの配置画面図が出来上がるのを待ちましょう。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9696-495x1024.jpg)
⑤読み込みが終わって下にスクロールすると、アイコンがたくさん並んだ配置図が出来上がります。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9698-496x1024.jpg)
⑥青文字のOptions欄から<Bookmark>のボタンをタップ(アイコン配置図の上にあります)
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9700-495x1024.jpg)
⑦無料版は一回で3つまでしか、アイコンを作れません。
作りたい場所を選んでから、下にある緑色の<+Add 3 icons>をタップ。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9702-496x1024.jpg)
⑧iPhoneの四角いアイコン(共有メニュー)をタップ。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9703-523x1024.jpg)
⑨<ホーム画面に追加>の項目をタップ。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9704-495x1024.jpg)
⑩何も入力しないで<追加>ボタンをタップ。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9705-501x1024.jpg)
⑪ホーム画面に1つ、透明アイコンが配置されていると思います。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9707-497x1024.jpg)
⑫2つ目の透明アイコンを作ります。
safariに戻り、透明アイコンの下にある” > “(右矢印)をタップすると、次のアイコンが出ます。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9708-519x1024.jpg)
⑬再度、iPhoneの共有アイコンから<ホーム画面に追加>を選び、作成してください。
3つ目の透明アイコンも⑧~⑪の過程を繰りかえします。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9709-512x1024.jpg)
⑭4つ目を作成する場合は、safariに戻り左上の” < “をタップして、⑦の工程からまた作成してください。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9713-498x1024.jpg)
⑮編集モードにして、作ったアイコンを背景画像に合わせて並べれば完成です。
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/06/IMG-9712-486x1024.jpg)
まとめ
iPhoneのアイコン作成方法について以下をまとめました。
- オリジナルアイコンは「ショートカット」アプリから作ることが可能
- オリジナルアイコンから出てくる通知は、ショートカットの設定から消せる(ただし完全には消えない)
- 外部サイトを使ってアイコンをカスタマイズし、ホーム画面を引き立たせることも出来る
ご紹介したアイコン作成方法で、ぜひiPhoneのホーム画面を楽しくカスタマイズしてください!
![](https://smapla-media.tokyo/wp/wp-content/uploads/2022/07/banner2_tenpo-2-1024x355.jpg)