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

ハロートレーニングWebデザインの勉強 Webデザイン フェリカテクニカルアカデミーWebサイト制作科

Illustrator - 線のバリエーション

線のバリエーション

点線を描く



(1)10pxの直線を描く


(2)線の属性を「波線」→「線分:0」「間隔:線の太さの2倍以上」にする。


(3)線端の形状を「丸形線端」にする。


破線を描く(JR線路・私鉄線路)
  • アビアランスを利用した描画も可能ですが、フロントペーストの概念を理解するためには、この手順がベストです


JR線路

(1)10pxの直線を描く


(2)線を「コピー」し「前面へペースト」する。
  ※真上に同じものがある状態にする。



(3)ペースとした線の色を白にし、線幅を小さくする。


(4)線の属性を「波線」→「線分/間隔:線幅の3倍」にする。



私鉄線路

(1)10pxの直線を描く


(2)線を「コピー」し「前面へペースト」する。
  ※真上に同じものがある状態にする。


(3)線の属性を「波線」→「線分:1px」「間隔:10px」にする。



アピアランスを使った場合

f:id:web-css-design:20170215144809p:plain


f:id:web-css-design:20170215144817p:plain

「前面へペースト」と「アピアランス

  • 重ねていく設定を理解する段階での「前面へペースト」
  • 実質的な効率化のための「アピアランス