Dearps ～Adobe Photoshopに関するTipsや便利な裏技を紹介するサイトです～

2009年06月23日（火）

黄金比&白銀比トリミングアクション

WEB用写真を黄金比&白銀比でトリミングするアクション

美しいデザイン・レイアウトを生み出すのに必要不可欠な黄金比と白銀比。
この比率を取り入れることでバランスのいい綺麗なデザインになるといわれています。
コリスさんのサイト黄金比をサイトのデザインに取り入れる簡単な３つの方法でも紹介されているようにWEBデザインにおいても多く取り入れられています。
今回はこの黄金比と白銀比でWEB用画像を簡単にトリミングできるようにアクションを作成したので配布します。WEBの画像で使いやすいように160px〜500px(長辺)までの各種サイズ用意しました。

黄金比 (GoldenRatio)	白銀比 (SilverRatio)
W160 x H99	W160 x H113
W190 x H117	W190 x H134
W220 x H136	W220 x H156
W250 x H155	W250 x H177
W280 x H173	W280 x H198
W310 x H192	W310 x H219
W450 x H278	W450 x H318
W500 x H309	W500 x H353

ちなみに“Dearps”では白銀比を利用しております。
白銀比は、日本が発祥で法隆寺などの寺や、建築物に多く見られる比率で日本人に馴染みの深い比率とされています。私も黄金比よりも白銀比のほうがしっくりくる気がします。

黄金比&白銀比トリミングアクションのダウンロードは以下から。

※追記:2010.5/21

黄金比&白銀比トリミングアクション ver.2を公開しました。
サイズ指定なしで画角の比率だけ黄金比、白銀比にクロップすることができます。

Tweet