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
アップロード職業訓練-デザインで使える写真撮影と画像補正.pdf
Search
keita
November 26, 2024
Design
0
52
アップロード職業訓練-デザインで使える写真撮影と画像補正.pdf
keita
November 26, 2024
Tweet
Share
More Decks by keita
See All by keita
富山デザイン勉強会_デザイン経営.pdf
keita_yoshikawa
0
28
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
78
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
210
アップロード職業訓練-誰でも使える写真撮影テクニックのコピー.pdf
keita_yoshikawa
0
28
富山デザイン勉強会_私がデザインのために考えていること.pdf
keita_yoshikawa
0
62
富山デザイン勉強会10-読む人を動かす_効果的な文章の書き方.pdf
keita_yoshikawa
2
95
富山デザイン勉強会_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
170
富山デザイン勉強会_デザイナー経験ゼロからデザイン職に就く方法.pdf
keita_yoshikawa
0
95
富山デザイン勉強会_キャッチコピーの作り方.pdf
keita_yoshikawa
0
52
Other Decks in Design
See All in Design
横断組織デザイナーの働き方
mixi_design
PRO
0
410
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
310
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
spindle
9
5.2k
発表資料テンプレート / My slide template
thatblue
0
260
The Golden Whitney
ohtristanart
PRO
0
140
Tableau曲線表現講座(2024.11.21)
cielo1985
0
310
界隈からの逃走–デザイン初め新年会2025
sekiguchiy
3
1k
The Golden Whitney
ohtristanart
PRO
0
190
Managing Design Systems (Antwerp 2024)
nathanacurtis
1
420
なぜ今必要?Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
hilokifigma
0
710
「デザイン」を信じるには
iflection
0
160
Building foundations 堅牢なデザイントークンの設計
hilokifigma
1
2.6k
Featured
See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Fireside Chat
paigeccino
37
3.3k
A Philosophy of Restraint
colly
203
16k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
118
51k
YesSQL, Process and Tooling at Scale
rocio
172
14k
Building Your Own Lightsaber
phodgson
104
6.3k
The Cost Of JavaScript in 2023
addyosmani
48
7.6k
How to Think Like a Performance Engineer
csswizardry
22
1.5k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
177
52k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
470
Transcript
講 師 : 吉 川 圭 太 ( D E
R A - D E S I G N ) アップロードビジネススクール 求職者支援訓練 「デザインで使える写真撮影と画像補正」 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
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
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
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
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
DE 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
ESIGN PHOT デザインと写真 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
TO 写真は重要な要素 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 デザインと写真 フリー素材もいいですが、 やはり 素材感が出てしまいます。 予算 によりますが、 できるだけオリジ
ナルを撮影したほうがリアルな 雰囲気に仕上がります。 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 デザインと写真 クライアン トから提供された写真 は、 サイズが足りなかったり、 構
図がいまいちだったり、余計な 加工がされていたりして使え ない場合があります。 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 デザインと写真 きれいに撮れた写真でも ( 素材 でも)、 必ず補正をかけましょう。 補正の有無にかかわらず、写真
の仕上がりを確認する意味も あります。 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 デザインと写真 デザインで使える写真と、 カメラ マンの写真は違います。 アマチュ アが撮った写真でも、 トリミング
やデザインの施し方によって活 用することができます。 DE 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
ESIGN TAKE デザイナーが写真を撮る 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
ES デザイナーがとる 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 デザイナーが写真を撮る 必要な小物やスタジオの手配、 撮りたい写真の見本や撮影ス ケジュールなど、準備を念入り に行うことで写真の撮れ高が 変わってきます。 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 デザイナーが写真を撮る 写真が上手くなるのに一番てっ とり早いのは 「いいカメラ」 を 買うことです。 元も子もないですが真実です。
PH 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
HOTOGRAP 写真撮影のコツ 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
PH 3つのコツ 構図 ɾ 高さ ɾ 光 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
3 つのコツ構図 ɾ 高さ ɾ 光 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
基本の構図はl三分割法z 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
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
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
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
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
• これさえできれば、 だいたいいける万能構図 • ピントがずれないように気をつける • カメラによっては、 グリッ ドが利用できる •
無難な構図なので面白みにはかけるかも…… l三分割法zのポイン ト 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
iPhoneで撮る場合 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
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
使い方が難しいl日の丸構図z 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
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
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
• 使い方を間違うとダサくなる構図 • シンメトリーとの組み合わせの相性がいい • 主題にインパクトがあり、 印象的な写真に • 日の丸構図を使うときは意図的に l日の丸構図zのポイン
ト 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
(アイレベル) 3 つのコツ構図 ɾ 高さ ɾ 光 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
俯 瞰 俯 瞰 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
あおり あおり 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
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
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
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 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
3 つのコツ構図 ɾ 高さ ɾ 光 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
光は 逆光 (反逆光) で撮る 側光 側光 順光 逆光 半逆光 半逆光
斜光 斜光 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
順 光 順 光 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
斜 光 斜 光 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 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
SUBJECT 被写体を探す 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
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
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
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 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
POINT Tips /ポイント 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
基本は横で撮る CAPTER 05 Tips/ポイント 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
24mm 200mm ズーム側で撮る CAPTER 05 Tips/ポイント 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 05 Tips/ポイント 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 05 Tips/ポイント 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 05 Tips/ポイント 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
I RAW画像で撮る CAPTER 06 Tips/ポイント 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
IMPORTANT 注意点 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
T 関節を画面端にしない 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
串刺し/首切り/目刺しはNG 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
ピントは重要 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
白飛び厳禁 (黒潰れ) CAPTER 06 注意点 D 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
DESIGN USE デザインで使う 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
E 構図は広めに撮る 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 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
)FBEFS 4JEFCBS )FBEFS 4JEFCBS 写真は内側を向くように 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
)FBEFS 4JEFCBS 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
07 デザインで使う PH 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
HOTO EDITIN 画像補正 CAPTER 08 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
STEP① レベル補正 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
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
STEP② 色彩・彩度 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
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
STEP③ カラーバランス 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
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
STEP④ アンシャープマスク 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
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
Adobe Lightroom CAPTER 07 画像補正 写真の編集や管理を効率的に 行えるソフトで、たくさんの画 像の補正や LAW 画像の現像を
するのに向いています。 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
SUMMARY まとめ 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