【illustrator】父の日のバナー制作をしてみよう

illustrator
まめしば
まめしば

今日は実際にillustratorを使用して、バナーを作成していこう!

illustratorでも簡単なバナーだったら作成することができるよ!

試してみてね!

illustratorで父の日のバナーを作成してみよう

illustratorで父の日のバナーを作成してみよう
  1. illustratorを開く
  2. 背景に画像を入れる
  3. 文字ツールでテキストを入れる
  4. 文字に効果をつける
  5. 文字にあしらいをつける
  6. 文字の間隔を詰める
  7. 日付を入力する
  8. 長方形ツールで長方形を作成して角を丸める
  9. テキストを調整する
  10. 色を変更する
  11. 微調整する
  12. 完成

illustratorを開く

illustratorを開く

サイズは今回600px×400pxで作成していきます。

背景に画像を入れる

背景に画像を入れる

「ファイル」→「配置」で背景を選択して配置します。

文字ツールでテキストを入れる

テキストを入れる

文字ツールでテキストを入力していきます。

文字に効果をつける

文字に効果をつける

「効果」→「円弧」でカーブを26%に設定。(お好みで調整してください)

文字にあしらいをつける

あしらいをつける

ペンツールで線を書きます。線を右クリックして「変形」→「リフレクト」で垂直に設定→「コピー」で逆向きに作成されます。(上図参照)

文字の間隔を詰める

文字の間隔を詰める

このままだと「’」と「S」の間があきすぎなので、「S」の前にカーソルを合わせて、「Alt+←」で間隔を調整していきます。

文字の間隔を詰めた

日付を入力する

日付を入力

日付は大きめに、曜日は小さめにメリハリをつけて作成します。

矢印はペンツールで作成しました。

長方形ツールで長方形を作成して角を丸める

長方形を作成して角を丸める

長方形の角を丸めてボタン風にします。

テキストを調整する

テキストを調整する

テキストの間隔を調整します。

テキストの間隔を調整する

微妙な違いですが、「おすすめ」と「の」と「父の日」の間隔を調整。

「プレゼン」と「ト」の間隔が微妙にずれていたので近づけました。

「神は細部に宿る」!※動画では直し忘れています…

色を変更する

色を変更する

微調整する

ちょっと文字が見にくい感じがしたので背景を白に、あしらいをつけて賑やかさを出しました!

微調整する

完成~!

illustratorでもバナー作成できちゃった!

illustratorをお得に契約するならこちらがおすすめ!

まとめ

今回はillustratorで父の日バナーを作成しました。

  1. illustratorを開く
  2. 背景に画像を入れる
  3. 文字ツールでテキストを入れる
  4. 文字に効果をつける
  5. 文字にあしらいをつける
  6. 文字の間隔を詰める
  7. 日付を入力する
  8. 長方形ツールで長方形を作成して角を丸める
  9. テキストを調整する
  10. 色を変更する
  11. 微調整する
  12. 完成

コメント