Advertisement

cm_cover_hcpicker_webbanner

 

Photoshopはどんなデザインの作成にも使える、多目的で便利なツールです。しかし、特定の作業をしようとすると、時間がかかってしまうことも。そんなときは、拡張プラグインで、自分好みにカスタマイズしてみましょう。

 

今回は、デザインの制作ワークフローを改善し、効率をアップするPhotoshopの拡張機能、プラグインをまとめてご紹介します。

 

duotone-life
Photoshopで作業をするときに、よく利用する画像処理や、同じ作業を繰り返す行うことがあるかと思います。たとえば、撮影した数百枚の写真すべてを同じサイズに整えて

 

無料Photoshop拡張プラグインまとめ

 

Ai2Psd [Free AI script]

Illustrator用AIファイルを、PhotoshopのベクターPSDファイルに変換してくれるプラグイン。詳しい使い方をまとめた動画はこちらから。

creold-ai2psd-script

 

 

 

PS Pen Tool

環境設定メニューを開かずに異なるペンツールを選択できるプラグイン。

pen-panel

 

 

 

GuideGuide

手軽にグリッドやガイドラインを弾くことができる拡張プラグイン。Photoshopの他に、IllustratorやAdobe XD、SKetchにも対応。14日無料試用トライアル期間あり。

guideguide

 

 

 

Griddify

異なる間隔にガイドラインを引くことができ、縦横両方向に対応してくれます。特にWebデザイン制作作業、スピードアップしますよ。 使い方に関しては、参照元のビデオ動画が分かりやすいです。

griddify_panel_screenshot

 

 

Layrs Control 2

レイヤーの名前変更や不要なエフェクトを取り除いたり、空白レイヤーを削除したりと、面倒な7つの作業を行ってくれる、便利系Photoshopプラグイン。

layrs-control2

 

 

 

Pixel2Vector

フォトショップで作成したピクセルイメージを、パスまたはベクター化できるプラグイン。

pixel2vector

 

 

 

Ink

レイヤーの縦横サイズや文字サイズや利用フォントなどの詳細を調べることができるツール。

ink-ps-plugin

 

 

 

Size Marks PS

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

size-marks-show

 

 

 

Specctr

デザインパーツに注釈をつけるだけでなく、レイヤースタイルごとにCSSにエクスポートできたりと、デザイナーとディベロッパーが、共同作業するときにもオススメです。

specctr1

 

 

 

Bjango Actions

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

bjango-action

 

 

 

Bjango Color Creator Templates

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

bjango-color-tool

 

 

 

Shutterstock Free Plugin

キーワードを入力すると、ロイヤリティフリーの写真を検索でき、サムネイル写真として利用できるプラグイン。

shutterstock

 

 

 

HTML Block

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

html-block

 

 

 

CSS3 Photoshop Plugin

各レイヤーに適用したレイヤースタイルを、CSS3のコードに変換してくれ、そのままサイト制作に利用できます。

css3ps

 

 

 

FontAwesomePS

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

ps-extensions-1

 

 

 

Composer

複数のレイヤーカンプを、ボタンクリックひとつで更新できる便利プラグイン。

composer

 

 

 

Renamy 4.0

選択した複数のレイヤーの名前をまとめて変更できるPhotoshop拡張プラグイン。

renamy

 

 

 

No More Bendingt

Photoshopでグラデーションを利用したときに生じる、濃淡ベンディングを修正します。

no-more-banding

 

 

 

Scale Patterns to 100%

さまざまな質感やデザインをフレキシブルに利用できるパターンですが、拡大するとぼやけてしまうことがあります。そんなときに便利な拡張プラグイン。

scale-pattern

 

 

 

SuperPNG

PhotoshopでPNGファイル形式による保存を、用途に応じてパネル上で調整できるプラグイン。特にCS6など古いバージョンで便利。

superpng

 

 

 

NKS5 Essential Media Toolkit

本物そっくりなデジタルペイントに必要なパレット系ツールを揃えた拡張機能。

ps-addons12

 

 

 

Free Oil Paint for FX Box

写真をリアルなペイント風の見た目に変換できるデザインツール。無料拡張ツール FX Box をダウンロードすることで利用できます。

free-oil-paint-photoshop-plugin-content_01

 

 

 

IsometrIcon

平面図を用意すれば、立体的なシェイプに変換してくれるパネルで、立体アイコン作成を想定しています。

isometricon

 

 

 

無料Photoshop拡張プラグインまとめ

 

Page Layers

撮影したウェブページのスクリーンキャストを、PSDファイル化してくれるMac専用プラグイン。文字テキストやイメージ写真なども、独立したレイヤーにそれぞれ保存されます。

page-layers

 

 

 

TinyJPG for Photoshop

JPEGとPNGファイル形式の画像サイズを大幅に圧縮してくれる有料プラグイン。

tinyjpg

 

 

 

Alce: Advanced Local Contrast Enhancer

写真にダイナミックなコントラストを調整できる、プロ仕様の写真加工プラグイン。

alce3

 

 

 

RH Color Nudger For Photoshop CC

より直感的に配色を選択できる有料カラーピッカー専用プラグイン。HEX値も同時に表示してくれるので、デベロッパーにも人気の高いツールのひとつ。

cm_cover_hcpicker_webbanner

 

 

 

CSS Hat 2

Photoshopのレイヤーを選択すると、CSSを瞬時に表示してくれる、ウェブ制作を爆速にする有料プラグイン。価格: $39.99

css-hat2

 

 

 

Fontself

自分だけのカスタムフォントをもっとも簡単に作成、デザインできる拡張プラグイン。PhotoshopとIllustrator用ファイルが用意されています。価格: $49〜

fontmaker

 

 

 

ON1 Effects 2018

画像をプロのように編集できるフィルターやプリセットが数百も揃ったプラグイン。$59.99〜で、無料トライアルもダウンロードできます。

on2-effects

 

 

 

PSD Cleaner

ごちゃごちゃになってしまったPSDファイルのレイヤーを見つけ、修正してくれるPhotoshopプラグイン。

psd-cleaner

 

 

 

Subtle Pattern

ウェブサイトの背景パターンなどに最適な、750を超えるテクスチャ素材をパネルから選択できるプラグイン。価格: $17.99

subtle-pattern

 

 

 

Ultimate Retouch Panel 3.5

にきびなどの肌荒れをツルツルにする、魔法のような写真レタッチ専用プラグイン。

ultimate-retouch-3

 

ps-ultimate-useful-tool-top
デザインの現場に欠かせない Photoshop(フォトショップ)は、みなさんが考えている以上に自分好みに拡張、カスタマイズすることができます。 効率的
duotone-life
Photoshopで作業をするときに、よく利用する画像処理や、同じ作業を繰り返す行うことがあるかと思います。たとえば、撮影した数百枚の写真すべてを同じサイズに整えて