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

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

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

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

※追記:2010.5/21

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

関連する投稿

• 写真や画像の外枠をぼかす (0)
• 写真のシャープ処理 (0)
• 作業効率化：ドロップレット (1)
• フォトショップでレンズフレアを入れる (0)
• フォトショップでも点線・破線を簡単に描けるアクション (6)

Illustratorを利用してフォトショップでレンズフレアを入れる方法

Photoshopのデフォルトフィルタでも逆光(レンズフレア)というものが用意されていますが、これは正直使いものになりません。とにかく自由度がなく加工もできないしきれいじゃない。
Photoshop用のブラシでレンズフレア風ブラシが配布されていますがこれもブラシという特性上単色でいまいち味気ない。

かたやIllustratorのフレアツールはなかなかクオリティが高いし自由度が高い。…そこでなんとかIllustratorのフレアツールで描いたレンズフレアをPhotoshopで利用できないかと思い色々試してみた結果なかなか良い感じにしあがったので今回はこのIllustratorのフレアをPhotoshopで利用するテクニックを紹介します。

【レンズフレアの作り方】

(1) まずIllustratorのフレアツールでフレアツールを選択する。

(2) 適当なサイズのレンズフレアを描画してコピーをする。

(3) Photoshop側で、スマートオブジェクトとしてペーストする。このとき任意のサイズに拡大・縮小する。

(4) レンズフレアレイヤーの描画モードを“覆い焼きカラー”に変更する。

(5) 次に レンズフレアレイヤーに対しトーンカーブや不透明度を調整しベースの写真に合わせレンズフレアの質感を調整する。コントラストを強くすると虹色になったりするのでいろいろ試して調整してください。白く飛びすぎてしまっている部分はトーンカーブにレイヤーマスクをかけ調整します。

以上で完成です。

簡単なので是非お試し下さい。

関連する投稿

• 黄金比&白銀比トリミングアクション (2)
• 写真のシャープ処理 (0)
• レンズフレアのPSDデータ配布(商用可) (0)
• アクション使用方法【基本編】 (0)

いままで写真の補正をするときのシャープ処理はアンシャープマスクを使用していましたが、今日［ハイパス］フィルタを利用する方法があるのを知ったので覚え書きしておきます。

ハイパスを利用する方法。

(1) 補正する写真を複製し［フィルタ］［その他］［ハイパス］を実行する。

(2) ハイパスを実行したレイヤーの描画モードをオーバーレイにしてシャープ効果を得る。

(3) 効果の適用具合はレイヤーの不透明度で調整する。

この方法は元の画像を非破壊でシャープ処理できるのと手軽に調整が効くところがいい。

関連する投稿

• 黄金比&白銀比トリミングアクション (2)
• フォトショップでレンズフレアを入れる (0)