1. Chi__no_

    Posted

    Chi__no_
Changes in title
+モバイルアプリのアイコン画像用意する面倒くさくない?自動化しちゃおう!
Changes in tags
Changes in body
Source | HTML | Preview
@@ -0,0 +1,47 @@
+##PhotoShopでいちいち何十回も解像度を変える作業めんどくさ・・・
+
+####AndroidとiPhone合わせるとこのくらいの画像が必要になる。
+
+![b1d2c8bfdad903f18ac9aa668706984e.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/500172/cf87672e-ac78-75c8-2094-ef74eb5b0d95.png)
+
+しかもiPhoneの画像は20@2xみたいな語尾を付けているからややこしい。
+
+だからPhotoshopのスクリプトで自動化してしまおう
+
+###<font color="Red">まず出力したいPSDのレイヤーは全てスマートオブジェクトにして下さい。</font>←これ重要
+これを忘れると出力された画像がボケるから気をつけて!
+レイヤーを右クリック→スマートオブジェクトに変換
+![Inked4ec9e66d5b55a3bcdc164078007e697a_LI.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/500172/56cb9452-a73c-2c53-d779-37482835362d.jpeg)
+
+##全部出来たらこんな感じで変なマークが追加される
+![Inked7cc6c02a13d6c064c7f25102f02f795f_LI.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/500172/0dee1ff4-1488-21e6-ae53-69c622835fe5.jpeg)
+
+
+#スクリプトファイルダウンロード
+https://drive.google.com/file/d/19dk19n3V2ciiC1BXWAHbdFAilxHzvqO_/view?usp=sharing
+↑からスクリプトファイルをダウンロードしたら
+
+####PhotoShopのディレクトリを探してPhotoshop\Presets\Scripts下に配置
+僕の場合は↓だった
+C:\Program Files\Adobe\Adobe Photoshop 2021\Presets\Scripts
+
+#実行
+念の為Photoshopでは何も開いていない状態からスタートする事をおすすめする。
+
+####メニュー→ファイル→スクリプト→MakePngsForMobileを選択
+
+
+![11f4fc7cd9cc70a2fbf8e2ee64994346.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/500172/4fe5f22b-78bc-a9dc-81c3-ec70f0c9b9bb.png)
+
+###ファイル選択ダイアログが出現するので実行したいPSDを選択してOKを押す
+
+![Inkedb5816321b57c782742b12e66e15e1bdc_LI.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/500172/f9aed68f-1492-907c-2428-5dbd843494b1.jpeg)
+
+##PSDとPNGが同ディレクトリに出力されていれば成功!
+
+![47910029a03e66f30f7c9685c0912825.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/500172/26dbee70-da46-d01e-14ab-3088a7d7b942.png)
+
+
+####もしこのスクリプトが既存であったり、エラー、不具合等あれば報告して下さい!
+
+#####色々雑でしたがqiita初投稿なので多めに見てやって下さい。