CONTENTS
みんなではじめる！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を掲載致します。
すぐに使えそうなテクニックばっかりでセミナーめちゃくちゃ楽しかった😳✨
— さはちゃん｜Canva公式クリエイター (@saha_design0430) April 10, 2024
素材迷子が克服できそう✨#ひろクリギルド https://t.co/UCYDKo7cc5
こちらのウェビナーに参加
— Limりむ| Wedding&Web クリエイター (@CobachicoC) April 10, 2024
面白い…😏
また違った生成AIが楽しめる✨
これはフォトショとかイラレ使える人ならではのオリジナル感が出せるから
とっても良いかも！
おもしろい…@connecre_ コネクリさん、最高です👍
本も買って良かった(◍ ´꒳` ◍)#ひろクリギルド https://t.co/B1bHhx5lXw
▼写真のイラスト化やってみたい～
— マユミ (@mayumi_39_) April 10, 2024
▼コメント欄でお寿司のスタンプ押したり
いい雰囲気で楽しかった🍣🍊👘
▼運営さん、アクシデントの中
丁寧なご対応ありがとうございました
▼コネクリ先生が本心から笑ってるシーンが何度もあった😆💨#Firefly #ひろクリギルド pic.twitter.com/urvrLZJ9Yh
@connecre_ さんゲストの生成AI入門ウェビナー、とても勉強になりました！ありがとうございます☺️✨
— はと｜ Webデザイナー (@_designdove_) April 10, 2024
個人的に、水彩風野菜イラストの生成方法が目から鱗で、ぜひ今後活用していきたいです！✨
キクラゲ・ワサビ・コタツみかんは爆笑でした😂#Fireflyの参照機能を使いこなそう#ひろクリギルド pic.twitter.com/XBdBJVw6Lf
スタイル参照において白抜きで生成すれば、コラージュパーツとしても使えそうですね
— Hamanos (@tappi2323) April 10, 2024
プロンプト以外の方法で、理想に近づけるための設定について多くのヒントいただきました！
ありがとうございました！
#ひろクリギルド https://t.co/nPY2WSNvaO
Fireflyの参照機能を詳しく学べて良かった。
— りょーま｜デザイナー (@ryo_oma05) April 10, 2024
アーカイブとかも見ながら自分でも色々試してみたい😃#Firefly #ひろクリギルド
いやー、凄かった😳
— 帰ってきた黒猫🐈⬛✨ (@nekonecojpn) April 10, 2024
あんなに理想的な生成を出来るなんて！私、思ったんと違う…を繰り返していたのに。
コミュニティ参加も面白そう！ #ひろクリギルド
photoshopもillustratorもプロンプトで生成する系は全然思い通りにできたことなかったので、ものすごく参考になりました。Fireflyを仕事で活かすイメージが拡がって、楽しかったです。参加して良かった！
— きゃな (@kyana_chan) April 10, 2024
#ひろクリギルド
拝聴しました！ありがとうございました。コネクリさんのセミナー内容も素晴らしいですが、トラブルの遅れを取り戻すリカバーサクサク進行がすごかった。
— BlueCoyote/WEB&UIデザイナー＆ディレクター (@bluecoyote13) April 10, 2024
Fireflyは景色や背景、ダミーイラスト以外に仕事ではまだ使えない部分も多いですが、今回の内容をヒントにうまく利用できる方法を模索したいです。 https://t.co/qO5b18J9AD
アーカイブで受講。そういえば10年以上前に普通の額縁をPhotoshopでガラスに加工するって仕事したなあ。当時、調整レイヤー機能もなくてひたすらフィルターや描画モードやらで試行錯誤しながら１週間くらいかかっちゃったっけ（遠い目）。 https://t.co/fRVwkAKNB7
— takuboon (@takuboon) April 12, 2024
【ひろクリギルド #26】プレゼント企画
— Hamanos (@tappi2323) April 20, 2024
コネクリさんのかわいいステッカーが当選し、自宅に届きましたー❣️
ありがとうございますー！！😍
セミナー後購入した
コネクリさん著の「デザインの仕事がもっとはかどるAdobe Firefly活用テクニック50」も本日届いたので実践が楽しみです！#ひろくりギルド pic.twitter.com/wIMOWhNY12
コネクリさん@connecre のオンラインセミナーに先日参加しました！
— いずみん@ほぼほぼ寝たきりクリエイター (@iamizumin51) April 22, 2024
ぼんやりとしか使い方が分かってなかったので「参加すれば何かの役に立つかな～」となんとなく受けたセミナーでしたが、ほんとにめちゃくちゃ勉強になりました！
先日、友人に頼まれたことに早速役立ったし！
やっぱり向上心大事～♪ https://t.co/w02u60DriQ pic.twitter.com/KVIfYE20kc
#ひろクリギルド さん主催の #コネクリ さんイベントの応募者プレゼントが当たりました🥰大喜びの息子っち。
— ゆっこさん|起業ママを支える！フリーランスwebデザイナー (@yuccoyucco__) April 22, 2024
早速マイパソコンに貼ってました✨
大切に使わせていただきます〜！ pic.twitter.com/lblcIwho5V
実際に取り組んで頂いた方も！
金バルーンできました！
— Hamanos (@tappi2323) April 10, 2024
#ひろクリギルド#Fireflyの参照機能を使いこなそう pic.twitter.com/gx8wUXe26O
日本語はこうなりました🤣
— Hamanos (@tappi2323) April 10, 2024
#ひろクリギルド pic.twitter.com/kRULTJnDzF
ほんとだー！
— Hamanos (@tappi2323) April 10, 2024
スタイルの強度を強めることで簡単に白抜き画像になりましたー！#ひろクリギルド pic.twitter.com/JYZWFfgKuD
水彩トマトたち🍅 #ひろクリギルド pic.twitter.com/Jn0IMyW4fw
— Hamanos (@tappi2323) April 10, 2024
昨日の #ひろクリギルド 復習。
— こなたろす / KONATARO 🐻💜 (@kona_x_taros) April 11, 2024
自分の名前を作字した画像を構成参照に。
逆ミステリーサークルｗ#Fireflyの参照機能を使いこなそう pic.twitter.com/gzSKIg0vCB
Fireflyいじって作ったふわふわのハート型の雲☁🩷
— こなたろす / KONATARO 🐻💜 (@kona_x_taros) April 11, 2024
レタッチしてないからいびつな部分があるけど、なかなかキャワイイのでは？☁🩵
おはV素材の背景に使ってみる⸜(*˙꒳˙*)⸝☁🩶#Fireflyの参照機能を使いこなそう #もでたぶ pic.twitter.com/D7Ooc7MSfP
このアプローチはマジで革命すぎる…(元画像が達筆すぎて原型失いかけてる)
— こびと (@kobitoCode) April 11, 2024
「世界観は決まってるけど画を作れない」みたいな悩みはfireflyで解決されつつある… https://t.co/8UjjgT9BtD pic.twitter.com/MmQKlyuapf
息子が自分を作ろうとしていれたプロンプト。
— ゆっこさん|起業ママを支える！フリーランスwebデザイナー (@yuccoyucco__) April 11, 2024
「背景はシンプル 8歳の男の子 髪型はきのこみたい 笑っている 口が小さい かわいい」
髪型はきのこ…にすると、頭がきのこになってしまいましたが、本人は気に入っています♪w#ひろクリギルド #コネクリ #AdobeFirefly pic.twitter.com/F8Fd4iV1T9
おまけに…
— こなたろす / KONATARO 🐻💜 (@kona_x_taros) April 12, 2024
真空管・白線・道路・ケーブル
「な」の丸が毎回いいアクセントになる。#Fireflyの参照機能を使いこなそう pic.twitter.com/6CM2VHNXzM
Fireflyで構成参照でやってみた。
— 菊井ただき (@TadakiKikui) April 15, 2024
プロンプトだと文字変えてきそうだったのでw
WindowsのAIさんの方が上手なのか試してみたい(´▽`) pic.twitter.com/vdCvPoIAZ9
先日のセミナーのコネクリさんの作例をお借りして真似してみました。いろいろと整ってないけど、生成AIの練習まで。。。東京ってこんなイベントあります？#Fireflyの参照機能を使いこなそう pic.twitter.com/FjUcfgWCAr
— あすふぁむ｜流浪のFigma使い (@asufamm) April 23, 2024
Loveで遊んでみました。復習完了！
— あすふぁむ｜流浪のFigma使い (@asufamm) April 24, 2024
1 ネオン
2 花
3 飛行機雲
4 パン#Fireflyの参照機能を使いこなそう pic.twitter.com/2msuOOhuVL
とても詳しくレポートを書いて頂いた方も！
【Adobe Firefly / 生成AIでロゴ作り】作ってわかったコツとポイント
— キム | graphic designer (@kimudesign) April 11, 2024
「生成AIってデザインにどう活かすんだろう…？」と、なんとなく距離を置いていたAdobe Fireflyでしたが、先日のフォトショ会議や、昨夜の 「みんなではじめる！Adobe… pic.twitter.com/WwrYlOTUSZ
また、postとは別でアンケートに目を通し、皆さまの優しい言葉、本当にありがとうございます！
めちゃめちゃ嬉しいです。
取り入れられるところがあればぜひ取り入れてください！
2024年4月26日追記
ひろクリギルドさんで行ったオンラインセミナーのとても詳しいレポートを書いていただきました！
オンライン配信環境と機材リスト
よくご質問いただくのでこちらにまとめております。
ウェブデザイナーとしてキャリアをスタートして、スマートフォンの台頭によりUI/UX・ゲームデザインを担当、現在はインハウス寄りのアートディレクター兼デザイナー。
社内外のディレクション・ワイヤー設計・デザイン・コーディングを行う。
自社、受託ともにウェブ・アプリ・グラフィック・ゲームの実績多数。
個人サイトやTwitter、YouTubeにてPhotoshopとIllustratorの作例を発信中！
個人としての仕事は、動画制作『【アーティストに学ぶ】#33 Adobe Illustrator iPad版 xコネクリ – アドビ公式』、オンラインセミナー『朝までイラレ』『朝までフォトショ』、著書『デザインの仕事がもっとはかどるAdobe Firefly活用テクニック50』（インプレス）など。
詳しくはWorkにてご覧ください。
また、お仕事等のご依頼はContactよりご連絡くださいませ。
おすすめ書籍
PhotoshopやIllustratorの使い方についての書籍ではありませんが、イラストを主軸に活動している方は元よりデザインに関わるすべての方におすすめできる書籍です。
どちらかというと中～上級者向けの書籍で、光が色に及ぼす影響や配色の理論から技術的なテクニックまで根本から学べます。
私はディレクションすることも多々あり、今まで感覚的に伝えていた部分の言語化に大いに役立てることができました。
