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

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

無料で使える角丸・丸文字の英語/欧文フリーフォント

無料で使える角丸・丸文字の英語/欧文フリーフォント28でポップでかわいい演出を

無料で使える角丸・丸文字の英語/欧文フリーフォントのご紹介します。 デザインにポップな印象やかわい

記事を読む

無料で使えるPhotoshop用鉛筆/ペンシルブラシ

無料で使えるPhotoshop用の鉛筆/ペンシルブラシ250+

無料で使えるPhotoshop用の鉛筆/ペンシルブラシをご紹介します。。 Photoshopで手書

記事を読む

FIFAワールドカップ1934〜2014年大会までのFIFAワールドカップロゴデザイン

FIFAワールドカップ1934〜2014年大会までのFIFAワールドカップロゴデザイン

またまた旬なネタで。 必ず盛り上がるワールドカップ。 そのワールドカップを象徴するのがロゴデザイ

記事を読む

超ハイクオリティ!商用利用無料の写真素材をダウンロードできるサイト17

超ハイクオリティ!商用利用無料の写真素材をダウンロードできるサイト17

無料の写真素材をダウンロードできるサイトは色々と増えています。 しかし、最初は有難がっていた利用者

記事を読む

商用利用可!細字の英語・欧文フリーフォント74

商用利用可な細字の英語・欧文フリーフォントをご紹介します。 iOSのインターフェースには、やけに細

記事を読む

Illustratorでのカラーワークで役立つ無料のカラースウォッチライブラリー12

デフォルトのIllustratorはスウォッチパネルがほぼ空状態です。 これは具合が悪い。 いち

記事を読む

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

このチョコレートパケがすごい!デザイン性・アイディアに富んだパッケージ/プロダクトデザインvol.23

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

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

モルタルのフリーテクスチャ素材35

モルタルというタイトルをつけましたが、正式にはスタッコ(化粧しっくい)の素材になります。 しかし、

記事を読む