絶対に自慢したくなる!脱獄不要&無料で出来るiPhone用『透明アイコン』の作り方

61_toumei_eyecatch

友人との写真や、可愛いペットなど、お気に入りの写真をホーム画面に設定している方も多いですよね。

ですが、普通に使っているとアイコンが邪魔をして、せっかくの写真も顔が隠れてしまいます。

そんなときに便利なのが「透明アイコン」です。
脱獄なども必要がなく、iOS 12~最新のiOS 14にも対応していますよ。

そんな、超簡単な透明アイコンの作り方を紹介します!

透明アイコンとは?

説明するよりも写真を見た方が分かりやすいと思うので、下記の写真を見比べてみてください。

▼普通のホーム画面61_toumei2_setsumei

▼透明アイコンを活用したホーム画面61_toumei2_setsumei2

比べてみると一目瞭然で、「透明アイコン」の活用でペットの可愛い顔がハッキリと見えるようになりました。

これ以外にも、指が届きやすいようにアイコンを下にずらす活用法もあります。

61_toumei2_setsumei3

この透明アイコンですが、実は完全な透明というわけではありません。
ホーム画面の壁紙と全く同じデザインの、『透明のように見せかけているアイコン』のことなんです。

ぱっと見分かりませんし、とっても簡単に作れますよ。
早速作り方を覚えていきましょう。

作り方

作成する前に用意が必要なものがあります。
順番に行ってくださいね。

用意するもの

必要なものはたったの2つだけです。

要するに、アイコンを作成する壁紙と、アイコンを作成してくれるホームページが必要となります。

現在設定している壁紙で透明アイコンを作りたいけど、元の壁紙を削除してしまった」という場合は、

  1. ホーム画面でアプリを長押しする
  2. アプリが無いページ(一番右のページ)が作成されるので、そこまで移動する
  3. その画面でスクリーンショットを撮る

と、現在の背景を入手することが出来ますよ。

61_toumei3_kabegami

手順

少し手順は多いのですが、慣れたら5分もかからずに完了します。
もしエラーが出た場合は、『エラーが出た場合』の項目をご覧ください。

  1. 用意しておいたサイトをiPhoneで開く
  2. 画面真ん中の「Create empty icons」→「Upload」の順に選択する
    (オレンジ色のバーは、広告のためにCookieを使用することが書かれています。「OK, I got it!」をタップすると消えます)61_toumei4_tejun7_2
  3. Choose File」をタップし、透明アイコンを作成したい壁紙を選ぶ61_toumei4_tejun8
  4. Send」をタップする
  5. アップロードが完了すると、下記のようなアイコンを作成できる画面が表示される61_toumei4_tejun2
  6. 今回は「2×2」を選択する。
    (透明アイコンを作成したい場所を選んでください)61_toumei4_tejun3
    ※追記:サイトの仕様変更により、少しだけ手順が変わりました。
    コメント欄に記載した方法をお試しください。61_toumei4_tejun3.1
  7. 画面下の「上矢印アイコン」→「ホーム画面に追加」をタップする
    (iOS 13以降の場合は、ボタンの場所が違うのでご注意ください)
    61_toumei4_tejun461_toumei4_tejun4_1
  8. ホーム画面に戻る
  9. 作成されたアイコンを長押しして、指定の場所まで移動させる61_toumei4_tejun5
  10. ホームページに戻る
  11. 前のページに戻ると「手順⑤」が表示されるので、作成したい分だけ繰り返す

お好みの数だけ作成したら完成です。

61_toumei2_setsumei2

壁紙を変更したい場合は、もう一度「手順①」からやり直してくださいね。

※短時間のうちにアクセスすると、前の壁紙が残ってしまいます。
その場合は、「1×1」「1×2」などのアイコンが表示されている画面の【右上の鉛筆とノートマーク】を押すと、ファイルを選択する画面に戻りますよ。61_toumei4_tejun10_henkou

エラーが出た場合

アイコンを作成していて、このような「Ooops!」の画面が表示された方への対象法です。

61_toumei4_tejun9

これは、透明アイコンを作成する壁紙のサイズが適切ではない時に表示されます。
壁紙のサイズが小さかったり、大きかったりするとアイコンを作ることが出来ません。

その場合は、上記で紹介した手順で壁紙を保存し直してからチャレンジすると、上手く行きますよ。

オススメの使い方

参考に、透明アイコンの活用法をご紹介します。

ネタとしてこんな感じで使ったり、

61_toumei5_neta

このように、壁紙のデザインを活かすとオシャレですよ。

61_toumei6_oshare2

61_toumei6_oshare3

61_toumei6_oshare

まとめ

透明アイコンを使えば、各アプリのアイコンが邪魔しなくなるので、写真や画像の本来のデザインを堪能することが出来ます
作り方もとっても簡単ですし、無料で行えるのも嬉しいですね。

「それどうやってやるの?」「オシャレだね」なんて、友人からも羨ましがられますよ。
『オススメの使い方』の画像を参考にして、色んな配置に変えて遊んでみてくださいね。

コメントを見る

コメント

  1. こうじ より:

    できました\(^o^)/
    違うサイトでは、出来ませんでしたが
    丁寧な説明で分かり易かったです。

    1. ももか より:

      お褒め頂き、ありがとうございます!(*^-^*)
      素敵なホーム画面が作れますように*:+☆ (人´ω`*).☆.。.

  2. のん より:

    参考になりました!!
    ありがとうございます

    1. ももか より:

      こちらこそ、ご覧いただきありがとうございました!(*^-^*)

  3. より:

    ホーム画面に追加というボタンがでてこないのですが、どうすれば良いのでしょうか、、

    1. ももか より:

      確認したところ、iOS 13以降の場合だとボタンの場所が違っていました。情報が古くて申し訳ございません。
      記事を修正致しますので、もう一度チャレンジしていただけますと幸いです!

  4. 匿名 より:

    真っ白にしたいのですがアイコンの縁にどうしても線ができてしまいます。対処法はありますか?

    1. ももか より:

      試してみたところ、私の環境だと問題なく作成出来ました。
      (この記事通りに、真っ白の背景を使ってアイコンを作成しました)
      下記と同じアイコンを作りたいという認識で間違いないでしょうか?
      真っ白アイコン

      1. 匿名 より:

        iPhone11に変えてから自分もアイコンの縁に線が出てきて綺麗になりません。
        ずれてるとかではなくアイコンの外枠に線がある感じです
        対処法ってありますか?

        1. ももか より:

          やはり私の環境では再現できませんでした(T-T)色々とカスタマイズしまくったからかもしれません。。
          視差効果(https://support.apple.com/ja-jp/HT202655)あたりが原因かな?と思ったのですが、違う気もします。明確なお答えが出来なくてすみません・・・
          初期化するタイミングで試してみますね。

  5. 匿名 より:

    他の背景にする時はどうしたらいいのでしょうか?

    1. ももか より:

      もう一度「手順①」からやり直していただければ、違う背景で作り直せますよ!
       
      追記:短時間でアクセスした場合だと、前の背景が残ってしまっていますねm(_ _)m大変失礼しました・・・
      その場合は、「1×1」「1×2」などのアイコンが表示されている画面の、【右上の鉛筆とノートマーク】を押してください。ファイルを選択する画面に戻りますよ。

  6. しお より:

    私の場合ブランクアイコンがでずできなかったのですがこちらではできました。現在は3つだけフリーでできるようになってませんか?
    明日になったらリセットされてほしい笑
    私の場合、3つ以上はできませんでした。

    1. ももか より:

      情報ありがとうございます!
      確認したところ、プレミアム会員でないと3つまでしか作れないように変更されていますね。
      ですが、私の場合は3つ以上作ることが出来ました。
      そのうち修正されて、ほんとに3つしか作れなくなってしまいそうですね・・・(T-T)

  7. 匿名 より:

    1×1 1×2なのど画面は出てくるのですがその次にそのぼたんをおすはずなのに押してもチェックマークがつくだけです。どうしてなのでしょう。何度やってもダメです

    1. ももか より:

      まず最初に、1×1等のアイコンが並んでいるすぐ上の【Options】を「Bookmark」に変更してください。
      その後、1×1のアイコンをタップしてチェックマークを付けたら、その下の緑色のバー「+ Add 1 icons」を選択してください。
       
      そうすると、手順⑦と似た画面が表示されます。その後は手順通りでアイコンが追加出来ますよ!
       
      iOS 14が安定してきたら、記事を大幅に書き直す予定です。アップデートまでもう少々お待ちくださいm(_ _)m

  8. さい より:

    サイトの仕様が変わっていて諦めかけていたところ、こちらの追記のおかげで出来ました!ありがとうございました!

    1. ももか より:

      無事に出来て良かったです!(*^-^*)お礼のコメントありがとうございます。

コメントを残す

コメントは承認後に公開されます。
記事の情報が古くなっている場合は、ご連絡頂けますと幸いです。