Photoshopのデザインカンプ制作を10倍ラクにするBootcompがパワーアップして帰ってきた!

デザインカンプ制作にかかる時間を大幅に短縮できるPhotoshop拡張機能「Bootcomp」の最新版「Bootcomp 2.0」を紹介します。

Photoshopのデザインカンプ制作を10倍ラクにするBootcompがパワーアップして帰ってきた!

Photoshopのデザインカンプ制作を10倍ラクにするBootcompがパワーアップして帰ってきた!

Bootcompは、デザインカンプ制作を10倍ラクにするPhotoshopの拡張機能です。機能を大幅にアップデートした最新バージョン、Bootcomp 2.0がリリースされました。Photoshop CC 2015.5に対応しています。

Bootstrap以外の案件でも力を発揮する、おすすめの拡張機能です。商用利用問わず、無料で自由に使うことができます。

バージョン2の新機能

選択範囲をシェイプに変換

選択範囲を作成してボタンをクリックすると選択範囲がシェイプに変換されます。

選択範囲をシェイプに変換

パーツを複製

パーツを選択した状態でボタンをクリックすれば指定した数だけガターサイズ分間を空けて複製することができます。

パーツを複製

Place img(画像挿入)

大量の画像を1クリックで自動配置します。挿入エリアに合わせて画像を自動でリサイズするので驚くほど手間が省けます。

Place img(画像挿入)

レイヤーに連番名をつけます。

Place img(画像挿入) 1

配置する画像を用意します。

Place img(画像挿入) 2

「Place img」ボタンをクリック!

Place img(画像挿入) 3

画像が一括挿入されます!

Place img(画像挿入) 4

参考: Bootcomp 2.0 新機能 「Place img」大量の画像を1クリックで配置する秘技

 

Bootcomp 2.0新機能の紹介動画があります。

その他の機能紹介

フォーマット作成

Boorstrapの各ブレイクポイント(xs,sm,md,lg)ごとに最適なフォーマットを1クリックで作成することができます。

フォーマット作成

IMG-BOX(画像挿入)

シェイプを作成して1クリックするだけで最適な方法で画像挿入からレイアウトまで1ステップで行うことができます。

IMG-BOX(画像挿入)

マージン移動

右方向と下方向にあらかじめ用意されたピクセル数を1クリックで移動することができます。

マージン移動

文章挿入

見出しや文章を1クリックで挿入することができます。Bootcompの行揃え機能は標準機能とは違い位置を保持したまま行揃えを変更することができます。

文章挿入

ボタン挿入

Bootstrapの標準コンポーネントのボタン4サイズを1クリックで挿入することができます。

ボタン挿入

ダミーテキスト

ダミーテキストをクリップボードにコピーすることができます。10文字と100文字があります。

ダミーテキスト

グリッドガイド表示

グリッドガイド(薄赤色の帯表示)の表示・非表示を切り替えます。

グリッドガイド表示

 

Bootstrapの紹介動画があります。

関連記事

人気の記事

目的別おすすめのWordPressテーマ(無料・有料)【2018年版】
目的別おすすめのWordPressテーマ(無料・有料)【2018年版】
2018年におすすめしたい、日本語対応の有料WordPressテーマ10選
2018年におすすめしたい、日本語対応の有料WordPressテーマ10選
アドセンス運用に最適なWordPressテーマ10選
アドセンス運用に最適なWordPressテーマ10選

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

コメント

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  • Posted on
  • Views 1,677