Webサイト制作をスピード化!Photohsop拡張機能プラグインまとめ

 

あたらしい年がはじまり、Webサイト制作フローにあたらしいPhotoshopプラグインを追加してみませんか。制作スピードをアップしてくれる、便利な拡張機能、スクリプトをまとめました。

 

 

海外デザインブログDesignModoで、Webデザイン制作をより効率化してくれる、Photoshop拡張機能プラグインをまとめたエントリー「Photoshop Plugins You Won’t Be Able to Live Without」が公開されていたので、今回はご紹介します。以前ご紹介した、無料Photoshopプラグインも参考にどうぞ。

 

 

 

詳細は以下から。

 

 

 

Webサイト制作をスピード化!Photohsop拡張機能プラグインまとめ

 

Photoshop SVG Export
価格 $20(およそ2,100円)

 

SVGファイルを作成するときに活用したいプラグインで、特にSVGアイコン作成に適しています。さらにSVGファイルから、フォントを作成することもできる優れもの。操作も簡単で、変換したレイヤーを選択して、ボタンをクリックするだけの簡単な使い心地。

Photoshop SVG Export

 

 

より詳しい使い方は、以下の動画で確認することができます。

 

 

 

 

Glifo
価格 $19(およそ2,000円)

作成したアイコンレイヤーを、ボタンクリックひとつでWebフォントに変換してくれるプラグイン。Photoshop CS5、CCにのみ対応しています。

21(2)

 

 

以下の動画で使い方を詳しく確認することができます。

 

 

 

 

Renamy
価格 $19(およそ2,000円)

 

選択した複数のレイヤー名を、丸ごと一気に変換してくれるプラグイン。製作中にレイヤーがぐちゃぐちゃになってしまう方へ。

31(2)(3)

 

 

 

Web Zap

価格 $19(およそ2,000円)

 

Webデザインのモックアップを、秒速で完成させる魔法のようなプグライン。 ドラッグ&ドロップでUIデザインを反映させることができ、複数の異なるレイアウトも一発表示できます。

Web Zap

 

 

 

CSS Hat

価格 $35(およそ3,600円)

 

こちらのプラグインは、PhotoshopレイヤースタイルをCSS3コードに変換、書き出してくれます。ボタンひとつの簡単設定のほか、SASSやLESSにも対応。

CSS Hat

 

 

 

Elemente

価格 $99(おおそ10,200円) / $199(およそ20,400円)

 

作成したPSDファイルをWordPress用に書き出してくれるプラグイン。あらかじめ多彩なテンプレートが実装されており、パワフルなWebサイトを作成できます。コードの書き方が分からない、という方にもオススメです。

Elemente

 

 

 

Blow Up

価格 $99(およそ10,200円)

 

画像解像度の低い写真を、くっきり拡大表示してくれるプラグイン。特にプリント媒体の制作作業で活躍してくれる機能でもあります。

5(2)

 

 

 

PSKiss Photogram

価格 $10(およそ1,050円)

 

Instagramエフェクトにとても似た写真加工エフェクトプラグインで、 70年代レトロフィルターなどを、Photoshopでたのしむことができます。

PSKiss Photgram

 

 

 

Halftone Creator Plugin

価格 $6(およそ620円)

 

イメージ写真にハーフトーンオーバーレイを作成するプラグインで、dpiを選択したり、ドットの大きさを変更可能。

Halftone Creator

 

 

 

Subtle Patterns Photoshop Plugin

価格 $12(およそ1,300円)

 

オシャレな質感系の無料パターンテクスチャ素材を300枚以上公開している、Subtle Pattenrnsが監修したプラグイン。

Subtle Patterns Photoshop Plugin

 

 

 

DevRocket

価格 $19(およそ2,000円)

 

iOSアプリデザイン開発がはかどるプラグインで、それぞれテンプレート、アイコン、プレビューデザイン作成のほか、書き出し機能も搭載しています。

Deb Rocket

 

 

 

Catalist

価格 $19(およそ2,000円)

 

Photoshopで作成したモックアップや、Illsutratorで作成したロゴを、HTMLやCSS、JSファイルなどと一緒に管理でき、 Webサイト制作の生産性をよりアップさせてくれるプラグイン。

18(2)

 

 

 

Export Pro

価格 $15(およそ1,600円)

 

複数のレイヤーをひとつずつPNGかPSDファイルで保存、書き出してくれるプラグイン。同じ作業の繰り返しとなる場合には、バッジと共に併用したい機能のひとつではないでしょうか。

17(2)

 

 

 

SpecKing

価格 $19(およそ2,000円)

 

Webサイト制作時にサイズに関する細かい仕様書、注釈をPSDデザインに追加することができるプラグイン。より実践に近い機能となっています。

SpecKing

 

 

 

PixelDropr

価格 $19(およそ2,000円)

 

作成したアイコンなどのUIデザインをドラッグ&ドロップで保存し、セット毎にいつでも再利用可能にするプラグイン。Webデザイン制作で何度も活用する素材、ソーシャルメディアアイコンなどもまとめて保存してしまいましょう。

PixelDropr

 

 

 

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

以前まとめた無料ダウンロードできるプラグインもご参考にいかがでしょう。

psextension_top

 

 

参照元リンク : Photoshop Plugins You Won’t be Able to Live Without – DeisngnModo