MakeAppIconで画像を使えるようにするため、画像のサイズを調整する方法を紹介します。
jpg、png、psd のいずれかのファイル形式の画像を用意し、サイズを1536 x1536 pixelにしていきます。
今回はガーリー素材というサイトでダウンロードさせていただいたこちらの画像を使って、実際にアイコン用画像を作っていきます⬇︎
![](https://first-azarashi.com/wp-content/uploads/2021/12/yuru_neko6_2.jpeg)
トリミング(比率合わせ)
![](https://first-azarashi.com/wp-content/uploads/2021/12/TBap22.png)
まずは正方形にトリミングしていきます。
使いたい画像を「写真」の中にドラッグ&ドロップで移します。
![](https://first-azarashi.com/wp-content/uploads/2021/12/TBap23-1-1024x878.jpg)
するとこのような画面が出てくるので、
右上の「編集」をクリックします。
![](https://first-azarashi.com/wp-content/uploads/2021/12/TBap24-1024x900.jpg)
こんな画面になりました。
次に、上の「切り取り」をクリックします。
![](https://first-azarashi.com/wp-content/uploads/2021/12/TBap25-1024x911.jpg)
今回はアプリ用に正方形にしたいので、
「スクエア」を選択します。
![](https://first-azarashi.com/wp-content/uploads/2021/12/TBap26-1024x891.jpg)
正方形の枠が出てくるので切り取りたい位置に合わせ、できたら右上の「完了」を押します。
これで比率の調節は完了です。
![ねこ](https://first-azarashi.com/wp-content/uploads/2021/12/yuru_neko7_2.jpg)
グレーの子ごめんね…
君も可愛かったよ…
ピクセル数合わせ
次に、実際のピクセル数を合わせていきます。
写真のライブラリから、先ほど正方形にした写真をドラッグ&ドロップで元の位置に戻します。
![ねこ](https://first-azarashi.com/wp-content/uploads/2021/12/yuru_neko7_2.jpg)
元の位置でなくとも、「デスクトップ」でも「書類」でも自分で作ったフォルダでもどこでも大丈夫です!自分がわかるところへ。
![](https://first-azarashi.com/wp-content/uploads/2021/12/TBap29-1024x491.jpg)
移した写真を、今度は「プレビュー」で開きます。
![](https://first-azarashi.com/wp-content/uploads/2021/12/TBap30-1024x147.png)
プレビューが開けたら、上の「ツール」から「サイズを調整」を選択します。
![](https://first-azarashi.com/wp-content/uploads/2021/12/TBap31-1024x615.jpg)
![](https://first-azarashi.com/wp-content/uploads/2021/12/TBap32.png)
左のような画面が出るので、単位、幅を調整して「OK」を押します。
![ねこ](https://first-azarashi.com/wp-content/uploads/2021/12/yuru_neko7_2.jpg)
若干サイズがずれてしまったけど、そのままでも特に問題はないです。使えます。
別の方法
![](https://first-azarashi.com/wp-content/uploads/2021/12/TBap33-1-1024x618.jpg)
もっと正確にサイズを合わせたい場合は、「写真」は使わず、「プレビュー」の中で
1536×1536pixelになるように範囲選択し、トリミングを押してもできます。
![ねこ](https://first-azarashi.com/wp-content/uploads/2021/12/yuru_neko7_2.jpg)
もしかするとこっちの方が早いかも。
![](https://first-azarashi.com/wp-content/uploads/2021/12/yuru_neko6_l-1024x1024.jpeg)
これでMakeAppIconを使うためのサイズ調整は完了です!
できた画像を使ってアプリのアイコンを作っていきましょう。⬇︎
コメント