未経験のwebサイト制作の勉強

未経験からwebサイト制作の勉強をし、現在制作会社で働いております。

Photoshopでパターン背景を作成

例えばこちらのハート♥の画像を繰り返しで背景に使いたい(パターン化)とします。

f:id:study-aaa:20210722224517p:plain


①画像単品のファイルを開き⇒編集の中にある「パターンを定義」をクリックします。
f:id:study-aaa:20210722224709p:plain

②パターン名を入れてOKをクリックします。
f:id:study-aaa:20210722224809p:plain


①、②でパターンの登録は終了したのでサイズの大きい別ファイルを開いて背景に上記パターンを設定したいと思います。
レイヤーで「シフト+F5(塗りつぶし)」か「編集⇒塗りつぶし」で塗りつぶしを開きます。
f:id:study-aaa:20210722225318p:plain
内容⇒パターンにすると、カスタムパターンという項目がでてきます。
その中をみると先ほど保存したハート♥がでてきます。
ハート♥をクリックしてOKをクリックすると、ハートの背景の出来上がりです!

f:id:study-aaa:20210722225533p:plain


illustratorだけでなくPhotoshopでもパターン背景は作成できるのでとっても便利です。