Illustratorでwebデザイン・バナーデザインを作るための初期設定の手順
Mika
私がIllustratorでwebデザインやバナーデザインを行なっている初期設定について説明します。
私は企業サイトのweb/LPデザインはAdobeXDを主に使いますが、Illustratorでバナーデザインをよく作ります。
昔から一番慣れているソフトという理由もあります。
目次
（１）web用の設定になってるか確認します。（カラーがCMYKになってる場合はRGBへ変更）
環境設定の単位は全てピクセルへ変更します。
一般設定のキー入力を1pxへ変更します。
（２）表示＞プレビューはピクセルプレビューへ変更します。
（３）ピクセルグリッドの整合の設定をします。
こちらを全てオンの状態にして保存します。
イラレでよくあるオブジェクトの滲み、ボケを回避できます。
（４）デザインするレイヤーは3〜5つ程度に分けます。
Illustratorでwebデザイン、チラシの紙デザインする際でもそうですが、通常3〜4レイヤー程度にしか分けません。
数多く分け過ぎても見辛いので納品先や他のデザイナーに嫌われます ^^；使わない余分なレイヤーは削除しましょう。
Illustratorでレイヤー多めに分ける人はPhotoshopの感覚なんだろうか？と思います。
▼私はバナー制作だと下記の3レイヤー程度にしています。
- 文字、画像（ここに文字と画像を入れる）
- 枠（バナーのフチがある場合に作る）
- 背景（背景素材、写真はここに入れる）
あとはこのまま自由にデザインしていきます。
投稿者プロフィール
- LP専門Webデザイナー（フリーランス協会会員・インボイス登録済）
- 約15年のデザイン経験を持つフリーランスwebデザイナー。
IT・通販・不動産・フィットネスなど、企業向けLP制作を中心に200件以上の実績があります。
現在はランサーズで250件以上の実績ある認定ランサーとしても活動中。
LightningテーマやLP制作に関する情報をブログで発信中です。
LP制作のご相談はお気軽にどうぞ。
👉LP制作のご相談はこちら
お気軽にご相談ください
