Photoshopってすごい!作業効率をアップする拡張機能・プラグインまとめ

ps-script2015-top

 

(※ 2015年4月9日に公開された記事を再編集しています。)

 

あらゆるデザイン制作の現場で使われているPhotoshop。標準では装備されていない、かゆい所に手が届く便利な拡張機能、プラグインを使用して、作業効率をアップしてみてはいかがでしょう。

 

 

海外デザインブログHongkiatで、ウェブデザイナーが押さえておきたい10個のPhotoshop拡張機能・プラグインをまとめたエントリー「10+ Free Photoshop Plugins for Web Designers」が公開されていたので、今回は新しく公開されたプラグインと一緒にご紹介します。

 

 

参考 それがしたかった!Photoshop作業を快適にするすごいプラグイン、拡張機能16個まとめ

参考 Photoshopを快適カスタマイズ!作業がはかどる無料プラグイン、拡張機能14個まとめ

参考 快適Photoshopデザインライフを実現!無料プラグイン、拡張機能18個まとめ

参考 Webサイト制作を効率化!無料Photoshop拡張機能、スクリプトまとめ

 

 

 

詳細は以下から。

 

 

 

Photoshopってすごい!作業効率をアップする拡張機能・プラグインまとめ

 

HTML Block

このプラグインをインストールすることで、Photoshopとコーディングを一度に行うことができます。ウェブフォントがどのようにレンダリングされるか確認したいときなどにも便利です。残念ながらMacOS Xのみの対応となります。

html-block

 

 

以下の動画では、より詳しい使い方を解説しています。

 

 

 

Page Layers

Photoshopなしで単独利用できる、Mac専用アプリで、表示したウェブページをそのままPSDファイル化してくれる優れもの。文字テキストやイメージ写真なども、独立したレイヤーにそれぞれ保存されます。

page-layers

 

 

 

Website UI Gems MAC PS CC 2014

あらかじめウェブサイトのレイアウトが、コンポーネント毎に分けられているので、並べるだけでスタイリッシュなウェブデザインを完成させます。

UIGems

 

 

使い方をまとめたショートビデオを用意されています、こちらも参考にどうぞ。

 

 

 

Craft

リアルデータを利用して、UIデザインを作成できるプラグインで、PhotoshopとSketchに対応。表示されるパネルインターフェースをクリックするだけの手軽さもポイント。こちらの記事で詳しく紹介しています、参考にどうぞ。

craft

 

 

 

Hexy MAC / Windows PS CC 2014

スポイトツールで探したカラーパレットを、ワンクリックでコピーすることができる、作業がちょっとだけ捗るプラグイン。

hexy-plugin

 

 

 

Size Marks PS MAC / Windows PS CC 2014

PSDファイルにおけるデザイン要素の距離を、ピクセル単位で表示してくれる拡張機能。

size-marks-show

 

 

 

Bjango Actions MAC / Windows

4Kディスプレイやスマートフォンなど、あらゆる端末に対応するアプリアイコン用テンプレートを、自由に作成、カスタマイズできます。Photoshop だけでなく Illustrator や 最近人気の高い Sketch、Affinity Designer にも対応したプラグイン。

bjango-action

 

 

 

Bjango Color Creator Templates MAC / Windows

ひとつのベースカラーを選択することで、より自由度の高い美しい配色パレットを作成できるツール。より実践的なカラーピッカー的な使い方ができます。

bjango-color-tool
 

 

&nbbsp;

Oven MAC / Windows PS CC 2014

リアルタイムでデザインを切り出す「ジェネレーター」機能を、ファイル名変更などせずにより使いやすくした拡張機能。

oven-plugin

 

 

 

Layrs Control 2 MAC / Windows PS CC & CC 2014

複数のレイヤーの名前を一度に変更したり、レイヤースタイルを適用したり、スマートオブジェクトにしたりと、ちょっとした作業をワンクリックで実現します。

layrs-control-2

 

 

 

Prisma MAC / Windows PS CC 2014

プロジェクトごとに異なる配色スウォッチを、簡単に管理することができる拡張機能。

prisma-plugin

 

 

 

GuideGuide MAC / Windows PS CC 2014

用途に応じて自由にガイドラインを引くことができる定番プラグインで、使いやすい操作パネルも個人的に気に入っています。

guideguide

 

 

 

SplashHolder MAC / Windows PS CC 2014

人気フォトストックサイトUnsplashの作品から、商用利用も可能な無料写真を探すことができる拡張機能。

splasholder

 

 

 

Pictura MAC / Windows PS CC 2014

キーワードを入力したらライセンス別にFlickrから探すことができるので、イメージ写真が必要なときに便利です。

pictura

 

 

 

Lorem Picsum MAC / Windows PS CC 2014

選択ツールで囲んだ範囲を、ボタンをクリックするだけでキャラクターイメージに変換でき、スタイルも4種類揃ったプラグイン。

lorem-picsum

 

 

 

Free Seamless Texture Generator MAC / Windows PS CC 2014

用意したテクスチャ素材を使い、継ぎ目のないパターンテクスチャを作成するデザイン系プラグイン。

24_prev1-1

 

 

 

Lorem Ipsum Generator MAC / Windows PS CC 2014

ウェブサイトを制作しているときに必要となる、ダミーテキスト文字を追加することができる拡張機能。

free-lorem-ipsum-generator

 

 

 

FontAwesomePS MAC / Windows PS CC & CC 2014

BootstrapでおなじみのアイコンセットFontAwesomeを、Photoshopで検索、利用することができます。

ps-extensions-1

 

 

 

Velositey MAC / Windows PS CC 2014

ウェブサイトを制作する前にアイデアを形にする、プロトタイプ作成に特化した拡張機能で、用意されたコンポーネントを並べるだけの簡単作業。

velositey

 

 

 

Wallpaper Maker MAC / Windows PS CC 2014

デバイスごとに異なるスクリーンサイズに合わせて、イメージ写真を加工してくれるPhotoshopアクション素材。

wallpaper-maker

 

 

 

NKS5 Essential Media Toolkit for Photoshop MAC / Windows PS CS5+

水彩絵の具エフェクトやスプレーペイントなど、本格的な質感を表現することができるキットが揃っています。

nks5-natural-media

 

 

 

PS Play iOS / Android / iPad PS CC 2014

Photoshopで作業しているパソコンと、アプリをインストールしたモバイル端末を、同じWiFi環境でつなぐことで、作業内容をモバイル画面から確認できます。

ps-play

 

 

他のPhotoshop拡張プラグインを確認する

 

 

参照元リンク : 10+ Free Photoshop Plugins for Web Designers – Hongkiat.com

参照元リンク : Free Photoshop Tools For Web Designers – Smashing Magazine