個人的に役立ったデザイン素材や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アソシエイト・プログラムの参加者です。

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

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

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

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

記事を読む

Photoshopを使って光沢のあるプラスチック風な効果をテキストにつける方法:海外チュートリアル翻訳02

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

記事を読む

クリスマスのデザイン素材に!無料で使えるPhotoshop用シームレスパターン180+

クリスマスデザインの無料素材!Photoshop用フリーシームレスパターン180+

クリスマス関連のデザイン素材で使える無料のPhotoshop用シームレスパターンをまとめてご紹介しま

記事を読む

フリーのアイコン無料素材を見つけるための厳選サイト

フリーのアイコン無料素材を見つけるための厳選サイト9

フリーのアイコン無料素材を見つけるためのサイトを厳選してお届けします。 アイコンのフリー素材は綺羅

記事を読む

おお便利!Adobeソフトのショートカットがブラウザで確認できる「Keyboard Shortcut Visualiser」

おお便利!Adobeソフトのショートカットがブラウザで確認できる「Keyboard Shortcut Visualiser」

Photoshop, Illustrator, InDesignなどのAdobeソフトのショートカッ

記事を読む

インパクトの演出に!集中線/効果線のPhotoshop用無料ブラシ&カスタムシェイプ170+

バナーの制作やランディングページなどでインパクトを出すために集中線/効果線を利用することはありません

記事を読む

無料で使えるPhotoshop用フリーの紙・ペーパーシームレスパータン素材

無料で使えるPhotoshop用フリーの紙・ペーパーシームレスパータン素材

Photoshop用パターンファイル(.pat)の使い方 こちらでご紹介しているファイルにはjpg

記事を読む

絵・デッサンの上達に最適!様々な人体のポーズを表示する「ポーズビューワ」

絵・デッサンの上達に最適!様々な人体のポーズを表示する「ポーズビューワ」

絵・デッサンの上達に最適なサイトをご紹介します。 テーマは人体。 人体を素早く的確に描けると、簡

記事を読む

使える!商用利用無料の手書きのベクター素材&ソーシャルアイコンセット

使える!商用利用無料の手書風のボタニカルベクター素材&ソーシャルアイコンセット

使える商用利用無料の手書き風のボタニカルベクター素材&ソーシャルアイコンセットをご紹介します。 手

記事を読む

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

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

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

記事を読む