6강 light shadow 기초
TRANSCRIPT
![Page 1: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/1.jpg)
6 강 Light & Shadow
![Page 2: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/2.jpg)
Light 와 Shadow 의 개념
왜 아래 공은 안이쁜가 ?
이쁜데요라고 한다면 할말없다능
![Page 3: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/3.jpg)
난데없이
인물 사진 이쁘게 찍기
깜짝
서프라이즈
![Page 4: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/4.jpg)
• 우선 이쁜 여친이 있어야 함 .• 없으면 좀 슬퍼한 후 , 있다고 상상한다 .
인물사진을 이쁘게 찍으려면 ?
잘 찍은 사진의 조명을 연구해 보자 .
![Page 5: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/5.jpg)
확대해 보자
인물사진을 이쁘게 찍으려면 ?
![Page 6: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/6.jpg)
더 확대해 보자
인물사진을 이쁘게 찍으려면 ?
![Page 7: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/7.jpg)
더더 확대해 보자
인물사진을 이쁘게 찍으려면 ?
![Page 8: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/8.jpg)
• 더더더 확대해 보자
– 조명은 정면으로
– 하이라이트를 위해서는 옆에서 추가
– 아래에서 위로 반사조명
– 그림자를 없애 윤곽을 날린다 .
인물사진을 이쁘게 찍으려면 ?
이것이 기초적인 요령
![Page 9: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/9.jpg)
원하는 의도를 위해 ‘빛’ 을 분석하고 조작하라 .
인물사진을 이쁘게 찍으려면 ?
http://image.popco.net/Review/DCA/Sanyo_Xacti_DSC-C4/quility/qu3.jpg
![Page 10: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/10.jpg)
원하는 의도를 위해 ‘빛’ 을 분석하고 조작하라 .
인물사진 ( 여성 ) 의 기본은 혈색을 돌게 하고 그늘을 없애는 게 기본
똑딱이 카메라의 뷰티샷이 이런 원리에 충실
작품적 의도가 있다면 몰라도… 그래서 흐린 날이 짱
인물사진을 이쁘게 찍으려면 ?
http://www.noteforum.co.kr/temp_review/pl20/output/ui932.jpg
![Page 11: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/11.jpg)
주름을 강조하거나 질감을 강조하면 시 to the 망
인물사진을 이쁘게 찍으려면 ?
![Page 12: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/12.jpg)
문제는 이게 게임에서도 그대로 응용된다는 것
그래서 사진공부가 어느 정도 필요한거여
인물사진을 이쁘게 찍으려면 ?
![Page 13: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/13.jpg)
집에서 찍는 증명사진에도 응용가능
인물사진을 이쁘게 찍으려면 ?
![Page 14: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/14.jpg)
제품사진도 동일한 요령
사진을 이쁘게 찍으려면 ?
![Page 15: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/15.jpg)
그렇지만 그 전에 빛을 알아야 가지고 놀 수 있지 .
사진을 이쁘게 찍으려면 ?
![Page 16: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/16.jpg)
Light 기술
http://www.huevaluechroma.com/011.php
실제 세계의 라이팅 구분
![Page 17: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/17.jpg)
Light 기술
http://www.huevaluechroma.com/011.php
실제 세계의 라이팅 구분
![Page 18: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/18.jpg)
Light 와 Shadow 의 개념
그래서 이게 왜 안 이쁜지 말할 수 있어야 한다고
…… 왜 이게 구리다고 말을 못해 !
![Page 19: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/19.jpg)
디지털 세계의 Light & Shadow잠깐 쉬어주고 .
의 독특한 세계 맛보기
![Page 20: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/20.jpg)
디지털 세계의 Light 기본 개념 퀴즈 어느 게 더 밝을까아요 ?
Point Light
![Page 21: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/21.jpg)
Light & Shadow 의 기본개념 3 가지의 라이트
Omni Light (Point Light) Spot Light Directional Light
어떤 게 가장 무거울까요 ?
![Page 22: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/22.jpg)
Vector
벡터가 뭐지 ?
라틴어인 'vectus' 에서 온 말 vehere( 나르다 )+tus+or : 날라지는 것 .
모든 물리량은 벡터 (vector) 와 스칼라 (scalar) 량으로 구분된다 . 스칼라량 : 질량 , 길이와 같이 크기만을 갖는 물리량 벡터량 : 힘 , 가속도 , 속도와 같이 크기와 방향을 갖는 물리량
![Page 23: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/23.jpg)
Vector
벡터도 float 으로 나타낼 수 있을까 ?
(0.0,0.0)
(0.5,0,4)
(0.4,0.6)
(9.0,1.0)
두 개의 벡터의 관계는 ?
![Page 24: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/24.jpg)
Vector
3 차원 벡터는 ?
(0.0,0.0)
(0.4,0,5,0.2)
(0.6,0.4,0.2)
(1.0,0.9,0.4)
2 차원 벡터는 float23 차원 벡터는 float3
![Page 25: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/25.jpg)
Light & Shadow 의 기본개념 라이트와 그림자
![Page 26: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/26.jpg)
Light & Shadow 의 기본개념 라이트와 그림자
![Page 27: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/27.jpg)
Light & Shadow 의 기본개념 라이트와 그림자
![Page 28: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/28.jpg)
Light & Shadow 의 기본개념 반투명 오브젝트는 ?
![Page 29: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/29.jpg)
Light & Shadow 의 기본개념 반투명 오브젝트는 ?
그림자를 연하게 할까 ? 그림자를 없앨까 ? 보통 어떻게 하고 있다고 생각합니까 ?
![Page 30: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/30.jpg)
Light & Shadow 의 기본개념 이런 경우에는 어떻게 되어야 할까 ??
?
![Page 31: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/31.jpg)
Light & Shadow 의 기본개념 ??? 무슨 일이 일어난 걸까 ?
![Page 32: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/32.jpg)
Light & Shadow 의 기본개념 Self-Shadow
![Page 33: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/33.jpg)
LIGHT 기술본격적인 조명공부
![Page 34: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/34.jpg)
다시 말해서 왜 아래 공은 안이쁜…
…..
![Page 35: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/35.jpg)
Light 기술 디지털 세계의 라이팅 흉내내기 기술들 기본 라이팅
Diffuse Light Ambient Light Specular light
![Page 36: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/36.jpg)
Light 기술 디지털 세계의 라이팅 기술구현
Diffuse Light
![Page 37: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/37.jpg)
Light 기술 디지털 세계의 라이팅 기술구현
Ambient Light ?
![Page 38: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/38.jpg)
Light 기술 Ambient Light
“ 당신의 책상 밑을 보세요” 맑은 날 아파트의 그림자
색상은 뭘까요
![Page 39: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/39.jpg)
Light 기술 Ambient Light
“ 당신의 책상 밑을 보세요” 맑은 날 아파트의 그림자
색상은 뭘까요
![Page 40: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/40.jpg)
Light 기술 디지털 세계의 라이팅 기술구현
Ambient Light
![Page 41: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/41.jpg)
Light 기술 디지털 세계의 라이팅 기술구현
Specular light
![Page 42: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/42.jpg)
그럼 이젠 이쁘냐 ?
…..
![Page 43: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/43.jpg)
Light 기술 고급 라이트 / 그림자 기술
레이트레이스 (Ray-trace) 라디오시티 (Radiosity) / GI (Global illumination)
버텍스 베이킹 포톤맵에 의한 라디오시티 (LightMap)
엠비언트 오클루젼 (SSAO) 림 라이트 (Rim light) 소프트 쉐도우
![Page 44: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/44.jpg)
Ray-trace 실시간 레이트레이싱 (Ray-tracing) : 광선 추적법
http://www.gamespot.com/pages/forums/show_msgs.php?topic_id=26598639&page=1
![Page 45: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/45.jpg)
Ray-trace 실시간 레이트레이싱 (Ray-tracing) : 광선 추적법
카메라에서 빛을 쏘아 경로를 추척하는 방식 실시간에서 사용 불가 ( 최근에는 사용하기 시작 ) 완벽한 그림자 . 완벽한 반투명 그림자 . 완벽한 반사 . 심각한 시간
![Page 46: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/46.jpg)
Light 기술 레이트레이싱 (Ray-tracing)
http://www.gamespot.com/pages/forums/show_msgs.php?topic_id=26598639&page=1
![Page 47: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/47.jpg)
Radiosity
라디오시티 (Radiosity) 글로벌 일루미네이션 (GI : Global Illumination)
![Page 48: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/48.jpg)
Radiosity
라디오시티 (Radiosity) 글로벌 일루미네이션 (GI : Global Illumination)
![Page 49: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/49.jpg)
Radiosity 라디오시티 (Radiosity)
/ GI (Global illumination) 3D MAX 에 내장되어 있음 . 심지어 게임에서도 쓸 수 있음 . Baking ?
![Page 50: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/50.jpg)
Light 기술
http://chulin28ho.egloos.com/5374833
* 터레인에서 버텍스 칼라를 쓰고 있면 사용불가
![Page 51: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/51.jpg)
![Page 52: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/52.jpg)
LightMap
라이트맵 조명 효과들을 텍스쳐로 구워버림 맥스에서는 렌더 투 텍스쳐
![Page 53: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/53.jpg)
LightMap
![Page 54: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/54.jpg)
LightMap
![Page 55: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/55.jpg)
SSAO SSAO (Screen Space Ambient Occlusion)
원문 : http://wiki.gamedev.net/index.php/D3DBook:Screen_Space_Ambient_Occlusion
http://chulin28ho.egloos.com/5582062 http://chulin28ho.egloos.com/5581755 : 비공개 게시물 . 강의때만 볼 수 있음 .
![Page 56: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/56.jpg)
SSAO
SSAO
![Page 57: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/57.jpg)
SSAO
SSAO
![Page 58: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/58.jpg)
SSAO
SSAO
![Page 59: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/59.jpg)
Rim Light
Rim Lighthttp://whdwn714.blog.me/106670553
![Page 60: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/60.jpg)
Light 기술 Rim Light
![Page 61: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/61.jpg)
Light 기술 Rim Light
![Page 62: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/62.jpg)
Light 기술 Rim Light
![Page 63: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/63.jpg)
Soft Shadow
Soft Shadow 여러 번 샘플링 … 간단 안티 알리아싱
개념의 필터링
![Page 64: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/64.jpg)
LIGHT 와 SHADOWLight 기술과 Shadow 실제 사용 정리
![Page 65: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/65.jpg)
Light / Shadow 기술정리 동적 라이팅 (Dynamic Lighting) 동적 그림자
정적 라이팅 (Static Lighting) 정적 그림자
![Page 66: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/66.jpg)
Light 기술출처 : 니시카와 젠지의 3D 게임 그래픽스
![Page 67: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/67.jpg)
Light 기술구워 놓은 것 ( 정적 ) 인 것과 굽지 않고 실시간으로 돌아가는 것 ( 동적 )사이의 편차는 크다 .
![Page 68: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/68.jpg)
동적 Light 기술
마비노기 2. 동적 환경 라이트
![Page 69: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/69.jpg)
Light 기술
![Page 70: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/70.jpg)
Light 기술
http://portsnake.tistory.com/entry/bh5-1http://portsnake.tistory.com/entry/bh52
정점 칼라만의 화면
![Page 71: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/71.jpg)
Light 기술정점 칼라와 라이트 맵
![Page 72: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/72.jpg)
Light 기술정점 칼라와 라이트 맵에 , 동적그림자
![Page 73: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/73.jpg)
Light 기술최종 화면
![Page 74: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/74.jpg)
Light 기술동적 생성그림자를 캔슬
![Page 75: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/75.jpg)
Light 기술
![Page 76: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/76.jpg)
Light 기술개발시의 MT 프레임워크의 툴 상에서 큐브 맵 (6 면체 구조의 전방위 texture 구조로 설정되어 영향 범위에 들어간 3D 오브젝트에 대해서 전방위 6 방향에서의 환경빛이 주어지는 형태가 되어 있다 . 큐브 맵 자체는 그 씬에게 줄 수 있었던 동적 및 정적인 광원으로부터의 영향을 , 성실하게 대국 조명 계산을 행해 사전 계산해 작성해 두는 것이 기본이 된다 ( 디자이너가 손수 만든 큐브 맵에서도 상관없지만 ).
![Page 77: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/77.jpg)
Light 기술
![Page 78: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/78.jpg)
Light 기술
![Page 79: 6강 light shadow 기초](https://reader030.vdocuments.mx/reader030/viewer/2022012401/558a5bbad8b42aa21b8b461d/html5/thumbnails/79.jpg)
다음 시간에는 직접 빛을 다뤄봅시다쉬운 강의라고 한 적 없다 .
수고하셨삼