タグ

ブックマーク / tech-blog.tomono.jp (1)

  • XDのリピートグリッドを利用した、簡単で早い背景パターンの作り方 | TOMONO Tech-Blog

    ストライプの作り方 長方形を一つ作って、それにリピートグリッドを適用します。マージンを適宜調整します。 ここでのサンプルは縦ストライプですが、横でも同じ要領です。 斜めストライプの作り方 長方形を一つ作ってを斜めにし、リピートグリッドを適用します。マージンをマイナスに調整し、斜線の縦横をピッタリ合わせます。 ※斜めストライプの場合は、コーディングの際のbackground-repeatするため画像を、ピッタリ合うように注意して書き出してくださいね。 ドット(水玉)パターンの作り方 水平垂直のドットパターン 正円を一つ作り、リピートグリッドを適用します。マージンを適宜調整します。 斜めのドットパターン 正円を一つ作り、その直径と縦横同じ距離だけ離れた正円をもう一つ作ります。それらをグループ化し、リピートグリッドを適用します。縦横のマージンも正円の直径と同じ距離にします。 ギンガムチェックパタ

    XDのリピートグリッドを利用した、簡単で早い背景パターンの作り方 | TOMONO Tech-Blog
    rie141
    rie141 2023/01/16
  • 1