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
24
アップロード職業訓練-デザインで使える写真撮影と画像補正.pdf
keita
November 26, 2024
Tweet
Share
More Decks by keita
See All by keita
アップロード職業訓練-誰でも使える写真撮影テクニックのコピー.pdf
keita_yoshikawa
0
11
富山デザイン勉強会_私がデザインのために考えていること.pdf
keita_yoshikawa
0
26
富山デザイン勉強会10-読む人を動かす_効果的な文章の書き方.pdf
keita_yoshikawa
2
70
富山デザイン勉強会_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
89
富山デザイン勉強会_デザイナー経験ゼロからデザイン職に就く方法.pdf
keita_yoshikawa
0
58
富山デザイン勉強会_キャッチコピーの作り方.pdf
keita_yoshikawa
0
32
富山デザイン勉強会_デザインで使うChatGPTとFirefly.pdf
keita_yoshikawa
0
63
富山デザイン勉強会_生成AIを使ったデザイン制作.pdf
keita_yoshikawa
0
51
富山デザイン勉強会_デザイナーに学ぶ企画アイデアの考え方.pdf
keita_yoshikawa
2
95
Other Decks in Design
See All in Design
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
380
(第1回) アーキテクト・テックリード育成講座
masakaya
0
110
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
410
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
470
Slip N Slime - Character Design Ideation
thebogheart
0
340
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
590
開発チームの中心で心理的安全性をつくる、UXデザイナーの問いかけ方
takuto_yonemichi
2
610
Improve a service workshop
mastervicedesign
1
130
最速[要出典]アクセシビリティチェック
magi1125
2
130
Yahoo Newsletter Clicker Template
xuechunwu
0
300
美しいUIを作るために デザイナーが意識している ちょっとした考え方
yuichi_hara7
51
33k
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
1.5k
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
169
14k
Visualization
eitanlees
146
15k
Making Projects Easy
brettharned
116
5.9k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
48
2.2k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
2
290
Building Flexible Design Systems
yeseniaperezcruz
327
38k
Unsuck your backbone
ammeep
669
57k
Building Adaptive Systems
keathley
38
2.3k
The Language of Interfaces
destraynor
154
24k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.4k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.7k
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