京大を掌握する

全ての模試でE判定から合格した現役京大生のブログ

【超簡単! iOS14】iPhoneアプリのアイコンを色違いや好きな画像に変えるやり方まとめ!【配布あり】

f:id:ochappa_kyoto:20200923161203j:plain

どーも、おちゃっぱです

iOS14にアップデートされてウィジェットなどホーム画面をおしゃれにする機能が出てきましたが、アプリのアイコンもウィジェットや背景に揃えて好きな画像にしたり、色を変えておしゃれにしたい方が増えたと思います

iPhoneのアプリのアイコンを色違いや好きな画像に変える超簡単なやり方を紹介したいと思います

アイコンを好きな画像に変えるやり方

アイコンにしたい画像をあらかじめダウンロードしておきます

まずは「ショートカット」というアプリを開きます

f:id:ochappa_kyoto:20200923113726j:plain

 

右上の「+」を押します

f:id:ochappa_kyoto:20200923113824j:plain

 

「+アクションを追加」を押します

f:id:ochappa_kyoto:20200923113910j:plain

 

Xの文字がアイコンになっている「スクリプティング」を押します

f:id:ochappa_kyoto:20200923114204j:plain

 

「Appを開く」を押します

f:id:ochappa_kyoto:20200923114251j:plain

 

青色の「選択」を押します

f:id:ochappa_kyoto:20200923114503j:plain

 

自分のアプリが一覧で表示されるので変えたいアプリを選択します

今回はAbemaTVでやっていきます

f:id:ochappa_kyoto:20200923114625j:plain

 

右上の「...」を押します

f:id:ochappa_kyoto:20200923114721j:plain

 

「ホーム画面に追加」を押します

f:id:ochappa_kyoto:20200923114800j:plain

 

新規ショートカットと書かれてるの横のアイコンを押して変えたい写真を選択します(ここでアプリの名前を変えられます)

f:id:ochappa_kyoto:20200923115031j:plain

 

写真選択と名前変更ができたら画面上にプレビューが表示されるので確認しましょう

これでよければ右上の「追加」を押します

f:id:ochappa_kyoto:20200923115259j:plain

 

ショートカット名(Siriから呼び出すときの名前)を入力したら右上の「完了」を押します

f:id:ochappa_kyoto:20200923115459j:plain

 

これで完成です!ホーム画面に追加されていると思います

f:id:ochappa_kyoto:20200923115544j:plain

 ウィジェットの記事もぜひ!

ochappa-kyoto.hatenablog.com

アイコンを色違いにするやり方

色違いアイコンを作ろう

ステップ1 線画抽出

あらかじめ色を変えたいアプリのアイコンをスクリーンショットしたり、ネットで探してきたりしてダウンロードしておきます

まずは『ibis Paint X』というアプリを開きます

f:id:ochappa_kyoto:20200923134538j:plain

 

「マイギャラリー」を押します

f:id:ochappa_kyoto:20200923134743j:plain

 

左下の「+」を押します

f:id:ochappa_kyoto:20200923134845j:plain

 

「写真読み込み」を押して色を変えたいアプリのアイコンの画像を選択します

f:id:ochappa_kyoto:20200923135009j:plain

 

線画抽出を自動で行うかどうかが出て来るので「キャンセル」を押します

f:id:ochappa_kyoto:20200923135323j:plain

 

左下の「ブラシ🖌」のアイコンを押します

f:id:ochappa_kyoto:20200923135735j:plain

 

「フィルター」を押します

f:id:ochappa_kyoto:20200923135902j:plain

 

「線画抽出」を押します

f:id:ochappa_kyoto:20200923140127j:plain

 

黒側(後で色を塗る方)と白側(後で白色になる方)の比率を調節します

中間値はいじらなくて大丈夫です

黒側 0%~15% or 50%~70% 白側 80%~100% くらいがオススメです

f:id:ochappa_kyoto:20200923141023j:plain

 

調節し終わったら黒側の横にある「緑色のチェックマーク」を押します

f:id:ochappa_kyoto:20200923141144j:plain

 

右下の「赤色の❌」を押します

f:id:ochappa_kyoto:20200923141247j:plain

 

 

ステップ2 色塗り

右下の紙が重なっているレイヤーアイコンを押します

f:id:ochappa_kyoto:20200923141444j:plain

 

「+」を押してレイヤーを追加します

f:id:ochappa_kyoto:20200923141554j:plain

 

2番のレイヤーを選択したまま、右下の「クリッピング」を押します

f:id:ochappa_kyoto:20200923141721j:plain

 

クリッピングが青色になっていることを確認したら左下の「⏬」を押して戻ります

f:id:ochappa_kyoto:20200923141913j:plain

 

ブラシアイコンの右横の「◉」を押します

f:id:ochappa_kyoto:20200923142035j:plain

 

ブラシを選択します

オススメはペン(ソフト)です 太さも上げておきましょう 不透明度はそのままです

f:id:ochappa_kyoto:20200923142233j:plain

 

「⏬」を押して戻りましょう

f:id:ochappa_kyoto:20200923142319j:plain

 

◉の右横の「■」を押しましょう

f:id:ochappa_kyoto:20200923142417j:plain

 

色を選びます 自分で色を作るのと固定色があります

f:id:ochappa_kyoto:20200923142608j:plain

f:id:ochappa_kyoto:20200923142624j:plain

 

「⏬」を押して戻ったら、色塗りです(レイヤーアイコンの数字が2になっていることを確認してください)

f:id:ochappa_kyoto:20200923142856j:plain

 

色塗りし終わったら右下の「←」を押します

f:id:ochappa_kyoto:20200923143048j:plain

 

「PNG保存」を押して保存します

f:id:ochappa_kyoto:20200923143149j:plain

 

これで色違いアイコンの完成です!

こんな感じになります ダウンロードして使っていただいても構いません

f:id:ochappa_kyoto:20200923143353j:plain

あとは上に書いた「好きな画像をアイコンにするやり方」と同じです

一応もう一回載っけますね

 

作った画像をアイコンにしよう

まずは「ショートカット」というアプリを開きます

f:id:ochappa_kyoto:20200923113726j:plain

 

右上の「+」を押します

f:id:ochappa_kyoto:20200923113824j:plain

 

「+アクションを追加」を押します

f:id:ochappa_kyoto:20200923113910j:plain

 

Xの文字がアイコンになっている「スクリプティング」を押します

f:id:ochappa_kyoto:20200923114204j:plain

 

「Appを開く」を押します

f:id:ochappa_kyoto:20200923114251j:plain

 

青色の「選択」を押します

f:id:ochappa_kyoto:20200923114503j:plain

 

自分のアプリが一覧で表示されるので変えたいアプリを選択します

今回はAbemaTVでやっていきます

f:id:ochappa_kyoto:20200923114625j:plain

 

右上の「...」を押します

f:id:ochappa_kyoto:20200923114721j:plain

 

「ホーム画面に追加」を押します

f:id:ochappa_kyoto:20200923114800j:plain

 

新規ショートカットと書かれてるの横のアイコンを押して変えたい写真を選択します(ここでアプリの名前を変えられます)

f:id:ochappa_kyoto:20200923115031j:plain

 

写真選択と名前変更ができたら画面上にプレビューが表示されるので確認しましょう

これでよければ右上の「追加」を押します

f:id:ochappa_kyoto:20200923143931j:plain

 

ショートカット名(Siriから呼び出すときの名前)を入力したら右上の「完了」を押します

f:id:ochappa_kyoto:20200923115459j:plain

 

これで完成です!ホーム画面に追加されていると思います

f:id:ochappa_kyoto:20200923144006j:plain

 ウィジェットの記事もあわせてぜひ!

ochappa-kyoto.hatenablog.com

 

まとめ (ちょっと配布)

この方法が自分の好きな画像や、好きな色のアイコンを使ってホーム画面をおしゃれにする手助けになれたらなと思います

ウィジェットと組み合わせるとこんな感じになります

f:id:ochappa_kyoto:20200923160008j:plain

 

ご自由にお使いください〜 パパッと作ったものなので大きさガタガタですみません

また今度色違いのアプリアイコンをキッチリまとめた記事でも書こうと思います

f:id:ochappa_kyoto:20200923155519j:plain

f:id:ochappa_kyoto:20200923155559j:plain

f:id:ochappa_kyoto:20200923155636j:plain

f:id:ochappa_kyoto:20200923155651j:plain

f:id:ochappa_kyoto:20200923155710j:plain

f:id:ochappa_kyoto:20200923155729j:plain

f:id:ochappa_kyoto:20200923155753j:plain

 

↓↓↓↓ぜひぜひ〜〜!