読者です 読者をやめる 読者になる 読者になる

Webデザインのこと、いろいろ

Webデザインの学習をはじめた初心者のブログです。

イラストレーター:SVGデータ

SVGファイルについて
 ・SVGファイルはベクトルデータで構成されているので、拡大してもぼやけない

 1 イラレでファイルを作成
 2 オブジェクト > アートボード > 選択オブジェクトにあわせる
 3 別名で保存 > svg

枝豆隊長のデータは、もとファイル(png)だとぼけるので、svgで書き出しました。

もとのデータ(7kb)
f:id:sankoblog:20160405205414p:plain

イラレでなぞったデータ(2kb)軽くなった!(所要時間10分)
同じフォントがみつけられなかったので、似た形のフォントを調整しました。
f:id:sankoblog:20160405204923p:plain

ハンバーガーメニューもイラレで作成しました。
htmlのbodyの色を変更したところ、透明も保持していることがわかりました。
f:id:sankoblog:20160405233631p:plain