Illustratorでwebデザイン・バナーデザインを作るための初期設定の手順

私がIllustratorでwebデザインやバナーデザインを行なっている初期設定について説明します。

私は企業サイトのweb/LPデザインはAdobeXDを主に使いますが、Illustratorでバナーデザインをよく作ります。

昔から一番慣れているソフトという理由もあります。

(1)web用の設定になってるか確認します。(カラーがCMYKになってる場合はRGBへ変更)

環境設定の単位は全てピクセルへ変更します。

Illustratorでwebデザイン・バナーデザインを作るための初期設定の手順

一般設定のキー入力を1pxへ変更します。

Illustratorでwebデザイン・バナーデザインを作るための初期設定の手順

(2)表示>プレビューはピクセルプレビューへ変更します。

Illustratorでwebデザイン・バナーデザインを作るための初期設定の手順

(3)ピクセルグリッドの整合の設定をします。

こちらを全てオンの状態にして保存します。

イラレでよくあるオブジェクトの滲み、ボケを回避できます。

Illustratorでwebデザイン・バナーデザインを作るための初期設定の手順

(4)デザインするレイヤーは3〜5つ程度に分けます。

Illustratorでwebデザイン、チラシの紙デザインする際でもそうですが、通常3〜4レイヤー程度にしか分けません。

数多く分け過ぎても見辛いので納品先や他のデザイナーに嫌われます ^^;使わない余分なレイヤーは削除しましょう。

Illustratorでレイヤー多めに分ける人はPhotoshopの感覚なんだろうか?と思います。

▼私はバナー制作だと下記の3レイヤー程度にしています。

  • 文字、画像(ここに文字と画像を入れる)
  • 枠(バナーのフチがある場合に作る)
  • 背景(背景素材、写真はここに入れる)

あとはこのまま自由にデザインしていきます。

Follow me!

投稿者プロフィール

Mika
MikaLP専門webデザイナー
LP制作代行サービスをしています。
ブログではweb/LPデザイン、フリーランス、ランサーズのことなど記事を書いています。
LP制作代行 フリーランス LPデザイナー ランディングページ 見積もり無料 料金価格

WordPressのランディングページ(LP)制作を依頼してみませんか?
もちろん通常のHTMLのLP制作の対応も可能です。

WordPressのランディングページ(LP)はワードやパワポ感覚で編集が簡単に行えるためお客様ご自身で修正や更新が行えます。

WordPressのLP制作実績