WEBデザインで王道中の王道の図形、「リボン」ですが、複雑そうに思えて案外簡単にできちゃうんですよ。
図形としては簡単だけど、ポチポチパスを打っていく必要もありません。

今日は、リボンの作り方を伝授しますね。

シェイプで簡単に形成！

多角形のシェイプを使います。
これがリボンの原型になります。

そしたら、左側半分のパスを指定して、平行移動します。
↓こんなふうにね。

これが、リボンの原型になります。

更に効果をつけてバリエーションを出していきましょう！

次に、効果をつけてリボンに立体感を出しましょう。

スタイルの内容を公開しますね。

リボンに動きをつけてみよう！

今度はリボンをアーチ型にしてみましょう。
これも簡単にできちゃいますよ。
[編集]-[自由変形]より[円弧]を選択します。

カーブはハンドルで調節できます。
お好みに合わせてください。

波形も同じように形成できます。
試してみましょう。

いかがですか？
案外簡単でしょ？

そんなの面倒！という方のためにDLファイルを用意致しました。
こちらのファイルをDLしてくださいな(*^^*)

ribbon−a