2014-10-27

2014-10-27

線のバリエーションAdd Star

 

 

線のバリエーション

点線を描く

f:id:web-0818:20140920085714p:image


f:id:web-0818:20140920090110p:image


(1)10pxの直線を描く


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


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



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

 

JR線路

 

(1)10pxの直線を描く

f:id:web-0818:20140920090550p:image


(2)線を「コピー」し「前面へペースト」する。

  ※真上に同じものがある状態にする。

f:id:web-0818:20140920090921p:image


f:id:web-0818:20140920091112p:image


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

f:id:web-0818:20140920091236p:image


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

f:id:web-0818:20140920091421p:image



 

私鉄線路

 

(1)10pxの直線を描く

f:id:web-0818:20140920091751p:image


(2)線を「コピー」し「前面へペースト」する。

  ※真上に同じものがある状態にする。


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

f:id:web-0818:20140920091938p:image


f:id:web-0818:20140920092523p:image



文字ツールを使う

(1)「テキストツール」を選択し画面上クリックしてから入力する。

   f:id:weizm:20071206231739g:image

f:id:web-0818:20140920093508p:image


f:id:web-0818:20140920110728p:image


(2)入力したあとに文字列を選択することにより、色が反転して「書体とサイズ」が変更できる。


f:id:web-0818:20140920110939p:image


※特に見出しを画像にする場合、クリックして1行にして使うことが多い。

※それ以外の場合は、2行以上の場合、「テキストツール」でドラッグして

 エリアを決めてから入力する。その場合、右端で自動改行される。



縁取り文字ツールを作る

  • 文字の線幅を、濃い色で文字が隠れるぐらいの幅にする

f:id:web-0818:20140920113052p:image


  • それを、コピー&前面へペースト後、線幅を白色・線幅の値を若干少なくする

f:id:web-0818:20140920113053p:image


  • それを、コピー&前面へペースト後、線幅をなしにする

f:id:web-0818:20140920113054p:image


f:id:web-0818:20140920113615p:image



《縁取り文字のポイント》

 

 

  • 線幅の太い文字を最背面に、次に線幅の狭い文字、次に線幅のないものの順に重ねていきます。
  • 一番上の文字は、文字がつぶれて見えないようにならないためには、線幅がないことが重要です。