CSS Nite in Fukuoka, vol.13フォローアップ（3）鷹野雅弘

2019年2月26日にデジタルハリウッド STUDIO福岡で開催したCSS Nite in Fukuoka, vol.13のフォローアップとして、鷹野雅弘さん（スイッチ）の『Illustrator、Photoshop使い倒しテクニック集中講座』セッションのスライドなどを公開します。

フォローアップ

ご参加ありがとうございました！

基本をおさらいしておきましょう。画像アセットとは、レイヤー名に拡張子を付けるだけで、自動的に書き出しできる機能。2013年からあり、スライス書き出しは過去のものです。

Adobe Layer Namerを使うことで、レイヤー名にオプション設定と拡張子を付けることがラクに行えます。

直ダウンロードはこちらから。

インストールを行うには、次のいずれかを利用します。アドビの純正のExtension Managerは開発終了しています。

試してみたところ、Adobe Layer Namerは古すぎるのか（使えますが）起動時にエラーが生じるので、次のエクステンションを利用するとよいでしょう。

画像アセットは、PSDと同じ場所に「ファイル名-assets」フォルダーを作成し、そこに書き出します。しかしながら、サイト制作では、PSDを置くディレクトリと、実際に使う画像を置くディレクトリは別ですので、ひと手間必要になります。

シンボリックリンクを使うことで、書き出し先をカスタマイズできます。シンボリックリンクは、MacでもWindowsでも使えます。下記を参考にインストールしてみてください。

「コンじる」については、次のように進化しています。

2019年、CSS Niteでは49回の関連イベントを通して123セッションが行われました。その中からベスト・セッション＋αを選びました。