くろひょうのwebデザインのお勉強帳

フェリカテクニカルアカデミー web制作科の受講生です。授業の要点、復習でつまづいた点などを記録し、レベルアップに励みます。

クリエイターになるための、お勉強の記録帳

[Illustrator]ナビゲーション用ボタンの作成① 

グローバルナビゲーション用ボタンをつくる(CSSスプライトで)

 

Illustratorの設定]

①新規作成→・新規ドキュメントプロファイルは「Web」

      ・800px以上のサイズのものの場合は1024×768pxにする

      ・「新規オブジェクトをピクセルグリッドに整合」を必ずチェック入れる

②<注>描き始める前にやること!! ピクセルプレビューをonにする  
  表示 > ピクセルプレビュー

 

特にグローバルナビゲーションボタンで注意すべきこと

・サイズ  1pxでもズレないように、線を内側に揃える(線パレットで設定)
 保存時のサイズをよく確認し、ズレていたらやり直した方が早い 

Illustratorベクターの計算で描くものなので、狂いが出ることがある。プレビューはアテにしないこと

・文字  配置、位置

・ビジュアル  色の組み合わせ、デザイン等
       (文字が読めない色の組み合わせにしない、等の配慮)