Photoshop CC 2019
Photoshop CC 2019に「Bootcomp」を導入すればWebサイトやアプリのデザインカンプ制作にかける時間を大幅に短縮することが可能です。
Webサイトやアプリのデザインをスタートする際にまずはレイアウトのガイドを作成するなど事前準備に時間がかかっていました。 Bootcompを使えば1クリックでフォーマットが瞬時に作成されるのですぐにデザイン作業をスタートさせることができます。
シェイプを作成してクリックするだけで画像挿入〜リサイズをワンストップで行うことができます。画像がまだ未定の場合は画像挿入をキャンセルすれば自動でダミー画像が挿入されます。ぶっこみ機能を使用すれば大量の画像もあっという間に配置することができます。
テキストレイヤーを選択してダミーボタンをクリックすると日本語のダミー文章が入力されます。
ダミー文章には50文字ごとに文字数のカウントが入っているのでテキストエリアの文字数のボリュームも一目でわかります。
Bootcompの機能をかんたんに解説します。
デバイスごとに最適なフォーマットを1クリックで作成することができます。
選択範囲を作成してボタンをクリックすると選択範囲がシェイプに変換されます。
シェイプを作成してクリックすると画像挿入からリサイズまで1ストップで行うことができます。
パーツを選択した状態でクリックすれば任意の数だけ任意の間隔を空けて複製することができます。
シェイプを選択してクリックすると自動で縦横比が変更されます。
カンバス、もしくは選択範囲を基準に1クリックでレイヤーを移動することができます。数値(px)を指定して移動すること可能です。
通常行揃えを変更すると文字レイヤーの位置が変わってしまいますがこちらの機能を利用すれば位置を変更することなく行揃えを変更することが可能です。
テキストレイヤーを選択してダミーボタンをクリックすると日本語のダミー文章が入力されます。
※不具合の原因になるため「自動ネストレイヤー」のチェックボックスは必ず外してご利用ください。アートボードツールを選択した状態で表示されるオプションバーのをクリック。自動ネストレイヤーのチェックをはずします。
全機能のデモ動画です。
変更履歴:
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)
Facebook| Twitter
共著:
Webデザインの現場ですぐに役立つ Photoshop仕事術 Facebook
10倍ラクするPhotoshop仕事術 Facebook