制作プラス

web制作や映像制作に関する知識のアウトプット

【Photoshop】境界線に斜めのストライプを入れる

【Photoshop】境界線に斜めのストライプを入れる

境界線に斜めのストライプ入れる方法をご紹介。↓

stripe_1

スポンサー リンク

作り方

①境界線の装飾を行う対象のオブジェクトを選択範囲で囲む↓(winショートカット→[Ctrl]  + [N] )

stripe_2


②先ほどの選択範囲はそのまま。対象のオブジェクトの上に新規レイヤーを作る(winショートカット→[Shift] + [Ctrl] + [Alt] + [N] )

stripe_3

③先ほど作成した新規レイヤーを選択した状態で、上記のメニューバーから編集→境界線を描くを選択

stripe_5

下記の様な編集ウィンドウが表示されます↓

境界線の幅を5pxに。位置を内側でOK

stripe_4

対象のオブジェクトに下記の様な青の境界線が引けたでしょうか?

レイヤーの階層が別々になっていますか?↓

stripe_6
①境界線 ②オブジェト

 

④境界線レイヤーの塗りを0%に

stripe_7

 

⑤先ほどの境界線のレイヤーを選択して、レイヤースタイルからパターンオーバーレイ→斜めストライプを選択↓
 ストライプの比率や不透明度は下記の調整パネルで行います。

stripe_8

 

※斜めのストライプパターンはこちらからダウンロード

スポンサー リンク

ストライプの色を変更

先ほどオブジェクトの境界線に引いた斜めストライプの色を変更しましょう。

境界線レイヤーを選択し、レイヤースタイルをラスタライズを選択↓
stripe_9

 

そのまま境界線レイヤーを選択し、レイヤースタイル→カラーオーバーレイで好みの色に変更↓

stripe_10

完成↓

stripe_11

 

作成工程まとめ

①境界線の装飾を行う対象のオブジェクトを選択範囲で囲む↓(winショートカット→[Ctrl]  + [N] )

②対象のオブジェクトの上に新規レイヤーを作る(winショートカット→[Shift] + [Ctrl] + [Alt] + [N] )

③作成した新規レイヤーを選択した状態で、上記のメニューバーから編集→境界線を描くを選択

④境界線レイヤーの塗りを0%に

⑤境界線のレイヤーを選択して、レイヤースタイルからパターンオーバーレイ→斜めストライプを選択↓

⑥境界線レイヤーを選択し、レイヤースタイルをラスタライズを選択

⑦レイヤースタイル→カラーオーバーレイで好みの色に変更

【今回使用したストライプパターン】→斜めのストライプパターン

お試しあれ。

プロフィール

kazu
新潟県越後湯沢出身
WEBデザイン・映像制作の記事を中心に日々学んだ事を記事としてアウトプットしております。
web/映像/紙媒体/デザイン全般

コメントはこちら

*
*
* (公開されません)

CAPTCHA


スポンサーリンク
Return Top