

⽣成塗りつぶしと⽣成拡張などの
基本機能を知る




・⽣成前に選択範囲の境界線を少し「ぼかす」設定にする
・⽣成後は「⾊調補正レイヤー」を重ねる
・周囲の環境光に合わせて⾊相や明度を細かくコントロール
・「トーンカーブ」や「彩度調整」を使う

業務で多く使われている





WEBバナーがみられている秒数は一般的に(300ミリ秒~一秒)
一秒以下クリック率は
ディスプレイ広告で0.3%~1%



何を伝えたい?
パッと見で伝わらなくてはならない。
階層→優先順序



ルールや年齢別の可視性などはAIは判断できない。→人間の役割
「視線誘導」「余⽩」「階層」「配⾊」=デザインの基本
画⾯のどこを強調し、どう⾏動してもらうかという最終的な判断と
レイアウトは、⼈間が担当すべき領域



①プランニング段階で、⽣成AI(ChatGPTやGeminiなど)を活⽤
②企画意図やキャッチコピーのアイデアを⾼速で整理
③⽅向性が決まったら画像⽣成AIを⽤いてバナーのベースとなる背景素材を制作
④その素材をPhotoshopへと持ち込み
・「⽣成塗りつぶし」を使って不要物を消去
・「⽣成拡張」を使って⽂字を配置するための美しい余⽩を調整。
・⾊調補正でトーンを統⼀し⽂字の視認性を⾼める
→
実務レベルの広告デザインへと引き上げていく





■Illustrator⽣成AIの実務活⽤


■AI時代に価値が上がるWebデザイナーとは


徹底的に『考える⼒』がデザイナーに必要になる
具体的には、
・「今回の課題解決にどんなターゲット層へ向けるべきか」
・「どんな感情を届けたいか」
・「どんな順番で情報を⾒せればストレスなく届くか」
という論理的な『設計⼒』と『構成⼒』


正解に近づける
正解・何が正しいより、自分はどう思うか?
メリットデメリットで判断するのではなく、クライアントの要望を第一優先で、自分軸でアプローチしていく。
メリットデメリット→自分の主観でしかない場合がある。
顧客とデザイナー(自分のコンセプトに責任を持った上で)の共同作業






AI時代のWeb制作フロー
・⼈間が課題を整理し
・AIを使ってアイデアの幅を広げ
・PhotoshopやIllustratorを駆使して⼈間の⼿で緻密に整え
・最後に⼈間がクオリティとビジネスの⽬的に適合しているかを判断して仕上げる
【動画】
- 生成AI基礎③01(6:45)
https://youtu.be/ZCXkrUTHYVA - 生成AI基礎③02(8:30)
https://https://youtu.be/27ceaZEq9DU - 生成AI基礎③03(20:35)
https://youtu.be/PYK7uDxrMEw - 生成AI基礎③04(10:09)
https://youtu.be/ISItUhWcOHg