Webデザイナーのための10+無料Photoshopプラグイン
Photoshopエクステンションを使用すると、デザイン、ワークフローの効率化、および生産性の向上に役立つ機能が大幅に向上します。あなたはPhotoshopのプラグインを使用することができます 繰り返しや面倒な作業をスピードアップ といった:
- 長い影を生成する
- Photoshopレイヤーを書き出す
- PSDをCSS3に変換
- PhotoshopのテキストをSVGに変換する
- Photoshopでデザインスペックを構築する
- 串型デザインを平らなデザインに変換する
そこに他のPhotoshopの拡張機能がたくさんあり、このリストにはあなたを助ける12素晴らしいものがあります レイヤー、色、ガイドを管理する もっと, ワークロードを軽減する そして、あなたがあなたの注意を必要とするものにもっと集中するのを助けます。あなたがもっと多くのPhotoshopプラグインや拡張機能を知っているなら、私たちにコメントで知らせてください.
ヘキシー
Hexyはあなたにもっと速い方法を提供します 16進数とRGBカラーコードを取得する. このプラグインを使用すると、スポイトツールを使用して、ピックアップしたい画像の色をクリックするだけで、Hexyが自動的にその色をクリップボードにコピーします。こうすればすぐに貼り付けてCSSで使うことができます。カラーピッキングに便利なツールです.
互換性: フォトショップCC 2014
2.サイズマーク
SizeMarkはあなたをすることができます マーキーツールを使用して、オブジェクトサイズまたは各オブジェクト間の距離のラベルを追加する. SizeMarkは、新しいレイヤーで作成された各ラベルを保存するので、必要に応じてそれをカスタマイズできます。色を変える、またはその位置を調整する。 PSDを機能的なWebサイトに変換する必要がある場合に不可欠です。.
互換性: フォトショップCC 2014
ピクトラ
あなたのデザインに画像を挿入する必要がありますか? Picturaをインストールする必要があります。ピクトラ ワークスペースを離れることなく、Photoshopで画像を検索して簡単に追加できます。. インストールされると、Picturaはあなたが必要とする任意のライセンスで任意の画像を検索することができる新しいパネルを追加し、それをあなたのデザインにすぐに挿入します.
互換性: フォトショップCC 2014
オーブン
オーブンはあなたがより良いあなたの資産を管理するのに役立ちます気の利いたプラグインです。 Photoshopのジェネレータを使用すると、リアルタイムで画像をエクスポートできますが、画像を正しく適切な名前で生成するには、すべてのレイヤの名前を変更する必要があります。. オーブン その面倒を排除.
互換性: Photoshop CCとCC 2014
5.インク
PSDを機能的なWebサイトに変換するのは常にトリッキーなプロセスです。レイヤースタイル、フォントサイズ、使用されるフォントファミリ、要素サイズ、および他の要素に対する位置など、検討すべき詳細事項がたくさんあります。インクがお手伝いします これらの情報を生成する 簡単に.
6. LayerCraft
LayerCraftはあなたがすることができますPhotoshopのプラグインです。 レイヤーを複数スケールにエクスポート. あなたはに画像をエクスポートすることができます @ 1倍
, 2倍
そしてさらに @ 3倍
(Retinaスクリーンを備えたiOSデバイスでは必須)、または MDPI
そして xhdpi
アンドロイド用。毎日の仕事が モバイルインターフェース用のUIを作成する, これはあなたに多くの時間を節約するツールです.
互換性: Photoshop CCとCC 2014
7.作曲家
ComposerはPhotoshop Layer Comps機能を改善します。すべてのデザインリビジョンを格納するために複数の別々のファイルを用意するのではなく、Layer Compでは、それらすべてを単一のファイルに格納して管理できます。レイヤーコンプはスマートオブジェクトと同じように機能します。それぞれに、レイヤースタイルやブレンドモードなどのプロパティがいくつか含まれています。この場合、作曲家は これらのスタイルを更新する最も簡単な方法 ワンクリックで.
互換性: Photoshop CS5、CS6、およびCC
8.速度論
速度は可能な拡張です Webデザインのプロトタイプを作成するのに役立ちます 早く。 Velociteyには、グリッドを含むプリセットテンプレートがいくつか付属しています。また、Webサイトのヘッダー、コンテンツ、フッター用の共通のレイアウトプレースホルダーも付属しています。クリックするだけで、これらすべてのコンポーネントを追加できます。文字通り時間の節約になります(そして無料です)。.
互換性: フォトショップCS6、CC、CC 2014
9.デュプリケーター
Duplllicatorは最速の方法を提供します Photoshopのレイヤーまたはグループを複製する. 必要なコピー数を指定してから、複製したレイヤーの縦と横の間隔を設定できます.
互換性: Photoshop CCとCC 2014
10.クイックガイド
クイックガイドがお手伝いします Photoshopでガイドラインを描く. このプラグインは、各オブジェクトの片側、2つの隣接する側、またはすべての側にガイドを簡単に追加するための12のプリセットを提供します。その他の機能としては、ガイドのロックと表示の切り替え、ガイド全体または選択したガイドの削除、およびガイドのコピー&ペーストがあります。.
互換性: フォトショップCC 2014
11. Loremイプサムジェネレータ
Loremイプサムジェネレータは ランダムな単語やフレーズを生成する. 他の場所からコピーする必要はなく、自分のPhotoshopワークスペースからLorem Ipsumを直接生成できます。出力をカスタマイズするためのオプションがいくつかあります。このプラグインはIllustrator、InDesign、Dreamweaverでも利用できます。.
互換性: Photoshop CS5、CS6およびCC
12. Lorem Picsum
Lorem Picsum テキストではなくランダムな画像を生成します. 提供される画像は、以下のような人気のある映画やテレビ番組から派生したものです。 フューチュラマ, リオ, シンプソンズ, ファインディング・ニモ, そして アップ.
互換性: Photoshop CS6とCC