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
110
富山デザイン勉強会_生成AIを使ったデザイン制作.pdf
keita
August 24, 2024
Tweet
Share
More Decks by keita
See All by keita
新田知事プレゼン資料.pdf
keita_yoshikawa
0
31
富山デザイン勉強会_デザイン経営.pdf
keita_yoshikawa
0
71
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
180
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
370
アップロード職業訓練-デザインで使える写真撮影と画像補正.pdf
keita_yoshikawa
0
100
アップロード職業訓練-誰でも使える写真撮影テクニックのコピー.pdf
keita_yoshikawa
0
59
富山デザイン勉強会_私がデザインのために考えていること.pdf
keita_yoshikawa
0
90
富山デザイン勉強会10-読む人を動かす_効果的な文章の書き方.pdf
keita_yoshikawa
2
140
富山デザイン勉強会_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
220
Featured
See All Featured
The Cult of Friendly URLs
andyhume
79
6.6k
A designer walks into a library…
pauljervisheath
209
24k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.7k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
860
Making Projects Easy
brettharned
119
6.4k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
Producing Creativity
orderedlist
PRO
347
40k
How to train your dragon (web standard)
notwaldorf
96
6.3k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
189
55k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
9
590
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