富山デザイン勉強会_デザインで使うChatGPTとFirefly.pdf

Transcript

1. スピーカーɿ吉川圭太 （DERA-DESIGN） 「デザインで使うChatGPTとFirefly」 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
2. デザインで 生成AIを使ってますか？ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
3. デザイナーは 生成AIを使って 効率化と品質アッ プ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
4. デザイナー以外の人も 生成AIを使えば デザインができます D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
5. 生成AIとは？ CAPTER 01 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
6. 生成AI(ジェネレーティブAI) CAPTER 01 生成AIとは？ 入力された指示 （プロンプト） に基づいて、新しいコンテンツ やアイデアを自動的に生成する人工知能のことを指します。 この技術は、 画像、 テキスト、 音声など、 さまざまな形式の新た なコンテンツを作り出す能力を持っており、クリエイティブ 分野での革新をもたらしています D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
7. 生成AIの種類・できること CAPTER 01 生成AIとは？ 引用：https://www.brainpad.co.jp/doors/contents/about_generative_ai/ テキスト生成 プロンプト送信で自動的に テキストを生成 代表例：ChatGPT 動画生成 テキストによる指示で数秒 ほどの動画を生成 代表例：Gen-2 画像生成 テキストによる指示でオリ ジナル画像を生成 代表例：Stable Diffusion 音声生成 音声またはテキスト入力で 新たな音声を生成 代表例：Voicebox D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
8. 生成AIの種類 CAPTER 01 生成AIとは？ Stable Diffusion Text-to-Speech AI VALL-E MusicFX D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
9. 生成AIのメリッ ト ◦ 業務を効率化できる ◦ 時間の制限を受けない ◦ イノベーションの促進 ◦ バリエーションが豊富になる ◦ 一定の品質でコンテンツを作れる CAPTER 01 生成AIとは？ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
10. 生成AIのデメリッ ト ◦ 同じものを作ることができない ◦ 自身のスキルが成長しない ◦ 技術の進歩が早いので勉強が大変 ◦ PC の性能が必要な場合もある ◦ 正確性を欠くことがある CAPTER 01 生成AIとは？ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
11. デザインで使う 生成AIの基本 CAPTER 02 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
12. 今回の勉強会では CAPTER 02 デザインで使う生成AIの基本 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
13. プロンプトエンジニアリング 入力するテキスト （プロンプト） を工夫し、 望むアウトプッ トを得るための技術。 デザインにおいては、 具体的な要件やビジョンを伝えるこ とで、 質の高い素材やデザイン案を生成することができる。 CAPTER 02 デザインで使う生成AIの基本 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
14. 素材探しや撮影の手間を軽減 CAPTER 02 デザインで使う生成AIの基本 デザイン制作で時間とコ ストを要していた、原稿 や素材の準備する作業を 生成AIで作成することが できる。 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
15. 生成 AIの著作権 CAPTER 02 デザインで使う生成AIの基本 ChatGPT(DALL-E)もFireflyも規約上は商用利用が認めら れています。 法律が生成AIに追いついていない現状があり、 今後判断が 変わるかもしれません。 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
16. 個人情報や機密情報を入力しない CAPTER 02 デザインで使う生成AIの基本 入力したプロンプトもク ラウド上に保存されるた め、 個人情報などは入れ ない D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
17. CAPTER 03 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
18. CAPTER 03 ChatGPT ChatGPTとは？ 人間のように自然に会話ができる生 成AIです。 分からないことを質問し たり、 文章の作成を手伝ってくれたり、 アイデアを出す時の相談相手にも なってくれます。 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
19. 引用：https://www.nec-solutioninnovators.co.jp/sp/contents/column/20240226_chatgpt.html CAPTER 03 ChatGPT ChatGPTの進化 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
20. CAPTER 03 ChatGPT ChatGPTの特徴 ◦ 業務を効率化できる ◦ アイデアの創出に活用できる ◦ 文章が苦手でもそれなりに書ける ◦ プログラミングができる ◦ お問合せ対応の自動化ができる D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
21. 文章生成、 質問回答、 文章の要約、 翻訳、 情報収集 調べもの、 メール文作成、 企画書 ɾ プレゼン資料の作成 ブレーンストーミング、 プログラミング ɾ コーディング 文章やコードの校正 ɾ 添削、 音声入力ɾ 音声会話、 画像認識 etc. CAPTER 03 ChatGPT ChatGPTのできること D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
22. ◦ 正しくないことをいう場合がある ◦ 最新の情報ではないことがある ◦ 不適切な表現をする恐れがある ◦ 著作権に違反する可能性がある ◦ 情報漏洩のリスクがある CAPTER 03 ChatGPT ChatGPTの注意点 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
23. CAPTER 03 ChatGPT 無料版と有料版の違い • AIがGPT-4mini • 混雑時に処理が遅くなる • 文字数の制限がある(少ない) • 覚えられる情報量が少ない • AI が GPT-4o • 優先的に処理されるので早い • 画像生成ができる • API連携、 プラグイン使用ができる 無料版 有料版 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
24. CAPTER 03 ChatGPT ChatGPTのプロンプトのコツ ◦ 最初に属性を覚えさせる ◦ やってほしい指示を書く ◦ 具体的に指示を出す、 数値など ◦ 箇条書きで条件など書く ◦ 追加で指示をしていく D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
25. ChatGPTの 基本的な使い方 CAPTER 04 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
26. CAPTER 04 デザインでのChatGPTの使い方 ChatGPTのできること ◦ 原稿作成 ◦ 画像生成 ◦ 画像解析 ◦ コーディング ◦ プログラミング ◦ 壁打ち ◦ 翻訳 ◦ 文字起こし D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
27. CAPTER 04 デザインでのChatGPTの使い方 原稿作成 概要や内容を入れて、タ イトルや本文などの原稿 を作ることができます。 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
28. CAPTER 04 デザインでのChatGPTの使い方 画像生成 描いて欲しいものの入れ て画像を生成します。 画 風なども指定ができます。 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
29. CAPTER 04 デザインでのChatGPTの使い方 画像解析 画像をアップロードして、 文字をテキストに起こす ことができます。 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
30. CAPTER 04 デザインでのChatGPTの使い方 コーディング ɾ プログラミング 面倒なコードや難しいプ ログラムを指示するだけ で短時間で生成できます。 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
31. CAPTER 04 デザインでのChatGPTの使い方 アイデアの壁打ち アイデアを考える時にヒ ントをくれたりします。 思いつかないような提案 をしてくれることもあり ます。 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
32. CAPTER 04 デザインでのChatGPTの使い方 翻訳 英語など多言語に翻訳を してくれます。 割と精度は良いようです。 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
33. CAPTER 04 デザインでのChatGPTの使い方 音声 ɾ映像 文字起こし 拡張機能でYoutubeの動 画を文字起こしをするこ とができます。 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
34. CAPTER 05 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
35. CAPTER 05 Adobe Firefly Fireflyとは？ 生成AIを使った画像生成アプリです。 Adobe社によって提供されており、 AI によるオリジナル画像の生成や編 集などが可能です。 引用：https://schoo.jp/matome/article/1737 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
36. ◦ ブラウザで使うことができる ◦ 著作権許諾済みデータのみ学習 ◦ 商用利用が可能 ◦ Adobe社の他のアプリと連携 ◦ AI倫理に配慮されている Fireflyの特徴 CAPTER 05 Adobe Firefly D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
37. 単体アプリはブラウザから使用す ることができます。 その他にPhotoShopや Illustlater など、 Adobe社のアプリ上でも使用 することができます。 Fireflyはどこで使える CAPTER 05 Adobe Firefly D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
38. Fireflyが使えるアプリケーション CAPTER 05 Adobe Firefly Photoshop Adobe Express Illustrator Lightroom InDesign Substance 3D 引用：https://www.adobe.com/jp/products/firefly.html D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
39. ◦ テキスト （日本語） を基に画像生成 ◦ 生成塗りつぶし ɾ背景拡張 ◦ 生成再配色 ◦ スケッチを画像に変換 （開発中） ◦ 3D から画像を生成 （開発中） Fireflyでできること CAPTER 05 Adobe Firefly D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
40. • 生成回数が 25/月 • 画像にロゴマークが入る • 生成回数が 1,000/月 　 （他にもプランあり） • 画像にロゴマークが入らない 無料版 有料版 Fireflyでできること CAPTER 05 Adobe Firefly D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
41. Adobe Fireflyの 基本的な使い方 CAPTER 06 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
42. CAPTER 06 Adobe Fireflyの基本的な使い方 https://firefly.adobe.com/ 画像生成 ブラウザで Firefly にアクセスし、 一度プロンプトを入力して生成 する。 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
43. CAPTER 06 Adobe Fireflyの基本的な使い方 画像生成 プロンプトを入力して生成する と、 4 枚の画像が生成されます。 左側に設定パネルが表示される ので、縦横比や構図などを設定し て気に入った画像が生成される まで何度か繰り返します。 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
44. CAPTER 06 Adobe Fireflyの基本的な使い方 画像生成 生成後は気に入った画像を元に 「類似の項目を生成」することで 類似の画像を生成することがで きます。 生成した画像はそのまま、生成塗 りつぶしや拡張を行うこともで きます。 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
45. CAPTER 06 Adobe Fireflyの基本的な使い方 生成塗りつぶし （拡張） 上下左右に画像を拡張すること ができます。 もう少し広めに画像 が欲しい時や、文字などを入れる スペースが欲しい時に使います。 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
46. CAPTER 06 Adobe Fireflyの基本的な使い方 生成塗りつぶし （拡張） プロンプトは入れなくても自動的に拡張してくれます 生 成 BEFORE AFTER D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
47. 範囲を設定して背景や服装など を置き換えたり、新たに物を書き 加えたりすることができまます。 しかし、なかなか思い通りに行か ないことも多い機能です。 CAPTER 06 Adobe Fireflyの基本的な使い方 生成塗りつぶし （挿入） D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
48. CAPTER 06 Adobe Fireflyの基本的な使い方 生成塗りつぶし （挿入） 削 除 BEFORE AFTER 選択範囲はなるべくギリギリにする方がうまくいきます D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
49. 不要な物を指定して削除するこ とができます。 大きな物を消そうとすると、 AI が 勝手新たな物を生み出したりす るので、細かく分けるなど選択範 囲に工夫が必要です。 CAPTER 06 Adobe Fireflyの基本的な使い方 生成塗りつぶし （削除） D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
50. CAPTER 06 Adobe Fireflyの基本的な使い方 生成塗りつぶし （削除） うまく消えない場合は何回か試してください 削 除 BEFORE AFTER D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
51. CAPTER 06 Adobe Fireflyの基本的な使い方 テキスト効果 （Adobe Express） 文字に様々な装飾を施すことが できます。 左側のメニューにプロンプトを 入れて生成します。 フォントや変 化させる量や雰囲気などを設定 することができます。 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
52. CAPTER 06 Adobe Fireflyの基本的な使い方 テキスト効果 （Adobe Express） 向き不向きがあのでいろいろ試してください 生 成 BEFORE AFTER D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
53. 後半へ続きます ！ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p