タグ

2014年7月15日のブックマーク (2件)

  • Fireworksでできる文字装飾(縁取り編) - Webデザインメイド

    はじめに 前回に引き続き、Fireworksでできる文字の装飾について書きました。今回は縁取りの付け方をご紹介します。 前回ちょっと使った「フィルター」を使ってつけられる方法ばかりです。 ※作業環境はCS5です。 引き続きこれに手を加えていきます ※文字の色を#000000に設定したテキストツールで「Fireworks」と入力したもの - - - - - - - - - - - 縁取りの付いた文字 縁取り?ってこういうのです。文字の周りに別の色の線がついてますよね。 縁取りの付け方はいくつか方法があります。私が知っているのは下記3つ。 線で縁取り 光彩で縁取り Photoshop ライブ効果で縁取り - - - - - - - - - - - 線で縁取り 線で縁取りをする方法は、テキストオブジェクトを選択した状態でテキストの線の色を設定します。 ここから線のカラーパレットを開いて色を選び、

  • SVGアイコンを実用するために知っておきたい、リンク周りの記述方法

    2014年6月30日 SVG 以前書いた「アイコンフォントからSVGへ!より手軽にベクター画像を表示しよう」という記事でSVGの基や効率よく使用する方法を紹介しましたが、実際にWebサイト内で使うにはもう少し具体例が必要だなーと思ったのでリンク関連を中心に補足します。基的な記述方法を覚えて実用化していきましょう! ↑私が10年以上利用している会計ソフト! SVGにリンクを貼る SVGにリンクを貼りたい場合、単純に a タグで svg を囲んでもうまくリンクを貼ることはできません。svg タグの中のオブジェクトを a タグで囲み、xlink:href 属性でURLを指定する必要があります。 <svg ... > <a xlink:href="http://google.com"> <path fill="#1E899D" ... > </a> </svg> See the Pen SVG

    SVGアイコンを実用するために知っておきたい、リンク周りの記述方法