PSD Viewerの紹介動画｜ブラウザのツール
PSDを読み込んでレイヤーの確認・表示の切り替え・並べ替えができるブラウザのツールです。
FablessBridgeによる自主制作の紹介動画
概要
PSDのレイヤーを確かめて差分をまとめて書き出すブラウザのツール「PSD Viewer」の30秒の紹介動画です。表情の差分を1つずつ切り替えて保存する手間が積み上がる場面から、仕分けと一括のPNG書き出しで片付くまでを見せています。
動画の要点
- 差分を確かめるたびに目や口のレイヤーを1つずつ切り替える手間を、レイヤーの札が落ちて積もる様子で見せ、ツリーで確かめる画面に寄りました。
- 組み合わせが増えるほど保存も増える悩みを、ファイル名のカードが降り積もる様子で見せ、差分を口・目・眉に仕分ける項目を押して見せました。
- 保存の手間に対して、差分を全部ZIPにする操作を囲んで押し、書き出したPNGのタイルが整然と積もる様子を見せました。
動画の流れ
- 00:00「PSD確認ツール」の名前とPSD VIEWERの札が出て、レイヤーの札が1枚落ちて目が消えます。
- 00:02レイヤーの札が落ちて積もり、目が点滅して、差分のたびに表示を切り替えて確かめることを示します。
- 00:06「〜.png 保存」のカードが降り積もって画面を埋め、「保存が終わらない」と出ます。
- 00:10製品の画面の窓が落ちてきて山が崩れ、インストールなしで開くだけと示します。
- 00:12商品画像のレイヤーツリーに寄って囲み、レイヤーの確認と並べ替えと表示の切り替えを示します。
- 00:16仕分けの項目に寄って「選択レイヤーを仕訳け」を押し、差分を口・目・眉に振り分けます。
- 00:20「差分を全部ZIP」を囲んで押すと、PNGのタイルが整然と積もり、ほかの保存形式とランダムGIFも示します。
- 00:25製品名と商品画像の縮小、BOOTHのショップのURLで締めます。