構図に役立つ!レイアウト、写真やイラストの構図に使えるPhotoshop用の黄金比の確認ツール -Golden Ratio

Webページのレイアウト、写真やイラストの構図に黄金比のパネルを重ねて確認できるPhotoshopの便利ツールを紹介します。

Golden Ratioで作成した黄金比のパネル

Golden Ratio

黄金比を使ったデザイン テクニックついては、下記も参考にどうぞ。

Golden Ratioのインストール

下記ページから「Golden Ratio」をダウンロードします。

サイトのキャプチャ

Golden Ratio

ダウンロードはちょっと分かりにくいですが、「GoldenRatio.jsxbin」のURLをコピペしてダウンロードです。

  1. 「GoldenRatio.jsxbin」を「GoldenRatio.jsx」にリネーム。
  2. Photoshopのアプリケーションフォルダ内の「Presets\Scripts」内にファイルを移動します。
  3. Photoshopを再起動して、完了です。

Photoshopのメニュー「ファイル: スクリプト」から「Golden Ratio」が利用できます。

Photoshopのキャプチャ

Photoshopのメニュー

Golden Ratioの使い方

使い方は簡単です。
スクリプトから「Golden Ratio」を起動すると、すぐに黄金比が作成できます。

Golden Ratioで作成した黄金比のパネル

黄金比のパネル

黄金比はスマートオブジェクトで、そのままの比率を保ったままサイズ変更が可能。

Golden Ratioで作成した黄金比のパネル

黄金比はスマートオブジェクト

比率を保ったまま変形する時は、「Shift」キーを押しながらドラッグします。

Golden Ratioで作成した黄金比のパネル

黄金比を縮小

回転もそのままの比率でOKです。

Golden Ratioで作成した黄金比のパネル

黄金比を回転

ページのレイアウトに重ねたり、写真やイラストに重ねたりできます。

サイトのキャプチャ

実はコリスのグリッドは黄金比

top of page

©2017 coliss