ChatGPT×illustratorで手書き風ボーダーバナーの作り方

未分類

noteで書いていた記事をこちらに移設しています。

今回のお題はこれ!

作成元

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

作成後

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

手書感があるだけで女性向けの広告だなっていうのが伝わりますね。
今回気になったのが文字下のボーダーです。

このボーダーも手書っぽいような感じでどうやっているのか気になったのでやってみました。

パーツが多いのと、背景を作るのに時間がかかりましたよ💦

レイヤーの順番

レイヤー

今回はこんな感じの順番です。
ChatGPTを使っているところがどこかわかりますか?

背景です。

あとはIllustratorとPhotoshopで作りました。

ボーダーの手書風のやり方

手順は3つ

  1. 線を引く
  2. 効果 → パスの変形 → ラフ
  3. 設定値の調整

※線のプロファイルを調整すると、更にアレンジが可能

これでこんな感じの手書ボーダーができます。

できた物

更に線のプロファイルを操作すると先っぽを補足することも可能ですよ

できたもの(線のプロファイル設定を変更)

1線を引く

線を引く

2 効果 → パスの変形 → ラフ

効果 → パスの変形 → ラフ

線を選択した状態で、効果→パスの変形→ラフとクリックしていきます。

3 設定値の調整

3 設定値の調整

デフォルトの設定だと、すごい波打つので、まずサイズを「入力値」に変更して、からサイズと詳細を低めの数値にすると合わせやすいですよ。

あとがき

いかがでしたでしょうか。
手書のボーダーが意外と簡単にできることに驚きでした。

背景のイラストがChatGPT感が否めませんね。
もっと自然な感じにしたいんですけど…
まだまだ練習が必要ですね

コメント