もう少し色気がほしいなぁ。


svg でパターンを書くのは非現実的だ！

と言いましたが・・・。


クリッピングマスクだったら簡単にできちゃいます！


クリッピングパスを用意します。



書く位置はここ。
グラデーションを書いたエリアです。




このパスは表示されませんが、
わかりやすいように重ねてます。


スタイルの用意。



ここでも、グラデーションと同様。
id で指定。


モチーフを書きました。



ぐるぐるは、円弧の径を縮めながらつなげただけ。
円弧や座標を反転させると方向が変わります。

縮小は、座標自体を小さくしたけど、
tranceform を使ってもいいですね。

スラロームは、S を使ってハンドルを連結。
角度と距離を等倍にしてコピーです。


いい感じに配置したら。




クリッピングパスのスタイルを付けた g でくくってしまう。




できた！


これは実践で使えそうです！！

コラムのボックスがちょっとさみしいと思ったら、
書いちゃえばいいんじゃないのかな？

ラインや円弧を組み合わせるだけで、柄ができますからね。
罫線にもなります。


レスポンシブですし！


あとでちょっと作ってみよう。



では・・・完成品。




どん！




なせばなる！！



最終回は、Illustrator での答えあわせと反省会！！！

関連記事

• svg で自由に描こう！vol.05 【 お魚を書く！反省会前編 Illustrator で開く！ 】
• svg で自由に描こう！vol.04 【 お魚を書く！クリッピングマスクで飾ろう！ 】
• svg で自由に描こう！vol.03 【 お魚を書く！グラデーションで塗ろう！ 】