デザインテク(K)Photoshopで紙のテクスチャに周りが破れた感じを出す場合HOMEApplicationPhotoshop(K)Photoshopで紙のテクスチャに周りが破れた感じを出す場合Photoshopで紙の質感を出すだけなら、テクスチャで間に合いますが、ビリビリ破れた感じを出すには直線の長方形じゃ物足りない感じです。アメリカンカジュアルなファッションブランドのサイトのデザインをした時に使った破れた感じの紙のコンテンツ枠を作った時の備忘録。今回使用した紙のパターンは以下のサイトよりダウンロードしました。画像として開いて、「編集」→「パターンを定義」でいつでもレイヤースタイルの「パターンオーバーレイ」から呼び出せます。Pattern【1】アルファチャンネルに選択範囲を登録まず新規ファイルを作成します(好きなサイズでおけです)次に枠として使いたい分の選択範囲を作成します。次に、「チャンネル」から「選択範囲をチャンネルとして保存」をクリックして先ほどの選択範囲をチャンネルに保存します。新しく出来た「アルファチャンネル」のみ表示させて、その上のチャンネルは全て非表示します。下の「アルファチャンネル」を選択して、次に紙の破れた質感を出すためにフィルタを適用します。【2】フィルタ→水晶で周りに破れた感じを出す「フィルタ」→「水晶」を選んで、四方がビリビリに破れた感じを出します。数値を上げ過ぎるとガタガタになるので、微調整してください。アルファチャンネル部分が上記のようになったら、アルファチャンネル部分をcommand(ctrl)キーを押しながらクリックして選択範囲を出します。レイヤーを選択して、command+Jで、選択範囲からコピペして新規レイヤーを作成します。最後に「レイヤースタイル」→「パターンオーバーレイ」で先ほど登録した紙のパターンを選びます。背景に木目をあしらって、紙にドロップシャドウをかければソレっぽくなりました(・∀・)まとめPhotoshopのフィルタは単品ではあまりカッコいい効果は望めませんが、うまく使い合わせればこんな感じの効果も得られます。コメントをキャンセルメールアドレスが公開されることはありません。Memo当ブログの管理人Kc_fuji(け-し-)です。WEB制作会社に務めるサラリーマンです。このブログは、制作の覚え書きとWordpressの実験所として利用しています。PAGEWEB(K)Campus(WEB系キャンパス)は娯楽は少なめ。