今日から使えるAI！　制作の悩みをサクッと解決する実践ガイド【Webデザイナー編】

こんにちは。AIの活用方法を紹介させていただくライターの柳谷です。今日は、画像生成AIを業務で使うための機能やヒントをいろいろと体験してもらいます。最初に、自己紹介をお願いします。

Webデザイナーの竹沢と申します。主にホームページやバナー、名刺、ロゴなどを制作しています。素材などを編集する際は、「Photoshop」や「Illustrator」などを利用しています。最近は、「Figma」や「Canva」なども使いながら、案件にマッチするように組み合わせています。

竹沢さんは現在、生成AIは使っていますか。

はい、生成AIにはすごく興味があって、ChatGPTはアイディアの壁打ちなどに使っています。PhotoshopやIllustratorにもAI機能が色々入ってきているので、少し使ってみたことはありますが、正直全然うまくいきませんでした……。なので、素材の作成や編集には使いこなせてはいないですね。

どんな風にやって、上手くいかなかったのでしょうか？

画像の一部を生成しようとすると、そこだけ幻想的になってしまったり、うまく指示できず、思ったようなものが仕上がりませんでした。相手が人間でないぶん、ニュアンスを伝えるのが難しくて、うまく作業効率アップにつながらないんです。

それはちょっともったいないですね。

はい、もったいないなって思います。なので、今日教えてもらって、使いこなしていきたいです。

ところで、画像生成AIを使う前にお聞きしたいのですが、生成した画像の著作権などは、普段どのように意識されていますか？

著作権にはもちろん気を付けていて、クライアントから提供される素材以外は、画像素材サイトから購入することが多いです。ただなかなか思い通りの素材がない時もあるので、生成AIで作りたいと思うこともありますが、やっぱり怖くて手を出せていない感じです。

確かに、どんなデータを学習しているかもわからないし、プロンプトによっては著作権に抵触するような画像が出てくることもありますよね。そんな時は、Adobeの画像生成AI「Firefly」がおすすめです。Adobeがきちんと権利を持っている画像や、著作権が切れたものだけで学習しているから、生成された画像が既存の著作物と類似し、著作権侵害のリスクが生じる可能性が低く、商用利用に安心して使える設計になっています。（詳しくは公式サイトをご確認ください）

それは、すごく安心できますね！

では、さっそく始めましょう。

先ほどプロンプトの書き方がわからない、と仰っていたのですが、そんな時はギャラリーを参考にするのも一つの手です。たとえば、Fireflyのギャラリーにもユーザーが作った多数の作品が公開されていて、サムネイルをクリックするとプロンプトを確認できるのです。

そうなんですか！　それはすごくいいですね。

ではちょっとバナーに使えそうな男性の画像を作ってみましょうか。欲しい画像を生成するには、明確に、具体的にプロンプトを作成します。欲しい要素を羅列するだけでもOKです。

人物の画像が欲しいことはよくあります。素材サイトを利用するのもいいのですが、それだと他のサイトと被ることがあるんですよね……。

そんな時こそAIですよね。他の人と被ることもありませんし、肖像権もスキャンダルも気にしないでいいです。

あ、生成できましたね。すごい！　ちゃんとリアルな人物の画像になっていて、便利ですね！

ほかにも、何か業務でよくある困りごととかはないですか？

クライアントから提供される画像素材が縦位置のことがあって、その画像を横位置で使いたいときに困りますね。Webサイトはレスポンシブ（PC・スマホなど異なる画面幅に合わせ、レイアウトが自動調整されるデザインのこと）に作るので、PC・スマホそれぞれで見る素材を用意する必要があります。そんな時に、素材の横幅が足りないことがあるんです。

そんな時は、「生成拡張」機能がおすすめです。「編集」画面から「生成拡張」を選ぶだけです。

すごく自然な感じになりましたね。すごいです。場合によっては被写体に寄ったカットばかりのこともあります。「もう少し引きで撮ってくれれば対応できるのに」と思っていましたが、そんな時にこの機能が役に立ちそうですね。

好きなアスペクト比で生成拡張できますし、ここからさらに拡張することもできます。ところで、この画像は250万画素くらいですね。画像の解像度が低い場合はどうしていますか？

普通に拡大すると粗くなるだけなので、結構手間のかかる方法で調整して対応しています。

そんな時に便利なのが「生成アップスケール」です。画像を拡大しつつ、生成AIでディティールを補完するので画像劣化を最小限に抑えられます。ワンクリックで、2倍もしくは4倍にできます。

これは、ありがたいですね！　私が作業する時はとても手間がかかりますし、細かい修正が多数発生します。それでも写真によってはうまくいかないこともあるので、このアップスケール機能はかなり便利そうです。

次にご紹介したいのが、思い通りの構成で画像を生成する方法です。どうしてもテキストで指示するだけだと、うまくいかないことがありますよね。

そうですね。なので、チームにはイラスト担当の人がいて、手で描いています。

確かに、人が描けば間違いありませんが、実は画像生成AIも参照画像をアップロードすることで、構成をコントロールできるんです。例えば、こんな落書きのようなラフをFireflyにアップロードして参照させ、「リビングルームの画像」と入力すればいいのです。

同じように、白黒の文字をFireflyにアップロードして、雲の上に浮かぶような写真もすぐに生成できます。Webサイトでも、イメージカットとして使えそうですよね。ちょっとした素材であれば、生成AIで作ることで外注せずに済みます。コストの問題というより、時間を短縮できるメリットが大きいですよね。いかがでしょう。

これは、とても便利そうです。Photoshopで作れないことはないと思いますが、1カットに労力をそこまでかけていられないので助かります。

他に興味のある画像生成AIありますか？

最近、Nano Bananaにとても興味があります。SNSで生成した画像を見ますが……すごいですよね。

では、使ってみましょう。Nano BananaはGoogleが提供している画像生成AIですね。Geminiでは、最新のNano Banana 2が使えるようになっています。ユーザーの意図をくみ取ることができ、日本語の描画性能が高いのも特徴です。

例えば、難しい論文やホームページなどを読み込ませて、1枚の解説画像にしてくれます。私も執筆する記事に使ったりしています。例えば、相対性理論の解説画像を描いてもらいましょう。

すごーい！　想像以上に、きれいに書いてくれるんですね。でも、ここ1文字変ですね（笑）。

そんな時は、Gemini上で丸く囲み、修正指示を日本語で入れるだけですぐに対応してくれます。

これまでPhotoshopを駆使して修正していました。noteを書くときとかに、こういう説明画像が欲しいことがあるので、これからはNano Bananaで作ろうと思います。

では最後に、竹沢さんを登場させた4コマ漫画作成にチャレンジしてみましょう。まずは、写真を撮り、それをGeminiに読み込ませます。そのうえで、Nano Bananaにキャラクター化してもらいます。

すごい、可愛いですね！（笑）。実は茶色い猫を飼っているんですけど、その猫との4コマ漫画にしてください。

了解です。せっかくなのでネタもGeminiに考えてもらいましょう。

わあ、本当に4コマ漫画みたいになっていますね！　猫が可愛いですっ！

今日の画像生成AI活用テクニック、いかがでしたか？

素晴らしいです。こんなに簡単に作れるとは思っていなかったので、とても勉強になりました。特にギャラリーでプロンプトを学んだり、参照画像を元にイメージした画像を生成したりするのは、すぐにでもチャレンジしたいです。漫画も作ってみたいですね。色々と試してみて、しっかり仕事でアウトプットしていきます！

充実したインターフェースで「拡張性の高さ」と「実用性」を備えているのもポイントです。ノートPCの多くは、メモリやストレージの増設ができないのですが、本モデルは最大64GBメモリ、最大8TBストレージまで拡張できます。

Photoshopとか重いソフトを使うことが多いので、パワフルなのはいいですね。メモリも最低32GBは欲しいですし、高性能なのは頼りがいがあります。このパームレストやタッチパッドも操作しやすくていい感じです。押し心地が気持ちいいです。

手に取ってみてどうですか？

すごいです。これだけの機能がついているとは思えないぐらいコンパクトですね。あと、白いボディがめちゃめちゃ可愛いですね。好みもありますが、私の家に置くことを考えると、真っ黒なパソコンより、白い方がなじみやすいと思います。

では今日を改めて振りかえっていかがでしたか？

AIに対するイメージがかなり変わりました。そんなに堅苦しく難しくなくて、親近感が持てました。AIは私にはいらないかな、と思っていたので、こうやって楽しみながら学ばせていただけて、かなり印象が良くなりました。

それはうれしいです。今後もぜひ生成AIを上手く取り入れてみてくださいね。本日はありがとうございました！