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
85
富山デザイン勉強会_生成AIを使ったデザイン制作.pdf
keita
August 24, 2024
Tweet
Share
More Decks by keita
See All by keita
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
28
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
150
アップロード職業訓練-デザインで使える写真撮影と画像補正.pdf
keita_yoshikawa
0
45
アップロード職業訓練-誰でも使える写真撮影テクニックのコピー.pdf
keita_yoshikawa
0
21
富山デザイン勉強会_私がデザインのために考えていること.pdf
keita_yoshikawa
0
53
富山デザイン勉強会10-読む人を動かす_効果的な文章の書き方.pdf
keita_yoshikawa
2
82
富山デザイン勉強会_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
140
富山デザイン勉強会_デザイナー経験ゼロからデザイン職に就く方法.pdf
keita_yoshikawa
0
81
富山デザイン勉強会_キャッチコピーの作り方.pdf
keita_yoshikawa
0
41
Featured
See All Featured
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Building Applications with DynamoDB
mza
93
6.2k
A Tale of Four Properties
chriscoyier
158
23k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
How STYLIGHT went responsive
nonsquared
98
5.3k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
GraphQLとの向き合い方2022年版
quramy
44
13k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
BBQ
matthewcrist
86
9.5k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Git: the NoSQL Database
bkeepers
PRO
427
64k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
310
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