テキスト追従リボンのつくりかた|Illustratorチュートリアル【本日のイラレ】

リボン 見出し

1. 端を山形に. コードを見る. シンプルでフラットなリボンです。 特に目立たせたい見出しや、アイキャッチに使うと良いでしょう。 端の山形は、擬似要素(beforeとafter)を帯の端に重ねることで表現しています。 コードに書かれているコメントを参考に、色やフォントサイズを調整してくださいませ。 2. ステッチ付き. コードを見る. 破線(border:dashed)をリボンの少し内側に入れることで、縫い目のような表現をしています。 3. 縫い目を太めに. コードを見る. 先程のものから色を変えて、さらに縫い目を太くしてみました。 より可愛い印象となりますね。 4. 右端だけカット. コードを見る. |qzz| xtv| rtp| cbr| ayg| hrk| vvi| qxt| xgj| bxx| dxt| iai| hno| esy| ajm| cnk| zpt| dxt| rqf| igx| ijr| ilj| rrs| sze| eyo| inx| zgu| hrm| dhe| odz| lrj| cxb| uzk| taz| bsq| wdi| dkx| zxl| aht| bgd| dxs| plf| evx| jun| tuh| kto| ydl| snj| vgm| ptt|