学びの道webページのつくり方、web制作、web作成、学びの道を歩み中!フェリカテクニカルアカデミー「東京・池袋」にてWeb作成を勉強中です。学んだ事をメモしていきます。この広告は、90日以上更新していないブログに表示しています。2014-06-27SVG画像でアイコンを作成する方法。html5本日は、SVG画像でアイコンを作成する方法を記載します。SVGとは?】ベクトルデーター画像を描写する事が出来るXMLベースの言語です。拡大してもぼやけたりすることがなく、アイコンなどの図形の描画に適しています。(写真等の複雑な画像には向かない。)作成方法1.画像を作成します。1Illustratorで、画像を作成。2画像の周りを四角で囲みます。(塗りつぶし無し、枠線黒で作成しました。)3SVG形式で保存します。4Illustratorに戻り、外枠の四角だけを選択してください。※この四角の内部がアイコン画像として認識されます。注意】一旦四角を作成し、アートボードに変換したら絶対に動かさないようにしてください。動かすと、認識されなくなってしまいます。右側のSVG画像に変換されたら第一段階成功です。↓SVGオプションが立ち上がりますので、OKで保存をして下さい。保存がされたらOKです。alt="">PICKUP<span>STREAM</span></h1></div></body>こうなったら出来上がりです。07:25SVG画像でアイコンを作成する方法。【高解像度なデバイスへの対応】Tweet広告を非表示にするもっと読むコメントを書く次のページprofileid:kaoru01-05webサイト制作学校で学んだ事をメモしていきます。Adobe製品の使用は初です。予約システムのカレンダーを表示する方法SVG画像でアイコンを作成する方法。RSSを取得し表示させる。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。