株式会社シーティーイーは、コンテンツ作りで東京と秋田を結ぶ会社です。お気軽にご相談ください。Photoshopの自動処理でラクする話しTweetPocketPhotoshopの自動処理でラクする話しみなさまお疲れ様です。先月のブログ記事にしたRAW現像にハマってしまい、ここ最近、山で撮影した苔の写真ばかり観ています。近所の雑草を見ては苔を思い出したり。出勤途中の車内で緑色の服を着ている人を見ると苔を思い出したり。サラダを見ると苔を思い出したり。苔に萌えてしまいました。▲スギゴケ▲シノブゴケ前置きこのくらいにして、今月のネタです。8月25日(金)に『DIST.17「Webデザインの現場のための効率化術」』というセミナーにLT枠で登壇させていただきました。『DIST』とは「職種や技術の垣根を越えてWebに関わるすべての人を結ぶクリエイティブコミュニティ」です。良矢様が主宰で開催されてます。Listener」というAdobeが配布しているJSX書き出しツールの話をしてきました。以下はその内容になります。1.Photoshopデフォルト自動処理機能のおさらい・アクション登録しておいた処理を、開いた画像に実行できるが、複数の画像に適用するには、一枚ずつ再生ボタンを押下する必要がある。▲アクションパネル・バッチフォルダに格納してある画像、もしくは開いている画像に対して、まとめてアクションを実行することができる。指定したフォルダに保存、上書き保存などを任意で指定できる。▲バッチ・ドロップレットバッチ処理を実行ファイル(プログラム)として保存したもの。名前の通り、フォルダ単位、もしくはファイル単位でアイコンにドロップし処理を実行する。▲ドロップレットと、ここまでは、みなさん既知かと思います。CC2015から搭載された、複数の解像度を指定し保存することができる「書き出し形式」という機能があります。->「書き出し形式」1枚の画像を解像度を変えて保存するのに大変便利な機能ですが、残念なことに、アクションに含めることができず1枚ずつの処理しかできません。都度、画像を開き、パラメータを指定し、処理を実行するといった手間がかかります。大量に処理するには不便と思いJSXで似た処理をするツールを作ってみました。・処理したい画像を格納したフォルダと、保存先のフォルダを準備する。・ファイル形式はPNG、JPEG、GIFの3種類。・解像度の種類は最大4種類まで。・JPEGの圧縮率などの保存時の設定はPhotoshopデフォルトの設定。・ファイル名は”ファイル名”+”@”+”解像度(50%だったら0,5)”+”x”+”拡張子”とする。IMG_6581@0,75x.jpg・入力した数値の数だけ処理し、空欄は無視します。2017\Presets\Scripts内に配置すれば、ファイルメニューから呼ぶこともできます。スクリプト処理はアクションに登録することもできます。▲実行すると図のような画面が開きます。PNG、JPEG、GIFの中からファイル形式を選び、リサイズしたい数値を入力します。「1」で100%、「0.5」で50%です。(保存先)のフォルダを選択します。▲ファイルを全て開いてから処理を実行します。プログレッシブバーもJavaScriptで作ってあります。※デモ中、画像を全て開くという動きを演出させたかったので、開いてから処理を実行するようにしています。70枚くらい開くとマシーンが固まります。Listenerでさらにラクする話Adobeサイトの案内に従い、Windows版、Mac版をダウンロードします。各フォルダを指定の場所に格納し、Photoshopを再起動します。すると、スクリプトメニューに「ScriptListenerOn」と「ScriptListenerOff」という項目が出現します。「ScriptListenerOn」にし、処理を行うと、アクションに登録するのと同様にJSXとして保存してくれます。処理が終わったら「ScriptListenerOff」にします。アクションに登録できる処理なら全てJSXに保存できます。▲今回はソラリゼーション効果を適用させます。▲苔写真のソラリゼーション▲最後にScriptListenerOffを選択。▲するとデスクトップにJSとVBのlogとして保存されます。▲JSの方を任意のファイル名にし、jsxの拡張子を付与します。▲JSXを開き、少し手入れをします。上の赤囲みはScriptListenerOnにしたときのログで不要です。他の赤囲みはPhotoshopが独自に書き出すコードでエラーの原因になりますので削除してかまいません。残ったソラリゼーションのコードは以下。Photoshop独自のコードなので何が記述されているか正直分かりません。);単独でも動くし、自作したJSXに追記したり、活用方法は色々とあります。コードとスライドをGitHubにアップしてあります。コードはご自由にお使いいただいても構いませんが、自己責任にてお願いします。Listener自動処理の組み合わせでラクしましょう!長くなりました。)mTweetPocket検索:カテゴリーニュースDS推進部BLOGビジネスおすすめアプリしかつのブログメルマガピックアップしかつのブログ2020年2月28日30周年!お疲れ様です。ロボットに興味津々なモリです。いつかゆっくり作りたいなと思いながらもお布団に入る毎日です。タイ...お問い合わせ弊社サービスについてご意見、ご質問等ございましたらお気軽にお問い合わせください。