デザインカンプ制作にかかる時間を大幅に短縮できるPhotoshop拡張機能「Bootcomp」の最新版「Bootcomp 2.0」を紹介します。
Photoshopのデザインカンプ制作を10倍ラクにするBootcompがパワーアップして帰ってきた！
Bootcompは、デザインカンプ制作を10倍ラクにするPhotoshopの拡張機能です。機能を大幅にアップデートした最新バージョン、Bootcomp 2.0がリリースされました。Photoshop CC 2015.5に対応しています。
Bootstrap以外の案件でも力を発揮する、おすすめの拡張機能です。商用利用問わず、無料で自由に使うことができます。
バージョン2の新機能
選択範囲をシェイプに変換
選択範囲を作成してボタンをクリックすると選択範囲がシェイプに変換されます。
パーツを複製
パーツを選択した状態でボタンをクリックすれば指定した数だけガターサイズ分間を空けて複製することができます。
Place img(画像挿入)
大量の画像を1クリックで自動配置します。挿入エリアに合わせて画像を自動でリサイズするので驚くほど手間が省けます。
レイヤーに連番名をつけます。
配置する画像を用意します。
「Place img」ボタンをクリック！
画像が一括挿入されます！
参考: Bootcomp 2.0 新機能 「Place img」大量の画像を1クリックで配置する秘技
Bootcomp 2.0新機能の紹介動画があります。
その他の機能紹介
フォーマット作成
Boorstrapの各ブレイクポイント(xs,sm,md,lg)ごとに最適なフォーマットを１クリックで作成することができます。
IMG-BOX(画像挿入)
シェイプを作成して１クリックするだけで最適な方法で画像挿入からレイアウトまで１ステップで行うことができます。
マージン移動
右方向と下方向にあらかじめ用意されたピクセル数を１クリックで移動することができます。
文章挿入
見出しや文章を１クリックで挿入することができます。Bootcompの行揃え機能は標準機能とは違い位置を保持したまま行揃えを変更することができます。
ボタン挿入
Bootstrapの標準コンポーネントのボタン4サイズを１クリックで挿入することができます。
ダミーテキスト
ダミーテキストをクリップボードにコピーすることができます。10文字と100文字があります。
グリッドガイド表示
グリッドガイド(薄赤色の帯表示)の表示・非表示を切り替えます。
Bootstrapの紹介動画があります。