富山デザイン勉強会_生成AIを使ったデザイン制作.pdf

Transcript

1. スピーカーɿ吉川圭太 （DERA-DESIGN） 「生成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
2. ChatGPTの 実践テクニック 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
3. CAPTER 01 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
4. CAPTER 01 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
5. CAPTER 01 ChatGPTの実践テクニック デザイン添削 チラシなどの画像をアップする か、 WebサイトのURLでデザイン の添削ができます。 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. CAPTER 01 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
7. アイコンɾ ピクトグラム CAPTER 01 ChatGPTの実践テクニック アイコンやピクトグラムのデザ インを考えてもらうことができ ます。 精度は低いので修正は必要です。 SVG 形式でも作ることができま す。 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. Adobe Fireflyの 実践テクニック 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
9. CAPTER 02 Adobe Fireflyの実践テクニック Photoshop ＃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
10. CAPTER 02 Adobe Fireflyの実践テクニック Photoshop ＃01 生成拡張 提供素材が見切れていても大丈夫 拡 張 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
11. CAPTER 02 Adobe Fireflyの実践テクニック Photoshop ＃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
12. CAPTER 02 Adobe Fireflyの実践テクニック 生成拡張 実例 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
13. CAPTER 02 Adobe Fireflyの実践テクニック 生成拡張 実例 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
14. CAPTER 02 Adobe Fireflyの実践テクニック 生成拡張 実例 02 拡 張 Web サイトのメイン画像は横長が多い 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. CAPTER 02 Adobe Fireflyの実践テクニック 生成拡張 実例 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
16. CAPTER 02 Adobe Fireflyの実践テクニック Photoshop ＃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 02 Adobe Fireflyの実践テクニック Photoshop ＃02 生成塗りつぶし 生 成 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
18. CAPTER 02 Adobe Fireflyの実践テクニック Photoshop ＃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
19. Photoshop ＃02 生成塗りつぶし 生 成 BEFORE AFTER 合成自体は従来の機能でできます CAPTER 02 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
20. CAPTER 02 Adobe Fireflyの実践テクニック Photoshop ＃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
21. CAPTER 02 Adobe Fireflyの実践テクニック Photoshop ＃03 肌をスムーズに 生 成 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
22. CAPTER 02 Adobe Fireflyの実践テクニック Photoshop ＃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
23. CAPTER 02 Adobe Fireflyの実践テクニック Photoshop ＃04 スマートポートレート 生 成 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
24. CAPTER 02 Adobe Fireflyの実践テクニック Photoshop ＃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
25. 生 成 BEFORE AFTER CAPTER 02 Adobe Fireflyの実践テクニック Photoshop ＃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
26. CAPTER 02 Adobe Fireflyの実践テクニック Photoshop ＃05 スーパーズーム 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
27. CAPTER 02 Adobe Fireflyの実践テクニック Photoshop ＃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
28. CAPTER 02 Adobe Fireflyの実践テクニック Photoshop ＃06 カラー化 生 成 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
29. CAPTER 02 Adobe Fireflyの実践テクニック Photoshop ＃07 深度ぼかし 画像の被写界深度を変更して、手 前や奥をぼかして印象的な画像 にします。 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 02 Adobe Fireflyの実践テクニック Photoshop ＃07 深度ぼかし 生 成 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
31. CAPTER 02 Adobe Fireflyの実践テクニック Photoshop ＃EX 生成塗りつぶし （おまけ） 生 成 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
32. デザインで使える その他の生成AI CAPTER 07 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 02 Adobe Fireflyの実践テクニック I LOVE IMG （画像をアップスケール） https://www.iloveimg.com/ja/upscale-image 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 02 Adobe Fireflyの実践テクニック FREEPIK https://www.freepik.com/ 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. デザインと生成AI 今後の関係はどうなる？ CAPTER 07 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. 引用：https://note.com/kiriem/n/na11aaf3d25f8 CAPTER 02 Adobe 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
37. CAPTER 02 Adobe Fireflyの実践テクニック 生成 AI 時代の創造性についての考察 生成 AI によって創作のハードルが下がる 引用：https://note.com/kiriem/n/na11aaf3d25f8 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. CAPTER 02 Adobe Fireflyの実践テクニック 生成 AI 時代の創造性についての考察 引用：https://note.com/kiriem/n/na11aaf3d25f8 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. まとめ 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. ◦ 生成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