個人的に役立ったデザイン素材や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
  • 4

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

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

CSSグラデーションを簡単につくれる「Colorful CSS Gradient Background Generator」

背景画像をサッとつくれる便利ツール20選

背景画像をサッとつくれる便利ツールやサイトをご紹介します。 背景にちょっと手を加えるだけで、見た目

記事を読む

Sketchユーザー必見!Sketchキーボードショートカットのわかりやすいまとめ「Sketch Keyboard Shortcuts」

Sketchキーボードショートカットがまかりやすくまとめられた「Sketch Keyboard Sh

記事を読む

無料なのにハイクオリティなロゴ用テンプレートをダウンロードできるサイト8

ロゴはサイト制作に限らず、企業や個人活動を支えるもっとも重要な要素の1つです。 「顔」になるもので

記事を読む

アポロ計画の無料画像1万点以上がFlickrに「Project Apollo Archive’s albums」

アポロ計画の無料画像1万点以上がFlickrに「Project Apollo Archive’s albums」

アポロ計画で撮影された無料(パブリックドメイン)画像1万点以上がFlickrにアップされている「Pr

記事を読む

商用利用無料で利用できるテクスチャがすぐ見つかるサイト8

商用利用無料で利用できるテクスチャがすぐ見つかるサイト10

商用利用無料で利用できるテクスチャがすぐ見つかるサイトをご紹介します。 当サイトでも、オリジナル無

記事を読む

Mac OS X に対応した使えるMacショートカットで作業驀進!

Macの良さは使いやすいショートカットにあると思うのですが、みなさんはいかがでしょうか? 自分のへ

記事を読む

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

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

記事を読む

UIのインスピレーションに最適な「UXPorn」

UIデザインのインスピレーションで溢れてる「UXPorn」

サイトやWEBサービスをつくるときにどのようなUIデザインにするかは悩むところですよね。 UIをつ

記事を読む

無料で高画質なビンテージテクスチャ画像200+

無料で高画質なビンテージテクスチャ画像200+

無料なのに高画質!今回はそんなビンテージテクスチャ画像をまとめてご紹介します。 紙はもちろん、ポス

記事を読む

パンフレット&チラシのデザイン見本サイト「パンフレット&チラシ見本帳」というサイトをオープンしました

パンフレット&チラシのデザイン見本サイト「パンフレット&チラシ見本帳」というサイトをオープンしました

このたび、デザインやレイアウトの参考にしていただきたいと思い、パンフレット&チラシのデザイン見本サイ

記事を読む