webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

WEB制作会社のフォトグラファー

badge

形を作る

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

 

  • 細長い長方形と、丸を書く。円の直径に対して、延長線上にに長方形がくるようにしておく。
  • ctrl+y でアウトラインを表示する。
  • 長方形を選択した状態で(回転させるものを選択する)、 r (rotation 回転ツール)
  • cyanの十字ポインターがでてくる。これが回転の中心になる。
  • altキーを押したまま、このポインターを円の中心まで移動する。

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

  •  すると、回転ツールのダイアログボックスが出てくる。中心に対して何度回転させたいかを入力する。

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

 

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

  •  ctrl+d で同じことを繰り返す。

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

 

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

  •  中心にある円のfillをなくして、strokeを太くしてからアウトライン化する。
  • 「オブジェクト」「分割、拡張」

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

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

  • 肉付けされた線ではなく、図形に変換されました。

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

 文字を作る

  • 好きなフォントで文字を入力して、「オブジェクト」「分割拡張」

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

 

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

  •  なめらかになりました。
  • strokeを黒、fillを白にする。
  • つ、ま、り、、、太いフォントを使う→オブジェクトの分割拡張→線を黒、塗りを白、線をパスの外側にする(中を潰さないためにはここが大事)。

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

  •  線を太らせると、隣の文字の白抜きにかぶってしまい汚くなる。

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

  •  こんな時は複合パスを使って解決する。
  • 複合パス→最背面が有効になる。

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

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

 

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

 

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