Help us understand the problem. What is going on with this article?

モバイルアプリのアイコン画像用意するの面倒くさくない?自動化しちゃおう!

PhotoShopでいちいち何十回も解像度を変える作業めんどくさ・・・

AndroidとiPhone合わせるとこのくらいの画像が必要になる。

b1d2c8bfdad903f18ac9aa668706984e.png

しかもiPhoneの画像は20@2xみたいな語尾を付けているからややこしい。

だからPhotoshopのスクリプトで自動化してしまおう

まず出力したいPSDのレイヤーは全てスマートオブジェクトにして下さい。←これ重要

これを忘れると出力された画像がボケるから気をつけて!
レイヤーを右クリック→スマートオブジェクトに変換
Inked4ec9e66d5b55a3bcdc164078007e697a_LI.jpg

全部出来たらこんな感じで変なマークが追加される

Inked7cc6c02a13d6c064c7f25102f02f795f_LI.jpg

スクリプトファイルダウンロード

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

ファイル選択ダイアログが出現するので実行したいPSDを選択してOKを押す

Inkedb5816321b57c782742b12e66e15e1bdc_LI.jpg

PSDとPNGが同ディレクトリに出力されていれば成功!

47910029a03e66f30f7c9685c0912825.png

もしこのスクリプトが既存であったり、エラー、不具合等あれば報告して下さい!

色々雑でしたがqiita初投稿なので多めに見てやって下さい。
Chi__no_
内川天です、中国に留学してます! geekline llc.を中学生で立ち上げスタートアップとして活動してます!日本とアメリカで電話通信技術特許取得しました!少しでも興味抱いたらフォローお願いします😁
https://geekline.biz
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away