タグ

リボンに関するhachi09のブックマーク (3)

  • シンプルなHTMLとCSSコピペで実装できるタイトル(見出し)のデザインサンプル 50 | NxWorld

    画像は使用せずにCSSだけでスタイリングしたタイトル(見出し)のデザインサンプルで、似たようなものやちょっとCSS追記した程度のものも多いですが全50種類です。 全体的にすごく手間がかかっているようなものはないのですが、似たようなタイトルデザインを使う場合はCSSコピペで実装できると思います。 また、一部複数行に向かないものもありますが、基的には複数行のタイトルでも見栄えが崩れない感じのものになっており、余白やカラーなどを調整することでデザインを変更するのも容易です。 以下で紹介している内容は一部異なるものもありますが、基的に下記のようなシンプルなHTMLを使用しています。 ただ、一部異なるものといってもいずれもspan要素を1つ追記する程度です。

    シンプルなHTMLとCSSコピペで実装できるタイトル(見出し)のデザインサンプル 50 | NxWorld
  • この手描き素材カワイイ!花・葉・羽・リボンなどが丁寧にかわいく描かれたベクター素材

    Webページやブログに、そして招待状、ハンドクラフトのアイテム、ロゴのデザイン、ブランディングのエレメントにも使える、花、葉、羽、花輪、花冠、月桂冠、リボンなど、完全手描きのベクター素材を紹介します。 通常は有料ですが今週末まで無料なので、ダウンロードはお早めに!

    この手描き素材カワイイ!花・葉・羽・リボンなどが丁寧にかわいく描かれたベクター素材
  • Ai_よくあるリボンの早い作り方

    よくあるリボンの私の定番の作り方です。 使い方の記事は当に久しぶりに書きます。がんばります。 制作する時に飾りにリボンのようなパーツを使うことがあります。 シンボルパネルから探すのがめんどくさい時やシンプルなパーツのときは私はその場で作ることもよくあります。 自分で作ると後々も使いやすいので、便利だったりします。 今日はよくある左右がへこんでいるリボンの作り方と応用編をご紹介します。 よくある左右がへこんでいるリボンを3秒で作る 1.ツールパレットから多角形ツールを選び、[shift]を押しながら六角形を描画。 [shift]を押しながら描画すると描画角度が限定されるので水平に描けます。 2.六角形の左半分の3つのポイントをダイレクト選択ツールで選択して右へドラッグします。 3.横の長さを調節して完成です。 縦幅を動かすと端の三角部分の角度が変化してきれいじゃなくなってしまうので、なるべ

    Ai_よくあるリボンの早い作り方
  • 1