0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

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

Last updated at Posted at 2020-11-22

##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初投稿なので多めに見てやって下さい。

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?