横浜のホームページ制作 スタジオFIXの社長ブログ

このブログでも使っている↑ポラロイド風のイメージ。
ホームページ制作で使い回せるポラロイド風の画像を
Photoshopを使って、所要時間2〜3分でサクっと作る方法のご紹介です。


【制作環境】
Photoshopバージョン：CS3
OS : OSX 10.5（Leopard)
※ Windowsをお使いの方は
文中の「commond」を「ctrl」に置き換えてお読みくださいね。


新規ファイルに写真を「レイヤー1」として配置します。



レイヤーパレットの「新規レイヤーを作成」をクリックして
「レイヤー2」を作成します。


ツールボックスから「長方形選択ツール(M)」を選んで
ドラッグしながら 写真の周りを好みのサイズに適当に選択します。


レイヤー2を選択した状態で、ツールボックスの背景色を白にして
「commond + delete」 をクリックします。



「レイヤー2」が白で塗りつぶされました。


レイヤーパレットの「背景」の目玉をクリックして背景を非表示にすると
「レイヤー2」が白で塗りつぶされたことが確認できます。



>ツールボックスから「移動ツール(V)」を選び、
レイヤーパレット上で 「commond」 を押しながら
「レイヤー1」と「レイヤー2」をクリックして両方選択します。


オプションバーの「水平方向中央揃え」をクリックして
レイヤーをセンタリングに整列させます。
ポラロイド風にしたいので「レイヤー1」の位置は上寄りにしておきます。


レイヤーパレットの「レイヤー効果」の中から「境界線」を選択してクリックします。


サイズ：1px、
位置：内側、
カラー：#cccccc
としたら「OK」を押します。


「レイヤー2」に薄いグレーのラインができました。


「レイヤー2」の上で 「commond」 を押しながらクリック。
「レイヤー2」の選択範囲を選択します。
次に「レイヤー2」の下に、新規「レイヤー3」を作成し、黒色で塗りつぶします。
最後に 「commond + d」 で選択範囲を解除します。


黒く塗りつぶした「レイヤー3」を選択した状態で
フィルタ＞ぼかし（ガウス）をクリックします。



半径を4.0にして「OK」をクリック。
数字を大きくすると、大きくぼやけます。

背景レイヤーを表示して確認すると、このような影が出来ています。


次は黒く塗りつぶした「レイヤー3」を右回りに回転させます。
「レイヤー3」を選択して「commomd + t」を押すと、バウンテンボックスが表示されるので、オプションバーの「回転」に「3.0」と入力して、Enterを押します。


「長方形選択ツール(M)」で図の点線で囲まれた部分を選択して
「delete」ボタンを押します。



はい、できあがり。
ポラロイド風イメージの完成です。




あとは好みで「不透明度」を調整したり、文字を載せたりします。
Photoshop の全機能を使い倒すのは難しいかもしれませんが、
このように一部の機能を使えるだけでも、こんな画像が作れちゃいます。


ホームページ制作の際に画像作成でお困りの方は、
ぜひお試しくださいね！(^-^)ノ