webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき
読者です 読者をやめる 読者になる 読者になる

webかたつむり

ウェブデザインを勉強中

解像度の低いロゴを修正する svg

200%拡大したオリジナルのファイル

f:id:ohta-felica:20160526182424p:plain 

f:id:ohta-felica:20160526190304p:plain 

  • トレースして複合パスを作る、が基本らしいですが、自分の仕事を評価できません…
  • 大事なのはここからです。とりあえず元ファイルは.aiで保存。
  • 「オブジェクト」「アートボード」「オブジェクト全体に合わせる」
  • そして、「別名で保存」「ファイルの種類」を「svg」にする。
  • こうすると、拡大しても解像度が落ちたように見えない。

f:id:ohta-felica:20160526190818p:plain

f:id:ohta-felica:20160526190625p:plain

  • 800%に拡大。凄いですねぇ。

f:id:ohta-felica:20160526191235p:plain

  • イラストレーターの画像トレース機能を使ってみると…
  • パスの数の設定が難しい。値をひとつ変えると結果が大幅に変わる。
  • それと閾値。最適解は簡単に見つかりそうもない。
  • 味があるといっていいのか…

f:id:ohta-felica:20160526210959p:plain

f:id:ohta-felica:20160526192634p:plain

f:id:ohta-felica:20160526210328p:plain