2009年06月23日(火)
Adobe Photoshop
黄金比&白銀比トリミングアクション

WEB用写真を黄金比&白銀比でトリミングするアクション
美しいデザイン・レイアウトを生み出すのに必要不可欠な黄金比と白銀比。
この比率を取り入れることでバランスのいい綺麗なデザインになるといわれています。
コリスさんのサイト黄金比をサイトのデザインに取り入れる簡単な3つの方法でも紹介されているように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を公開しました。
サイズ指定なしで画角の比率だけ黄金比、白銀比にクロップすることができます。
関連記事
Trackback URL
2 Comments on “黄金比&白銀比トリミングアクション”
COMMENT
▲▲Dearpsおすすめ!▲▲
実際に広告で使われた案件を題材にしてレタッチを解説しているので本当に勉強になります。
▲▲Dearpsおすすめ!▲▲
ずっと使える基礎の本。基礎本といってもほかの本に載っていないような解説などもあるのであらためて読むと新しい発見があります。初心者にも上級者にもお勧めできる本です。

Tweets that mention 黄金比&白銀比トリミングアクション | Dearps ~Adobe Photoshopに関するTipsや便利な裏技を紹介するサイトです~ -- Topsy.com
[...] This post was mentioned on Twitter by 藤原佑太. 藤原佑太 said: 黄金比&白銀比トリミングアクション | Dearps ~Adobe Photoshopに関するTipsや便利な裏技を紹介するサイトです~ http://dearps.lovwar.com/2009/06/rati/ [...]
2010年04月29日(木) » 4:26 AM »
黄金比&白銀比トリミングアクション Ver.02 | Dearps ~Adobe Photoshopに関するTipsや便利な裏技を紹介するサイトです~
[...] 今回配布させていただくアクションは前回紹介したアクションのサイズ指定なし版です。画角の比率だけ黄金比、白銀比にクロップすることができます。 [...]
2010年05月21日(金) » 9:29 PM »