イラストレーター講座 Web サイト作成編10



「ファイル」メニューの「Web 用に保存」を選択します。


illustrator(イラストレーター)達人養成講座

「4 アップ」タブをクリックします。


「手のひら」ツールでドラッグすると表示位置を

調整することができます。


illustrator(イラストレーター)達人養成講座


「スライス選択」ツールでスライス画像を選択すると


画像がはっきりとプレビュー表示されます。


illustrator(イラストレーター)達人養成講座

左上の画像が元画像で、ファイルサイズは1M です。


illustrator(イラストレーター)達人養成講座


右上の画像のロゴを選択します。


グラデーションやドロップシャドウを適用して


いるため、色数が201 カラーとなっています。


ボタンは174 カラー、大きな文字は146 カラーです。


illustrator(イラストレーター)達人養成講座

もう一度、ロゴ画像を選択し、カラーを「8」に変更してみましょう。


illustrator(イラストレーター)達人養成講座


ファイルサイズが10.7k から3.262k まで縮小されましたが、


ロゴ画像が劣化しています。


illustrator(イラストレーター)達人養成講座


今度はカラーを「32」に変更してみましょう。


illustrator(イラストレーター)達人養成講座


これだと、大丈夫です。


全てのスライス画像のカラーを「32」に変更してみましょう。


「保存」ボタンをクリックします。


illustrator(イラストレーター)達人養成講座


保存する場所を確認します。


「ファイル名:index」「ファイルの種類:HTML と画像」にし


「保存」ボタンをクリックします。


illustrator(イラストレーター)達人養成講座