Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
富山デザイン勉強会_生成AIを使ったデザイン制作.pdf
Search
keita
August 24, 2024
0
27
富山デザイン勉強会_生成AIを使ったデザイン制作.pdf
keita
August 24, 2024
Tweet
Share
More Decks by keita
See All by keita
富山デザイン勉強会_キャッチコピーの作り方.pdf
keita_yoshikawa
0
12
富山デザイン勉強会_デザインで使うChatGPTとFirefly.pdf
keita_yoshikawa
0
42
富山デザイン勉強会_デザイナーに学ぶ企画アイデアの考え方.pdf
keita_yoshikawa
2
77
アップロード職業訓練-ChatGPT-FireFly-Canva-WordPress.pdf
keita_yoshikawa
0
48
フィールドスタディ2024砺波高校.pdf
keita_yoshikawa
1
65
アップロード職業訓練-SNS活用.pdf
keita_yoshikawa
2
43
富山デザイン勉強会_デザイナーの打ち合わせ術_打ち合わせをクリエイティブな時間にする方法.pdf
keita_yoshikawa
1
94
富山デザイン勉強会_インフォグラフィックが上手に描けるコツ.pdf
keita_yoshikawa
1
160
富山デザイン勉強会-イントロダクション__5.pdf
keita_yoshikawa
0
54
Featured
See All Featured
Designing for Performance
lara
604
68k
What the flash - Photography Introduction
edds
67
11k
Side Projects
sachag
452
42k
From Idea to $5000 a Month in 5 Months
shpigford
380
46k
Faster Mobile Websites
deanohume
304
30k
The Illustrated Children's Guide to Kubernetes
chrisshort
47
48k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
109
6.9k
A Tale of Four Properties
chriscoyier
155
22k
The Mythical Team-Month
searls
218
43k
Designing for humans not robots
tammielis
248
25k
KATA
mclloyd
27
13k
Building an army of robots
kneath
302
42k
Transcript
スピーカーɿ吉川圭太 (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
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
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
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
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
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
アイコンɾ ピクトグラム 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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
生 成 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
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
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
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
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
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
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
デザインで使える その他の生成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
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
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
デザインと生成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
引用: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
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
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
まとめ 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
◦ 生成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