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

webかたつむり

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

navigation button の制作 1

  • 「新規作成」→「プロファイル」→「WEB用」
  • 新規オブジェクトをピクセルグリッドに整合、チェックをオフにする。 

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

  • 1px の黒い線で長方形を描くと、幅 2pxでグレーの線になってしまう。
  • そこで、線の位置を内側にする。

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

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

  • こうしておけば、線の外側が指定したサイズぴったりの長方形が描ける。
  • 新たに、線を追加しようとすると、また同じ問題が生じる。この場合線の位置では解決できない。
  • 環境設定の「一般」キー入力を 0.5px にするのはこのため。
  • まず、ピクセルプレビューをオフにする。
  • キーを使って左右どちらかに 1ノッチ動かす
  • 再び、ピックセルプレビューをオンにすると、綺麗にピクセルの間へ収まっている。

 

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

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