個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介

Photoshopであらゆるものを計測できる無料スクリプト「Size Marks PS」

Photoshopであらゆるものを計測できる無料スクリプト「Size Marks PS」

Photoshopにオブジェクト間の距離を計測できるツールがあればなあと思っていたら、無料のスクリプトがありました。
単に計測するだけでなく、そのままレイヤーに計測結果を残しておけるので、WEBデザイナーさんからコーダーさんへデータを渡すときなどにも役立ちそうですね。

オブジェクト間やオブジェクト自身を計測できるPhotoshop用の無料スクリプト「Size Marks PS」

Size Marks PSは、Photoshop上にあるオブジェクト間やオブジェクト自身を計測できる無料スクリプトです。

Size Marks PSの使い方

Size Marks PSから、「Size-Marks.jsx-v0.1.1.zip」をダウンロードして解凍します。
なかにある、「Size Marks.jsx」を、Applications>Adobe Photoshop>Presets>Scriptsのなかに入れます。
これで準備OKです。

Photoshopを開きます。
ここでは参考に以下のようなオブジェクトを配置しました。
Photoshopであらゆるものを計測できる無料スクリプト「Size Marks PS」
Size Marks.jsxを使用する場合は、まず選択ツール(M)を利用します。
選択ツールを使って、オブジェクト間を選択します。
Photoshopであらゆるものを計測できる無料スクリプト「Size Marks PS」
選択がアクティブな状態でメニュー>スクリプト>Size Marksを選択します。
Photoshopであらゆるものを計測できる無料スクリプト「Size Marks PS」
すると、以下のようにマゼンタ色で計測結果が表示されます。
計測結果は、そのままレイヤーにも反映されます。
Photoshopであらゆるものを計測できる無料スクリプト「Size Marks PS」
ショートカットを設定しておけば、もっと便利ですよね。
書き出しなどする場合は、この計測結果のレイヤーを非表示などにしておきましょう。
でないと、計測結果まで書き出されてしまいます。

Size Marks PS

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

  • 0
  • 0
  • 1
  • 3

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

この記事を読んだ人はこんな記事も読んでいます

パッケージ/プロダクトデザインvol.29 参考になる優れたパッケージ/プロダクトデザインをご紹介

デザイン性・アイディアに富んだパッケージ/プロダクトデザインvol.29

優れたパッケージデザイン・プロダクトデザインをご紹介している金曜日企画、第29回目です。 今回も世

記事を読む

30日間限定!フォント、アイコン、テンプレートなどが入った商用利用OKな無料素材集「ZERO Bundle」を今すぐゲット!

「ZERO Bundle」は数人のデザイナーが作成したベクターアイコン、Photoshopアクション

記事を読む

パッケージデザインvol.15 参考になる優れたパッケージ/プロダクトデザイン20をご紹介(金曜日企画)

デザイン性・アイディアに富んだパッケージ/プロダクトデザインvol.15

優れたパッケージデザイン・プロダクトデザインをご紹介している金曜日企画、第15回目となりました。

記事を読む

蝶(バタフライ)をモチーフにした無料のベクター素材

蝶(バタフライ)をモチーフにした無料のベクター素材23セット

蝶(バタフライ)をモチーフにした無料のベクター素材をご紹介します。 Decorative Bu

記事を読む

脱初心者!Photoshopを使用するなら注意したい11のこと

Photoshopを使っている方は多いと思います。 でも、先生や先輩などについて教えてもらった場合

記事を読む

パッケージ/プロダクトデザインvol.34 参考になる優れたデザインをご紹介

デザイン性・アイディアに富んだパッケージ/プロダクトデザインvol.34

優れたパッケージデザイン・プロダクトデザインをご紹介している金曜日企画、第34回目です。 34回目

記事を読む

ロゴをより美しくグリッドがロゴデザインに統一感と判断基準をもたらす

ロゴをより美しく!グリッドがロゴデザインに統一感と判断基準をもたらす

ロゴを美しくデザインするためのテクニックで興味深い記事を見つけました。 私を含め参考になると思いま

記事を読む

無料で使えるキラキラした星・輝きのPhotoshop用無料ブラシ28セット

今回は、ゴージャス感や希少性を演出したいときに役立つ星や輝きなどの素材をご紹介します。 無料で利用

記事を読む

パッケージ/プロダクトデザインvol.28 参考になる優れたパッケージ/プロダクトデザインをご紹介

デザイン性・アイディアに富んだパッケージ/プロダクトデザインvol.28

優れたパッケージデザイン・プロダクトデザインをご紹介している金曜日企画、第28回目です。 今回も世

記事を読む

Photoshopで上質かつ緊張感のある背景テクスチャにする方法:海外チュートリアル翻訳03

Photoshopで上質かつ緊張感のある背景テクスチャにする方法:海外チュートリアル翻訳03

海外のサイトで公開されているPhotoshopやIllustratorをはじめとした代表的なソフトを

記事を読む