みんなではじめる！Adobe Fireflyで生成AI入門

ひろクリギルド様主催のオンラインセミナー「みんなではじめる！Adobe Fireflyで生成AI入門【ひろクリギルド #26】」に出演します！

開催日：2024/4/10（水）20:00〜22:00
当日の視聴は無料ですがお申し込みが必要です！

みんなではじめる！Adobe Fireflyで生成AI入門【ひろクリギルド #26】のセッション内容

セッションタイトルは「生成結果をイメージに近づける！Fireflyの参照機能を使いこなそう」となります。

Webアプリの2つの参照機能(スタイル参照と構成参照)とIllustratorのスタイルピッカーを使って、生成結果をイメージに近づける方法を紹介します。

頭でイメージした画像を生成するには「プロンプト」と呼ばれる呪文による詳細な指示が不可欠です。
プロンプトは生成AIに興味を持つ世界中の人々が日夜研究しており、理想の出力を得るために「プロンプトエンジニア」と呼ばれる職種が生まれるほど専門性の高い分野となりつつあります。

そこでプロンプトのハードルを下げ、デザインのトンマナをそろえる方法の一つがWebアプリの参照画像とIllustratorのスタイルピッカーです。
この機能を用いて別の画像などを読み込むことで、シンプルなプロンプトでも生成結果のスタイルをある程度コントロールすることが可能です。

今回は参照画像とスタイルピッカーを使ってロゴやベクターイラストを制作する過程を、コツや注意点を解説しながらライブで実演します。

6つの作例を実演！

作例① 参照画像でベクター生成のテイストをコントロール

作例② スタイルピッカーを使った水彩イラスト

作例③ ペンがイラストを生成してベクターに変換

作例④ ロゴを生成してベクターに変換

作例⑤ ［構成参照］を使ってラフから写真を作成

作例⑥ ［構成参照］を使った文字加工

特典

• 開始データ（.psd）
• スライド（.pdf）
• スタイル参照の一覧（.pdf）
• 構成参照を使った文字加工（.pdf）
• 当日限定特典

2024年4月11日追記

終了しました！

当イベントは2024年4月10日に開催され、無事終了しました。

みなさまの感想

好評だったようでホッとしました。
一部ですがpostを掲載致します。

すぐに使えそうなテクニックばっかりでセミナーめちゃくちゃ楽しかった😳✨

素材迷子が克服できそう✨#ひろクリギルド https://t.co/UCYDKo7cc5

— さはちゃん｜Canva公式クリエイター (@saha_design0430) April 10, 2024

こちらのウェビナーに参加

面白い…😏
また違った生成AIが楽しめる✨

これはフォトショとかイラレ使える人ならではのオリジナル感が出せるから
とっても良いかも！

おもしろい…@connecre_ コネクリさん、最高です👍

本も買って良かった(◍ ´꒳` ◍)#ひろクリギルド https://t.co/B1bHhx5lXw

— Limりむ| Wedding&Web クリエイター (@CobachicoC) April 10, 2024

▼写真のイラスト化やってみたい～
▼コメント欄でお寿司のスタンプ押したり
いい雰囲気で楽しかった🍣🍊👘
▼運営さん、アクシデントの中
丁寧なご対応ありがとうございました
▼コネクリ先生が本心から笑ってるシーンが何度もあった😆💨#Firefly #ひろクリギルド pic.twitter.com/urvrLZJ9Yh

— マユミ (@mayumi_39_) April 10, 2024

@connecre_ さんゲストの生成AI入門ウェビナー、とても勉強になりました！ありがとうございます☺️✨

個人的に、水彩風野菜イラストの生成方法が目から鱗で、ぜひ今後活用していきたいです！✨

キクラゲ・ワサビ・コタツみかんは爆笑でした😂#Fireflyの参照機能を使いこなそう#ひろクリギルド pic.twitter.com/XBdBJVw6Lf

— はと｜ Webデザイナー (@_designdove_) April 10, 2024

スタイル参照において白抜きで生成すれば、コラージュパーツとしても使えそうですね

プロンプト以外の方法で、理想に近づけるための設定について多くのヒントいただきました！

ありがとうございました！
#ひろクリギルド https://t.co/nPY2WSNvaO

— Hamanos (@tappi2323) April 10, 2024

Fireflyの参照機能を詳しく学べて良かった。
アーカイブとかも見ながら自分でも色々試してみたい😃#Firefly #ひろクリギルド

— りょーま｜デザイナー (@ryo_oma05) April 10, 2024

いやー、凄かった😳
あんなに理想的な生成を出来るなんて！私、思ったんと違う…を繰り返していたのに。
コミュニティ参加も面白そう！ #ひろクリギルド

— 帰ってきた黒猫🐈‍⬛✨ (@nekonecojpn) April 10, 2024

photoshopもillustratorもプロンプトで生成する系は全然思い通りにできたことなかったので、ものすごく参考になりました。Fireflyを仕事で活かすイメージが拡がって、楽しかったです。参加して良かった！
#ひろクリギルド

— きゃな (@kyana_chan) April 10, 2024

拝聴しました！ありがとうございました。コネクリさんのセミナー内容も素晴らしいですが、トラブルの遅れを取り戻すリカバーサクサク進行がすごかった。
Fireflyは景色や背景、ダミーイラスト以外に仕事ではまだ使えない部分も多いですが、今回の内容をヒントにうまく利用できる方法を模索したいです。 https://t.co/qO5b18J9AD

— BlueCoyote/WEB&UIデザイナー＆ディレクター (@bluecoyote13) April 10, 2024

アーカイブで受講。そういえば10年以上前に普通の額縁をPhotoshopでガラスに加工するって仕事したなあ。当時、調整レイヤー機能もなくてひたすらフィルターや描画モードやらで試行錯誤しながら１週間くらいかかっちゃったっけ（遠い目）。 https://t.co/fRVwkAKNB7

— takuboon (@takuboon) April 12, 2024

【ひろクリギルド #26】プレゼント企画
コネクリさんのかわいいステッカーが当選し、自宅に届きましたー❣️
ありがとうございますー！！😍

セミナー後購入した
コネクリさん著の「デザインの仕事がもっとはかどるAdobe Firefly活用テクニック50」も本日届いたので実践が楽しみです！#ひろくりギルド pic.twitter.com/wIMOWhNY12

— Hamanos (@tappi2323) April 20, 2024

コネクリさん@connecre のオンラインセミナーに先日参加しました！
ぼんやりとしか使い方が分かってなかったので「参加すれば何かの役に立つかな～」となんとなく受けたセミナーでしたが、ほんとにめちゃくちゃ勉強になりました！
先日、友人に頼まれたことに早速役立ったし！
やっぱり向上心大事～♪ https://t.co/w02u60DriQ pic.twitter.com/KVIfYE20kc

— いずみん@ほぼほぼ寝たきりクリエイター (@iamizumin51) April 22, 2024

#ひろクリギルド　さん主催の #コネクリ さんイベントの応募者プレゼントが当たりました🥰大喜びの息子っち。
早速マイパソコンに貼ってました✨
大切に使わせていただきます〜！ pic.twitter.com/lblcIwho5V

— ゆっこさん|起業ママを支える！フリーランスwebデザイナー (@yuccoyucco__) April 22, 2024

実際に取り組んで頂いた方も！

金バルーンできました！
#ひろクリギルド#Fireflyの参照機能を使いこなそう pic.twitter.com/gx8wUXe26O

— Hamanos (@tappi2323) April 10, 2024

日本語はこうなりました🤣
#ひろクリギルド pic.twitter.com/kRULTJnDzF

— Hamanos (@tappi2323) April 10, 2024

ほんとだー！
スタイルの強度を強めることで簡単に白抜き画像になりましたー！#ひろクリギルド pic.twitter.com/JYZWFfgKuD

— Hamanos (@tappi2323) April 10, 2024

水彩トマトたち🍅 #ひろクリギルド pic.twitter.com/Jn0IMyW4fw

— Hamanos (@tappi2323) April 10, 2024

昨日の #ひろクリギルド 復習。
自分の名前を作字した画像を構成参照に。

逆ミステリーサークルｗ#Fireflyの参照機能を使いこなそう pic.twitter.com/gzSKIg0vCB

— こなたろす / KONATARO 🐻💜 (@kona_x_taros) April 11, 2024

Fireflyいじって作ったふわふわのハート型の雲☁🩷
レタッチしてないからいびつな部分があるけど、なかなかキャワイイのでは？☁🩵

おはV素材の背景に使ってみる⸜(*˙꒳˙*)⸝☁🩶#Fireflyの参照機能を使いこなそう #もでたぶ pic.twitter.com/D7Ooc7MSfP

— こなたろす / KONATARO 🐻💜 (@kona_x_taros) April 11, 2024

このアプローチはマジで革命すぎる…(元画像が達筆すぎて原型失いかけてる)
「世界観は決まってるけど画を作れない」みたいな悩みはfireflyで解決されつつある… https://t.co/8UjjgT9BtD pic.twitter.com/MmQKlyuapf

— こびと (@kobitoCode) April 11, 2024

息子が自分を作ろうとしていれたプロンプト。
「背景はシンプル　8歳の男の子　髪型はきのこみたい　笑っている　口が小さい　かわいい」
髪型はきのこ…にすると、頭がきのこになってしまいましたが、本人は気に入っています♪w#ひろクリギルド #コネクリ #AdobeFirefly pic.twitter.com/F8Fd4iV1T9

— ゆっこさん|起業ママを支える！フリーランスwebデザイナー (@yuccoyucco__) April 11, 2024

おまけに…
真空管・白線・道路・ケーブル
「な」の丸が毎回いいアクセントになる。#Fireflyの参照機能を使いこなそう pic.twitter.com/6CM2VHNXzM

— こなたろす / KONATARO 🐻💜 (@kona_x_taros) April 12, 2024

Fireflyで構成参照でやってみた。
プロンプトだと文字変えてきそうだったのでw
WindowsのAIさんの方が上手なのか試してみたい(´▽`) pic.twitter.com/vdCvPoIAZ9

— 菊井ただき (@TadakiKikui) April 15, 2024

先日のセミナーのコネクリさんの作例をお借りして真似してみました。いろいろと整ってないけど、生成AIの練習まで。。。東京ってこんなイベントあります？#Fireflyの参照機能を使いこなそう pic.twitter.com/FjUcfgWCAr

— あすふぁむ｜流浪のFigma使い (@asufamm) April 23, 2024

Loveで遊んでみました。復習完了！
1 ネオン
2 花
3 飛行機雲
4 パン#Fireflyの参照機能を使いこなそう pic.twitter.com/2msuOOhuVL

— あすふぁむ｜流浪のFigma使い (@asufamm) April 24, 2024

とても詳しくレポートを書いて頂いた方も！

【Adobe Firefly / 生成AIでロゴ作り】作ってわかったコツとポイント

「生成AIってデザインにどう活かすんだろう…？」と、なんとなく距離を置いていたAdobe Fireflyでしたが、先日のフォトショ会議や、昨夜の 「みんなではじめる！Adobe… pic.twitter.com/WwrYlOTUSZ

— キム | graphic designer (@kimudesign) April 11, 2024

また、postとは別でアンケートに目を通し、皆さまの優しい言葉、本当にありがとうございます！
めちゃめちゃ嬉しいです。
取り入れられるところがあればぜひ取り入れてください！

2024年4月26日追記

ひろクリギルドさんで行ったオンラインセミナーのとても詳しいレポートを書いていただきました！

オンライン配信環境と機材リスト

よくご質問いただくのでこちらにまとめております。