ChatGPT×illustratorで文字に動きのあるバナーの作り方

未分類

noteで投稿していた記事を移設しました。

今回のお題はこれ!

お題

Yahooで見つけた広告のバナーに挑戦してみました。

🕒制作時間の目安:30分程度です。
🎯難易度:🟩🟩⬜⬜⬜ Lv2

文字が大きく、なんの広告かというのがよくわかります。
そして気になったのが、奇数番目の文字と偶数番目の文字の高さが違う事

今回はこのずらすテクニックをやってみました。

レイヤーの順番

今回はこんな感じの順番です。

レイヤー

今回はテーマが”文字”なのでレイヤーはさほど難しくありませんでした。

段違いのやり方

  1. 文字のアウトライン化(Ctrl+Shift+O)
  2. グループ化の解除(Ctrl+Shift+G)
  3. ずらしたい文字を選択
  4. 文字をずらす

※文字をアウトライン化してしまうので、ミスができない。
という点が課題でした。

1. 文字のアウトライン化(Ctrl+Shift+O)

文字のアウトライン化

全ての文字を選択し、アウトライン化します。

2.グループ化の解除(Ctrl+Shift+G)

グループ化解除

3.ずらしたい文字を選択

ずらしたい文字を選択

4. 文字をずらす

文字をずらす

カーソルキーでずらすのが程よく調整できるのでおすすめです。

あとがき

いかがでしたでしょうか。
文字・線とドロップシャドウを入れて、文字との境界が分かるように入れています。
こんなに簡単にかっこいいアイキャッチが作れるのはいいですね。

画像の雰囲気を変えたものも作りました。
色もちょっと変えてみましたが、それだけでも全然違いますね。

色替え

画像は、ぱくたそさんの画像を使っています。

Uki3

コメント