2017年6月26日

Photoshopユーザー向けの、おすすめプラグインをピックアップ!

作業を効率化!Photoshopのプラグインまとめ

作業を効率化!Photoshopのプラグインまとめ

Photoshopによる作業を手際良く行うために欠かせない拡張機能。しかし実際に使ってみないと、その便利さはわかりません。そこで、Photoshopユーザーが推奨するプラグインに関する記事をまとめました!
 

(1)Photoshop Elemantsのおすすめプラグイン

便利なプラグインは様々ありますが、できれば本当に使えるツールだけを厳選したいもの。
サイト『PHOTOLIFE BLOG』に掲載されている《Photoshop Elemantsのおすすめプラグイン》の記事には、管理人さんが実際にPhotoshopに入れて活用しているプラグインが記述されていました。

・SmartCurve(トーンカーブが使える)
・Color Balance(カラーバランスを調整)
・ToyCamera ver3.4(トイカメラ風に処理)

記事にはこの3つが紹介されており、それぞれのダウンロード方法や使い方が書かれています。
キャプチャ画面と一緒にわかりやすく紹介されているので、詳細が気になる方はぜひ参考にしてみてください。

【参照元】
http://photolifewsd10.blog.shinobi.jp/pc・ソフトウェア/photoshop%20elemantsのおすすめプラグイン
 

(2)Photoshopのガイド引きを助ける小さなテクニック

Photoshopの基本といえるガイド引き。
大事な作業の一つですが、自分でガイド線をポチポチと設定して引いていくのは、結構手間がかかってしまいます。
そこで注目したいのが、《Webデザインにつきもの「Photoshopのガイド引き←ダルい><」を救う小さなテクニック。》というタイトルの記事。
ガイド引きを簡単に時短できるプラグインが紹介されています!

パネルに幅や分割数を入力してクリックするだけで自在にガイド線を引ける"Griddify"、画像のレイヤーを選択するだけでガイド線を引いてくれる"Layer Guides"など、注目したいプラグインの特長を知ることができますよ。
管理人さんイチオシのガイド引きツールが5種類ピックアップされているので、気になる方はぜひ一読してみてくださいね。

また、この記事が掲載されていた『WEBSAE』には、Web制作者に嬉しい情報が数多く掲載されています。
作業効率化・技術力アップのために、隙間時間を使って全体を熟読してみてはいかがでしょう。

【参照元】
http://websae.net/photoshop-make-guide-easier-20140702/

 

(3)大量の画像を1クリックで配置する秘技

「作業の効率化を図りたい」
「便利なエクステンションについて知りたい」
そんな方にぜひ読んでいただきたいのが、グラフィックデザイナーの三浦将さんのブログ『Dearps』

このサイトには、PhotoshopでWebデザインをする際に、参考にしたくなるようなTipsが紹介されています。
今回紹介する記事《Bootcomp 2.0 新機能 「Place img」大量の画像を1クリックで配置する秘技》もその一つ。
Apple社が開発したエクステンション"Bootcomp 2.0"のPlace imgという機能に注目して、たくさんの画像を一度に配置する方法を紹介してくれています。
写真や画像を大量に使用してサイトやアプリを制作したり、デザインカンプを作ったりする機会が多い方は、知っておくと便利ですよ。

三浦さんのサイトには他にも、ドロップレットの利用法、スマートオブジェクトによる共通化をはじめ、Photoshopの作業をよりスムーズにうためのお役立ち情報がエントリーしています。

「これは!」と思うようなTipsは、ぜひ積極的に取り入れてみてはいかがでしょう。
作業の工数が大幅に縮められるかもしれませんよ。

【参照元】
http://dearps.lovwar.com/category/エクステンション/
 

(4)カラーやグラデなどをcssにしてくれるエクステンション

制作した画像の色彩やグラデーションなどをCSSに書き出すときに便利なエクステンションが"CSS3Ps"
PhotoShopで書き出したいオブジェクトを選択し、CSS3Psパレットをクリックするだけで、cssを生成してくれます。
この方法なら、どんなカラーやグラデーションを使ったのかを調べる手間が省けて、時短でコーディングが行えるのではないでしょうか?

フリーランスのデザイナー西山久美子さんが綴るブログ『ホームページ制作のアウトプット』内に掲載されている《Photoshopでデザインしたグラデなどをcssにしてくれるエクステンション「CSS3Ps」》という記事には、この一連のフローがキャプチャ付きで書かれているので、興味のある方はぜひアクセスしてみてくださいね!

デザインだけでなく、コーディングも行っている方は、知っておくと手際良く作業が進められるのではないでしょうか。

【参照元】
http://bugpixel.net/output/web/css3ps-photoshop/
 

(5)PhotoshopとLightroomで使える画像加工プラグイン Google Nik Collectionが無料!

『ひとり広報』を運営しているのは、写真とブログが趣味というyama(山口竜司)さん。自動車販売会社に勤める広告宣伝デザイナーとして、ウェブデザインや印刷物のデザインを手がけています。

そんなyamaさんがオススメするPhotoshopプラグインが"Google Nik Collection"!
その詳細は、《PhotoshopとLightroomで使える画像加工プラグイン Google Nik Collectionが無料!》の記事に書かれています。

"Google Nik Collection"とは、Googleが提供する写真加工専用のプラグイン。PhotoshopやLightroomに導入して、はじめて機能するソフトです。元々7万円で取引きされていたツールですが、Googleが販売元を買収して現在は無料で使えるようになっています。

記事内では主な機能7つを項目分けして、一つ一つの使い方やメリットが語られています。Googleの無料版になって追加された新機能も紹介されているので、過去に使用したことがある人も要チェックです!
無料とは思えないクオリティを兼ね備えた"Google Nik Collection"を使って、デザインの幅を広げてみてはいかがでしょう。

【参照元】
http://hitori-koho.com/google-nik-collection-free
 

(6)便利!Photoshopで描いた絵をIllustratorで使えるパスに変換する方法!

「Photoshopで描いた絵をIllustratorに移したい」そんな人に読んでほしいのが、《便利!Photoshopで描いた絵をIllustratorで使えるパスに変換する方法!》の記事。
IT系会社でWebデザイナーとして活躍するmayukouさんが、自身で発見したIllustratorへの移行方法を教えてくれます。

ここで活用するプラグインは、"Pixel2Vector"です。
ダウンロードしてPhotoshopのバージョンに合ったファイルを開き、承諾・OKボタンを押せば準備完了。
その後のイラスト移行の対応は、キャプチャ画面を添えてわかりやすく説明されているので、こちらの記事を見て実践してみてくださいね。

『Web Design Cafe』は、mayukouさんがWebデザイナーのための情報を発信するWebマガジン。上記以外にも、Photoshopユーザーに嬉しい記事がたくさんエントリーしています!今後活用できる、新たなテクニックを探してみてはいかがでしょう。

【参照元】
https://web-design-cafe.com/archives/703
 

(7)無料プラグイン「Ditto」で一括変更が可能に!

「複数のレイヤー設定が簡単にできたら便利なのに…」
そんなPhotoshopユーザーの思いを叶えてくれるプラグインについて書かれているのが、《長年の夢!Photoshopで変数が使える無料プラグイン「Ditto」で一括変更が可能に!》という記事!

Photoshop CC2015が使用できるMacにしか対応していませんが、塗りつぶし、フォントサイズ、行の高さなどが一括で変更できる"Ditto"の使い方を説明してくれています。
"Ditto"の紹介動画も添付されているので、併せてチェックしておくと、スムーズに使い方をマスターできるのではないでしょうか。

この記事の筆者のブログ『co-jin』には、他にもWebデザインに役立つ情報やTipsをはじめ、便利グッズなどに関する記事が掲載されています。
ぜひアクセスして、あなた好みの記事を探してみてくださいね!

【参照元】
http://co-jin.net/design/ditto
 

(8)Photoshopの便利なスクリプトや拡張機能のまとめ


Webサイト制作に役立つ情報が満載の『WEB Drawer』は、マークアップエンジニアとして活躍しているかしゅうさんが運営しているサイトです。

コーディングに関することや作業の効率化を促す小技、便利ツールなどが紹介されており、その中にはPhotoshopをより使いやすくする機能を紹介したものもありました!

タイトル《Photoshopの便利なスクリプトや拡張機能のまとめ》という記事です。

ここには、PSDからテキストを抽出したり、レイヤーをPNGに書き出したり、ガイド引きを簡単に行ったりするのに有効なスクリプトや拡張機能がキャプチャ付きで11個紹介されています。

気になる機能があるという方は、ぜひ積極的に作業の中に取り入れてみてくださいね!
今まで以上に効率よく、素晴らしい作品づくりが行えるかもしれませんよ。

【参照元】
http://webdrawer.net/tools/psextention.html

役に立った/参考になったと思ったら、シェアをお願いします。

人気のスキルの求人・案件情報

レバテッククリエイター
おすすめコンテンツ

レバテッククリエイターはWeb・ゲーム業界に特化したデザイナー・クリエイター向けの求人・案件提案サービスです。