Photoshopがもっと便利になるすごい機能拡張・プラグインのまとめ
Post on:2015年1月13日
![Photoshopのキャプチャ](http://coliss.com/wp-content/uploads-201501/2015011302.png)
Photoshopでのガイド引きに欠かせない強力な機能拡張
ガイド関係はCC 2014になってPhotoshop自体の機能もかなり強化されましたが、この機能拡張の便利さは手放せません。![機能拡張のキャプチャ](http://coliss.com/wp-content/uploads-201501/2015011301-01.png)
QuickGuide (無料)
対応:CC 2014
一番の特徴は選択範囲を元にガイドを引けること。上下左右・天地左右の中央など1クリックでガイドが引けます。またガイドのロック、コピーして別ファイルにガイドをペーストできるのも便利です。
インストール方法やより基本的な使い方は、下記ページを参考にしてください。
定番のGuideGuideは3.1.2にバージョンアップ
GuideGuideは当ブログで紹介したことがあり使用している人もいると思いますが、そのGuideGuideが大きくパワーアップしました。
![機能拡張のキャプチャ](http://coliss.com/wp-content/uploads-201501/2015011301-02.png)
幅の異なる複数のガイドを一気に作成できる優れ物
幅の異なるカラムなど、複数のガイドを一気に作成できる一味違ったガイドが引ける機能拡張です。![機能拡張のキャプチャ](http://coliss.com/wp-content/uploads-201501/2015011301-03.png)
Photoshopのスウォッチをフォルダで管理
スウォッチをフォルダで管理できたら便利なのに、と思っていた人に朗報です。![機能拡張のキャプチャ](http://coliss.com/wp-content/uploads-201501/2015011301-04.png)
Swatchy (無料)
対応:CC, CC2014
コンセプトは非常に面白いのですが、既存のスウォッチと互換性がないのが痛いところです。Swatchyのパネルにカラーを登録するには、全部新規で作成する必要があります。
カラーピッカーを開かずにカラーのコードを簡単コピー
カラーのコードを取得するために、カラーピッカーのパネルを開く必要はありません。
![機能拡張のキャプチャ](http://coliss.com/wp-content/uploads-201501/2015011301-05.png)
Hexy (無料)
対応:CC2014
カラーピッカーで前景色になっているカラーのコードを取得するだけのシンプルな機能拡張です。スポイトツールでカラーをクリックするだけで、コードがコピーできます。
複数のさまざまなオブジェクトのカラーを一元管理
テキストやボタンなど、さまざまなオブジェクトのカラーを簡単に一括で変更できます。
![機能拡張のキャプチャ](http://coliss.com/wp-content/uploads-201501/2015011301-08.png)
Prisma(無料)
対応:CS5+
ドキュメントに配置したテキストやナビゲーションやエレメントなど、さまざまなオブジェクトのカラーをグルーピングして管理することができます。
カラーをいろいろ試したい時、修正が入った時など、ばらばらの全オブジェクトにすぐ適用できます。
手元の画像からシームレスなテクスチャを1クリックで作成
シームレスなテクスチャを簡単に作成できます。
![機能拡張のキャプチャ](http://coliss.com/wp-content/uploads-201501/2015011301-06.png)
Seamless Textures Generator (無料)
対応:action:CS3+, extension:CC, CC2014
元画像(300px, 512px)を用意し、あとはクリックするだけで簡単にシームレスなテクスチャが作成できます。
ビットマップのオブジェクトをベクターに変換
ブラシなどで描いたビットマップのオブジェクトをベクターに変換します。
![機能拡張のキャプチャ](http://coliss.com/wp-content/uploads-201501/2015011301-07.png)
Pixel2Vector Converter (無料)
対応:action:CS3+, extension:CS5, CS6, CC, CC2014
最近のウェブデザインでは特にベクターデータを扱う機会が多くなってきていると思います。うっかりビットマップで作ってしまったオブジェクトを1クリックで、ベクターに変換します。繊細なビットマップをベクター化するのは難しいですが、アウトラインがしっかりしているものであれば問題なく変換できます。
画像にパースをつけてかっこよく見せる
Webページやスマホアプリを見せるのに、最近多いのがこのパースをつけたデザイン。
![機能拡張のキャプチャ](http://coliss.com/wp-content/uploads-201501/2015011301-16.png)
Perspective Actions (無料)
対応:CS, CC
写真画像やWebページ・スマホアプリなど、1クリックでパースをつけたかっこいい画像に仕上げます。アクションの途中で浮き具合のシャドウ調整も可能です。
パラグラフのレイアウトを段組みに変更
テキストのレイヤーはそのままで、段組みに変更します。
![機能拡張のキャプチャ](http://coliss.com/wp-content/uploads-201501/2015011301-09.png)
UberColumns(無料)
対応:CC, CC2014
カラム数、カラム幅を指定した段組みのレイアウトを簡単に作成できます。
要素のサイズやエフェクトやフォントなどの情報を書き出す
これを入れておけば、デザインのガイドラインや指示書の作成が驚くほどはかどります。
![機能拡張のキャプチャ](http://coliss.com/wp-content/uploads-201501/2015011301-10.png)
Ink(無料)
対応:CS6, CC
テキストやエレメントなど、さまざまなオブジェクトのサイズ、形、カラー、エフェクト、フォントの種類・サイズなどの情報を1クリックで書き出します。書き出された情報は別レイヤーでフォルダにまとめられています。
インストール方法や基本的な使い方は、下記ページを参考にしてください。
エレメントやマージンのサイズを書き出してくれる
上のInkも便利ですが、これはマージンも書き出すことができます。
![機能拡張のキャプチャ](http://coliss.com/wp-content/uploads-201501/2015011301-14.png)
Size Marks PS (無料)
対応:CS6, CC, CC2014
使い方は非常に簡単で、サイズを書き出したい箇所を選択ツールで選択し、スクリプトを実行するだけです。書き出すテキストのカラーなども簡単に変更できます。
インストール方法や基本的な使い方は、下記ページを参考にしてください。
黄金比、黄金螺旋、黄金三角形、1/3ルール、対角線などを簡単に描く
レイアウトや構図に重要な黄金比、黄金螺旋、黄金三角形、1/3ルール、対角線などのパスを簡単に描くことができます。
![機能拡張のキャプチャ](http://coliss.com/wp-content/uploads-201501/2015011301-11.png)
レイヤーパネルでの作業をいろいろ便利に
レイヤーパネルでの煩わしい操作をいろいろと便利にします。 以前、紹介した時からVersion 2にアップしています。![機能拡張のキャプチャ](http://coliss.com/wp-content/uploads-201501/2015011301-12.png)
UIデザインでのレイヤー作業が便利になる
ヘッダとフッタだけのPSDにしたい、ナビゲーションやボタンなどパーツのみのPSDが欲しい、といったことが簡単にできます。![機能拡張のキャプチャ](http://coliss.com/wp-content/uploads-201501/2015011301-15.png)
ウェブページのプロトタイプが簡単にできる
プロトタイプやワイヤーフレームなどに使えるページレイアウトを数クリックでちゃちゃっと作れてしまう機能拡張です。![機能拡張のキャプチャ](http://coliss.com/wp-content/uploads-201501/2015011301-13.png)
Velositey v2 (無料)
対応:CS6, CC, CC2014
ヘッダ、フッタ、コンテンツなど、さまざまなコンポーネントが用意されており、それらを組み合わせて、簡単にページレイアウトを作成することができます。そのままデザインのベースにも利用できてしまうくらいのクオリティです。
インストール方法や基本的な使い方は、下記ページを参考にしてください。
sponsors