19. ์–ธ๋ฆฌ์–ผ ์•ˆ๊ฐœ (feat. ์ต์Šคํฌ๋„จ์…œ ํ•˜์ดํŠธ ํฌ๊ทธ, exponential height fog, ์•ˆ๊ฐœ ์ƒ‰ ๋ณ€๊ฒฝ, fog density, height falloff up)

2021. 11. 18. 15:22ยท[3D & 2D ๊ทธ๋ž˜ํ”ฝ์Šค]/์–ธ๋ฆฌ์–ผ_์ž…๋ฌธ
728x90
๋ฐ˜์‘ํ˜•

์š”์•ฝ (ํ˜น์€ ์ฒดํฌ๋ฆฌ์ŠคํŠธ) 

์˜์˜
'exponential' 'height' ๊ฐ€ ๊ฐ๊ฐ ๋ฌด์—‡์„ ์˜๋ฏธํ•˜๋Š”์ง€๋Š” ๋ชจ๋ฅด๊ฒ ์Œ. 

ํ™œ์šฉ๋ฐฉ์•ˆ 
1. ์ง€์ƒ vs ํ•˜๋Š˜ ์ค‘ ์–ด๋А๊ณณ์— ๋ฎ์„ ๊ฒƒ ์ธ์ง€ 
2. ์ € ๋ฉ€๋ฆฌ ๊ณต๊ฐ„๊ฐ, ๊นŠ์ด๊ฐ์„ ์ฃผ๋Š” ์šฉ๋„๋กœ๋งŒ ์‚ฌ์šฉํ•  ๊ฒƒ ์ธ์ง€ vs ์ „๋ฉด์ ์œผ๋กœ ๋А๊ปด์ง€๊ฒŒ ํ•  ๊ฒƒ ์ธ์ง€. > ๊ทธ์— ๋”ฐ๋ผ์„œ, '์•ˆ๊ฐœ๊ฐ€ ๋“ฑ์žฅํ•  ์ˆ˜ ๋ฐ–์— ์—†๋Š” ์‹œ๊ฐ„๋Œ€ ๋ฐ ํ™˜๊ฒฝ ์„ค์ •' ์ด ํ•„์š”ํ•  ์ˆ˜๋„. 
3. ๋น›์ด ์ฐฌ๋ž€ํ•œ ๋А๋‚Œ์„ ์ฃผ๊ณ  ์‹ถ๋‹ค๋ฉด > directional inscattering - exponent down + ๋ฉ”์ธ directional light intensity - up โญโญโญโญโญ  > 'ํƒœ์–‘' ์ด ๋ณด์ด๊ฒŒ ํ•˜๊ณ , ๋ช…๋„ ๋Œ€๋น„๊ฐ€ ์žˆ๋Š” ํ•˜๋Š˜์„ ํ‘œํ˜„ํ•  ์ˆ˜ ์žˆ์Œ.


์…‹ํŒ… ์ฒดํฌ ๋ฆฌ์ŠคํŠธ 
1. desity ๋“œ๋ž˜๊ทธ ์ž…๋ ฅ์€ 0.05 ์ตœ๋Œ€ / ํ‚ค๋ณด๋“œ ์ž…๋ ฅ์€ ๊ทธ ์ด์ƒ๋„ ๊ฐ€๋Šฅ
2. fog height falloff
3. fog inscattering color 
4. start distance
5. 
6. directional inscattering - exponent 
7. directional inscattering - start distance
8. directional inscattering - color

 


์ƒ์„ธ ์„ค๋ช…

- ์•ˆ๊ฐœ์˜ ์ค‘์š”์„ฑ 

์•ˆ๊ฐœ ํ•˜๋‚˜๋กœ > ๋ถ„์œ„๊ธฐ๊ฐ€ ํ™• ๋ฐ”๋€œ

 

- ์•ˆ๊ฐœ ์…‹ํŒ… 

@์•กํ„ฐ ๋ฐฐ์น˜ ํŒจ๋„ > ์ต์Šคํฌ๋„จ์…œ ํ•˜์ดํŠธ ํฌ๊ทธ(exponential height fog) > ๋“œ๋ž˜๊ทธ ๋ฐฐ์น˜ 

 

- ์•ˆ๊ฐœ ์—ญํ• (ํšจ๊ณผ)

์ง€์ƒ ์ „๋ฐ˜์— ํผ์ง > ๊ณต๊ฐ„๊ฐ, ๊นŠ์ด๊ฐ์„ ์คŒ (๋ฉ€๋ฆฌ ์žˆ๋Š”๊ฑด, ๋ฉ€๋ฆฌ ์žˆ๋‹ค, ๋ผ๊ณ  ๋А๋ผ๊ฒŒ ํ•ด์คŒ) (์ด๊ฒŒ ์—†์œผ๋ฉด, ๊ฐ€๊นŒ์ด ์žˆ๋Š”๊ฑด์ง€ ๋ญ”์ง€ ๋ชจ๋ฅธ๋‹ค.) 

์‹ ๋น„๋กœ์šด ๋А๋‚Œ์„ ์คŒ 

โญ ์ € ๋ฉ€๋ฆฌ ๋ญ”๊ฐ€ ๊ณต๊ฐ„์ด ๊ตฌ์„ฑ๋˜์–ด ์žˆ์„ ๊ฒƒ ๊ฐ™์€ ๋А๋‚Œ์„ ์คŒ 

 

 

 

fog density ๋Š” 1) ๋“œ๋ž˜๊ทธ๋Š” 0.05 ๊ฐ€ ์ตœ๋Œ€ 
2) ์ž…๋ ฅํ•˜๋ฉด 0.5, 1, ๋„ ๊ฐ€๋Šฅ

 

 

fog height falloff up > ์•ˆ๊ฐœ๋ฅผ ์ง€๋ฉด์— (ex__๋ฌผ์•ˆ๊ฐœ! ๋ฅผ ํ‘œํ˜„ํ•  ์ˆ˜ ์žˆ์Œ!) 

fog height falloff down > ์•ˆ๊ฐœ๋ฅผ ํ•˜๋Š˜์— 

 

*fog inscattering color 

๋…ธ๋ž€์ƒ‰ > ํ…ํ…, ๋‹ต๋‹ต, ๋ฏธ์„ธ๋จผ์ง€

์ฒญ๋ก์ƒ‰ > ์‹ ๋น„๋กœ์šด 

๋ณด๋ผ, ํ•‘ํฌ > ๊ฐ€์ƒํ˜„์‹ค ์‹ ๋น„๋กœ์šด ์ˆฒ. 

ํ‘ธ๋ฅธ์ƒ‰ > ์ฒญ๋ ด ๊น”๋” (๊ณต๊ฐ„๊ฐ ๋‚ด๊ธฐ์— ๋ณดํŽธ์ ) 

 

 

*start distance

์•ˆ๊ฐœ์˜ ์‹œ์ž‘์ง€์ ์„ ์„ค์ • > ํ”Œ๋ ˆ์ด์–ด์˜ ๊ฐ€์‹œ๊ฑฐ๋ฆฌ๋ฅผ ์กฐ์ ˆ

 

- ํ™œ์šฉ๋ฒ• 

1. ์•ˆ๊ฐœ๋ฅผ ๋•… vs ํ•˜๋Š˜ ์–ด๋А ๊ณณ์— ์žˆ๊ฒŒ ํ• ์ง€ ๊ฒฐ์ • 

if ์‹ค์‚ฌ > ํ•˜๋Š˜์„ ๋ณด์ด๊ฒŒ ํ•˜๋Š”๊ฒƒ๋„ 

if ์‹ ๋น„๋กญ๊ฒŒ ํ•˜๋ ค๋ฉด > ์™„์ „ํžˆ ํ•˜๋Š˜์„ ๋ฎ๋Š” ๊ฒƒ๋„. ๋ฏธ์ง€์˜ ๊ณต๊ฐ„. ํ˜ธ๊ธฐ์‹ฌ์ด ์ƒ๊น€. 

 

 

- โญ directional inscattering

*directional inscattering down > ๋น› ์‚ฐ๋ž€ up > ์•ฝ๊ฐ„ ๋ฟŒ์˜‡๊ฒŒ ๋จ 

 

 

*directional inscattering up > ๋น› ์‚ฐ๋ž€ down > ํƒœ์–‘์˜ ์œ„์น˜๊ฐ€ ๋ช…๋ฃŒํ•ด์ง

 

*ํƒœ์–‘ ์กด์žฌ ๋ถ€๊ฐ โญโญโญโญโญ 

 

์ถ”๊ฐ€ ์„ค์ •

directional inscattering - up (down ์•„๋‹Œ๊ฐ€?)

๋ฉ”์ธ directional light intensity - up โญ 

 

1. ํƒœ์–‘ ๋ถ€๋ถ„์ด ๊ต‰์žฅํžˆ ๋„๋“œ๋ผ์ง

2. ๋น›์„ ๋ฐ›๋Š” ๋ถ€๋ถ„ vs ๋ฐ›์ง€ ๋ชป ํ•˜๋Š” ๋ถ€๋ถ„์˜ '๋Œ€๋น„ ๋šœ๋ ท'

Cf. '์ด ๊ธธ๋กœ ๋‚˜์•„๊ฐ€๋ผ' ๋ผ๋Š” ๋А๋‚Œ์„ ์ค„ ์ˆ˜๋„ ์žˆ์Œ. 

 

*directional inscattering color

ํƒœ์–‘ ๋ถ€๊ทผ ์ƒ‰์ƒ ๋ณ€๊ฒฝ ๊ฐ€๋Šฅ

 

 

*directional inscattering start distance

'๊ฐ•์กฐํ•˜๊ณ  ์‹ถ์€ ์•ˆ๊ฐœ ๊ตฌ์—ญ' ์ด ์–ด๋””์—์„œ ๋ถ€ํ„ฐ ์‹œ์ž‘ํ•˜๊ฒŒ ํ•  ๊ฒƒ ์ธ๊ฐ€! ๋ฅผ ๊ฒฐ์ • ๐Ÿ”บ 

 

 

- ๋ ˆํผ๋Ÿฐ์Šค ๊ฒ€์ƒ‰ 

fog environment concept art ๊ฒ€์ƒ‰ > ์•ˆ๊ฐœ ํ™œ์šฉ ๋ถ„์„ โญ 

 

ex) fog inscattering color - ์ง™์€ ํŒŒ๋ž‘ / fog density - UP!

EX) fog inscattering color - ๋ถ‰์€์ƒ‰ + ์ฒญ๋…น์ƒ‰ ์˜ ๋Œ€๋น„ / fog density ๋ฐ€๋„๋„ up ํ–ˆ์„ ๊ฒƒ

EX) fog inscattering color - ์ฃผํ™ฉ์ƒ‰ or ๋ถ‰์€ ์ƒ‰ / fog density ๋ฐ€๋„๋„ up ํ–ˆ์„ ๊ฒƒ

https://www.behance.net/gallery/80226971/Misty-Concept-Art

 

 

DJ ํ•„๊ธฐ ๊ฐ€์ด๋“œ 

๐Ÿ“’ ๊ธ€์”จ์ฒด๋Š” ๋ณธ๊ณ ๋”• R

โญ ์žŠ์ง€ ๋ง๊ณ  ํ•  ๊ฒƒ / '์š”๊ฑด - ํšจ๊ณผ' ๋กœ ๊ตฌ๋ถ„๋˜๋Š” ๊ฒƒ๋“ค! 

๐Ÿ›‚ ๋งค์šฐ ์ค‘์š”๋Š” ์•„๋‹ˆ์ง€๋งŒ, ์ฒดํฌ๋Š” ํ•ด๋†”์•ผ ํ•˜๋Š” ๊ฒƒ. (์„ธ๋ชจ ์ •๋„)  

๐Ÿ”บ ์•ฝ๊ฐ„ ์ดํ•ด๊ฐ€ ์• ๋งค๊พธ๋ฆฌ ํ•˜๊ฒŒ ๋œ ๊ฒƒ

โ“ ์งˆ๋ฌธ. ๊ถ๊ธˆํ•œ ๊ฒƒ

โœ… ๋ณต์Šตํ•  ๋•Œ, ํ˜ผ์ž ํ•  ๋•Œ ์ฒดํฌ ๋ฆฌ์ŠคํŠธ. 

 

์ˆ˜์—…์ถœ์ฒ˜ : [ํด๋ž˜์Šค101_์–ธ๋ฆฌ์–ผ์—”์ง„_๋Ÿฌ์…€_๊ธฐ์ดˆ] CH3-7

ํ–ฅํ›„ ์ถ”๊ฐ€ ์˜ˆ์ • ์ž‘์—… : 

 

 

728x90
๋ฐ˜์‘ํ˜•
์ €์ž‘์žํ‘œ์‹œ ๋น„์˜๋ฆฌ ๋ณ€๊ฒฝ๊ธˆ์ง€ (์ƒˆ์ฐฝ์—ด๋ฆผ)

'[3D & 2D ๊ทธ๋ž˜ํ”ฝ์Šค] > ์–ธ๋ฆฌ์–ผ_์ž…๋ฌธ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

21. ์–ธ๋ฆฌ์–ผ ์‹œ์•ผ๊ฐ ์ž…๋ฌธ (Feat. ์šฐํด๋ฆญ + z,c , FOV, focal length, camera boom, socket off)  (2) 2021.11.22
forest ์ž‘์—… ์ง„ํ–‰ ๊ณผ์ • (feat. ๋Ÿฌ์ŽŒ์Œค, ์ˆ˜์—… ํ”ผ๋“œ๋ฐฑ, ์ž‘์—… ๋””๋ฒจ๋กญ)  (0) 2021.11.22
20. ์–ธ๋ฆฌ์–ผ ํฌ์ŠคํŠธ ํ”„๋กœ์„ธ์Šค ๋ณผ๋ฅจ์œผ๋กœ ์ƒ‰๋ณด์ • (feat. ์ปฌ๋Ÿฌ๊ทธ๋ ˆ์ด๋”ฉ, white balance, ๋น„๋„คํŠธ, lens flare,ambient occlusion)  (0) 2021.11.18
18. ์–ธ๋ฆฌ์–ผ ๋ผ์ดํŒ… ์ž…๋ฌธ (feat. light sorce, directional light, skysphere blueprint, sky light)  (0) 2021.11.17
17. ์ž”๋””, ๋‚˜๋ญ‡๊ฐ€์ง€, ๋Œ ํฉ๋ฟŒ๋ฆฌ๊ธฐ (Feat. LOD. ํด๋ฆฌ์ง€. ์ž”๋””, ๋‚˜๋ฌด ๋Œ ๋ฟŒ๋ฆฌ๊ธฐ. ๊ฒŒ์ž„ ์ตœ์ ํ™”)  (0) 2021.11.17
'[3D & 2D ๊ทธ๋ž˜ํ”ฝ์Šค]/์–ธ๋ฆฌ์–ผ_์ž…๋ฌธ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
  • 21. ์–ธ๋ฆฌ์–ผ ์‹œ์•ผ๊ฐ ์ž…๋ฌธ (Feat. ์šฐํด๋ฆญ + z,c , FOV, focal length, camera boom, socket off)
  • forest ์ž‘์—… ์ง„ํ–‰ ๊ณผ์ • (feat. ๋Ÿฌ์ŽŒ์Œค, ์ˆ˜์—… ํ”ผ๋“œ๋ฐฑ, ์ž‘์—… ๋””๋ฒจ๋กญ)
  • 20. ์–ธ๋ฆฌ์–ผ ํฌ์ŠคํŠธ ํ”„๋กœ์„ธ์Šค ๋ณผ๋ฅจ์œผ๋กœ ์ƒ‰๋ณด์ • (feat. ์ปฌ๋Ÿฌ๊ทธ๋ ˆ์ด๋”ฉ, white balance, ๋น„๋„คํŠธ, lens flare,ambient occlusion)
  • 18. ์–ธ๋ฆฌ์–ผ ๋ผ์ดํŒ… ์ž…๋ฌธ (feat. light sorce, directional light, skysphere blueprint, sky light)
๋ถ€์‹œ๋งค๋‚˜_HA
๋ถ€์‹œ๋งค๋‚˜_HA
๐ŸŒ„ ๋งˆ์Œ์ฑ™๊น€ | ๐Ÿฆพ ์—ฐ์Šต | ๐Ÿฑ‍๐Ÿ Creator | ๐Ÿ“š[stackList] Nodejs, React, Three.js, Javascript, Blockchain, Blender, Unreal, Unity, Python, AI prompting
    ๋ฐ˜์‘ํ˜•
    250x250
  • ๋ถ€์‹œ๋งค๋‚˜_HA
    Hello creators ๐Ÿ™Œ
    ๋ถ€์‹œ๋งค๋‚˜_HA
  • ์ „์ฒด
    ์˜ค๋Š˜
    ์–ด์ œ
    • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (221)
      • [ํ”„๋ก ํŠธ์—”๋“œ(FE) ๊ฐœ๋ฐœ] (feat. ์ฃผ๋‹ˆ์–ด) (8)
        • TIL (4)
        • React Hook Form (2)
        • Git (Github, Gitlab) (1)
      • [WEB & AI] (75)
        • Next YTMusic ํด๋ก  ์ฝ”๋”ฉ (with ne.. (0)
        • ํ”„๋ก ํŠธ&๋ฐฑ์—”๋“œ (15)
        • ์ฝ”๋”ฉ์• ํ”Œ (1)
        • JavaScript (0)
        • ์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ_์›น๊ฐœ๋ฐœ์ข…ํ•ฉ๋ฐ˜ (44)
        • ๋ธ”๋ก์ฒด์ธ ๊ฐœ๋ฐœ์ž ๊ณผ์ •_KGA (7)
        • ์•Œ๊ณ ๋ฆฌ์ฆ˜&์ž๋ฃŒ๊ตฌ์กฐ (1)
        • [AI] (0)
        • AI_Art (0)
        • Python (6)
        • [ํšŒ๊ณ ] (1)
      • [3D & 2D ๊ทธ๋ž˜ํ”ฝ์Šค] (133)
        • 2D ์ด๋ฏธ์ง€ (0)
        • ์†๋งต (4)
        • ๋””์ง€ํ„ธ ํŽ˜์ธํŒ… (8)
        • ๋…ธ๋ง๋งต (17)
        • ์–ธ๋ฆฌ์–ผ_์ž…๋ฌธ (43)
        • ์–ธ๋ฆฌ์–ผ_์ค‘๊ธ‰ (12)
        • ์–ธ๋ฆฌ์–ผ_PBL (1)
        • ์”จํฌ๋””, C4D (2)
        • ์„ญ์Šคํ„ด์Šค (18)
        • ๋งฅ์Šค, 3ds Max (19)
        • World Machine (1)
        • ์ง€๋ธŒ๋Ÿฌ์‰ฌ, Zbrush (6)
        • 3D Coat (2)
        • Unity (0)
      • [๊ธฐํƒ€] (3)
        • [E-Book ์ œ์ž‘] (0)
        • ์ธ๋””์ž์ธ(Indesign) (1)
        • [์ค€๋น„๊ณผ์ •] (1)
      • [์ผ์ƒ] (0)
  • ๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

    • ํ™ˆ
    • ํƒœ๊ทธ
    • ๋ฐฉ๋ช…๋ก
  • ๋งํฌ

  • ๊ณต์ง€์‚ฌํ•ญ

  • ์ธ๊ธฐ ๊ธ€

  • ํƒœ๊ทธ

    ์–ธ๋ฆฌ์–ผ ๊ฐ•์ขŒ
    ๋ฉ”ํƒ€๋ฒ„์Šค ๋ฐฐ๊ฒฝ ๊ฐ•์ขŒ
    css
    ์ˆ˜์—… ๋ฆฌ๋ทฐ
    3d ๋งฅ์Šค ์ž…๋ฌธ ๊ฐ•์˜
    3D ๋ชจ๋ธ๋ง ์ž…๋ฌธ
    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ
    ์›น ๊ฐœ๋ฐœ ๊ฐ•์˜
    3d ๋ฐฐ๊ฒฝ ๋””์ž์ธ ๊ฐ•์ขŒ
    JavaScript
    ๋ฐฐ๊ฒฝ ๋ชจ๋ธ๋ง ๊ฐ•์˜
    ์–ธ๋ฆฌ์–ผ 4
    ๊ฐœ๋ฐœ ํšŒ๊ณ 
    ๋ฉ”ํƒ€๋ฒ„์Šค ํฌ๋ฆฌ์—์ดํ„ฐ ์ž…๋ฌธ
    ์›น๊ฐœ๋ฐœ์ข…ํ•ฉ๋ฐ˜
    ๊ฐœ๋ฐœ ์ผ์ง€
    ๊ฐœ๋ฐœ ๊ฐ•์˜ ์ถ”์ฒœ
    3d ๋ฐฐ๊ฒฝ ๋””์ž์ธ ์ž…๋ฌธ
    ๋ฉ”ํƒ€๋ฒ„์Šค ํฌ๋ฆฌ์—์ดํ„ฐ ๊ฐ•์ขŒ
    ๊ฐœ๋ฐœ์ž ๊ธฐ์ดˆ ๊ฐ•์˜ ์ถ”์ฒœ
    3D ๋ชจ๋ธ๋ง ๊ฐ•์˜
    ๊ฐœ๋ฐœ์ž ๊ฐ•์˜ ์ถ”์ฒœ
    3ds Max ๊ฐ•์ขŒ
    3ds Max ์ž…๋ฌธ
    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ์ดˆ
    ๊ฐœ๋ฐœ์ž ์ปค๋ฆฌํ˜๋Ÿผ
    ๋ฉ”ํƒ€๋ฒ„์Šค ๋ฐฐ๊ฒฝ ์ž…๋ฌธ
    ์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ
    ์›น๊ฐœ๋ฐœ์ข…ํ•ฉ๋ฐ˜ ํ›„๊ธฐ
    ์›น ๊ฐœ๋ฐœ ๊ธฐ์ดˆ
  • ์ตœ๊ทผ ๋Œ“๊ธ€

  • ์ตœ๊ทผ ๊ธ€

  • hELLOยท Designed By์ •์ƒ์šฐ.v4.10.3
๋ถ€์‹œ๋งค๋‚˜_HA
19. ์–ธ๋ฆฌ์–ผ ์•ˆ๊ฐœ (feat. ์ต์Šคํฌ๋„จ์…œ ํ•˜์ดํŠธ ํฌ๊ทธ, exponential height fog, ์•ˆ๊ฐœ ์ƒ‰ ๋ณ€๊ฒฝ, fog density, height falloff up)
์ƒ๋‹จ์œผ๋กœ

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”