Photoshop CC 2019

Bootcomp4

10倍ラクするデザインカンプ制作

Photoshop CC 2019に「Bootcomp」を導入すればWebサイトやアプリのデザインカンプ制作にかける時間を大幅に短縮することが可能です。

ダウンロードする

フォーマット作成

Webサイトやアプリのデザインをスタートする際にまずはレイアウトのガイドを作成するなど事前準備に時間がかかっていました。 Bootcompを使えば1クリックでフォーマットが瞬時に作成されるのですぐにデザイン作業をスタートさせることができます。

画像挿入もワンストップ

シェイプを作成してクリックするだけで画像挿入〜リサイズをワンストップで行うことができます。画像がまだ未定の場合は画像挿入をキャンセルすれば自動でダミー画像が挿入されます。ぶっこみ機能を使用すれば大量の画像もあっという間に配置することができます。

ダミーテキストの入力

テキストレイヤーを選択してダミーボタンをクリックすると日本語のダミー文章が入力されます。
ダミー文章には50文字ごとに文字数のカウントが入っているのでテキストエリアの文字数のボリュームも一目でわかります。

機能解説

Bootcompの機能をかんたんに解説します。

フォーマット作成

デバイスごとに最適なフォーマットを1クリックで作成することができます。

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

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

IMG-BOX
(画像挿入)

シェイプを作成してクリックすると画像挿入からリサイズまで1ストップで行うことができます。

リピートグループ

パーツを選択した状態でクリックすれば任意の数だけ任意の間隔を空けて複製することができます。

縦横比リサイズ

シェイプを選択してクリックすると自動で縦横比が変更されます。

ぶっこみ機能

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

使用方法についてはこちらの記事をご覧ください。

レイヤー移動

カンバス、もしくは選択範囲を基準に1クリックでレイヤーを移動することができます。数値(px)を指定して移動すること可能です。

行揃え変更

通常行揃えを変更すると文字レイヤーの位置が変わってしまいますがこちらの機能を利用すれば位置を変更することなく行揃えを変更することが可能です。

ダミーテキスト

テキストレイヤーを選択してダミーボタンをクリックすると日本語のダミー文章が入力されます。

導入方法

  1. ダウンロードしたBootcompのzipファイルを解凍します。
  2. 解凍されたフォルダ内のBootcomp.cshをダブルクリックしてPhotoshopに読み込みます。(※Photoshopが複数バージョンインストールされている場合はBootcomp.cshを右クリックで「このアプリケーションで開く」/「Photoshop [使用するバージョン名]」を選択します。)
  3. 次に同じ階層にあるBootcompフォルダを下記ディレクトリに移動します。
    【Windows】 C:\Program Files\Adobe\Adobe Photoshop CC 2015\Required\CEP\extensions
    【Mac OS】 Library/Application Support/Adobe/CEP/extensions
    CEPフォルダがない場合はCEPフォルダとextensionsフォルダを作成して試してみてください。
  4. Photoshopを再起動します。
  5. メニュー[ウインドウ]/[エクステンション]/[Bootcomp3]を選択します。 以上で「Bootcomp」が表示され使用できる状態になります。

※不具合の原因になるため「自動ネストレイヤー」のチェックボックスは必ず外してご利用ください。アートボードツールを選択した状態で表示されるオプションバーのをクリック。自動ネストレイヤーのチェックをはずします。

DEMO

全機能のデモ動画です。

ダウンロード

Download Bootcomp4 

変更履歴:
Bootcomp3 リリース (2017.11.28)
Photoshop CC 2017に対応(2016.11.3)
Bootcomp 2.0を公開(2016.8.8)
Photoshop CC 2015.5に対応 (2016.8.2)
XSサイズのフォーマットをiPhone 6のサイズに変更 (2016.6.13)

万が一このページで公開されている機能を使用したことによって不具合が生じても制作者は一切責任を負いません。 個人利用、商用利用問わず自由に使用することができますが、著作権はDearpsに帰属しています。

過去のバージョン:
Download Bootcomp 3
Download Bootcomp 2.1
Download Bootcomp 2.0
Download Bootcomp 1.2
Download Bootcomp 1.1
Download Bootcomp 1.0

三浦 将

作者:
三浦 将 (Derario Creative)
Twitter

Dearps|Photoshop Tips Blog

共著:
Webデザインの現場ですぐに役立つ Photoshop仕事術
10倍ラクするPhotoshop仕事術

PAGE TOP