Showing posts with label composite. Show all posts
Showing posts with label composite. Show all posts

Saturday, May 1, 2010

Reaction 2.5D Relighting with Toxik



Toxik 의 Reaction 툴을 사용하여 relighting 하는 방법입니다.

기본적인 워크플로우는 AREA 에 있는 튜토리얼 영상을 참고했습니다.
기초적인 톡식 사용법은 생략합니다.
아래 튜토리얼에 나오는 화면 모양은 기본세팅과 다를 수 있으니 문의사항 있을시 댓글로 남겨주세요.


1. 씬을 준비합니다. VRay에서 멀티패스 EXR 파일로 랜더링 한 이미지입니다.



2. EXR 파일을 불러올 때는 Ctrl + I 를 눌러 파일브라우저에서 해당 파일을 우클릭 한 후 Import All Channels 를 선택해서 불러옵니다.


더블클릭 해 보면 아래와 같이 몇가지 패스로 나뉘어져 있습니다. 여기서 필요한 패스는 Normal 패스입니다.



3. Reaction 툴을 하나 만듭니다. 배경으로는 원하는 이미지를 연결하면 되는데 여기서는 원래 랜더링시 사용한 배경을 그대로 가져다 썼습니다.



4. Reaction 탭에서 Bicubic 이 선택된 상태에서 Create 를 눌러 레이어 하나를 만듭니다. 레이어 이름은 Room 으로 바꿨습니다.
Reaction 툴에 새로운 input 이 하나 생겼습니다.



5. 새로 생긴 input 에 랜더이미지를 연결합니다. 여기서는 sRGB 로 변환된 RGBa 랜더이미지입니다.
레이어 리스트에 소스 1의 프록시 이미지가 랜더이미지로 바뀌었습니다.



6. 다시 레이어 하나를 추가합니다. Create 버튼을 누르고 이번에는 노말패스를 연결합니다.



7. 스키매틱 뷰에서 Reaction 툴을 더블클릭 하여 그룹스키매틱으로 들어갑니다. 연결된 내용들이 어지럽게 얽혀 있습니다.



8. 아래 그림처럼 노드를 정리해 줍니다. 노말패스는 연결된 노드들을 다 정리해 버립니다.(노말패스 이미지는 맵으로만 사용될 예정이므로)



9. Light 탭으로 가서 조명 하나를 추가합니다. 리스트에 라이트 하나가 생겼고, 그룹 스키매틱 뷰에도 조명 하나가 보입니다.



10. Room 레이어에 연결된 Material(1) 노드를 클릭합니다. Main image 에는 interior 맵소스가 연결되어 있습니다.
하단 UI의 Material 탭에서 Shader 를 None 에서 Standard 로 변경합니다.



11. Material(1) 노드의 범프이미지에 노말패스를 연결합니다.



12. 플레이어에서 우클릭 하여 Display 모드를 Tool Output 으로 설정한 다음 View From 메뉴에서 Perspective 를 선택합니다.
키보드 Q, W, E 키를 누른 채 플레이어 뷰포트를 드래그 하여 3D 공간을 Navigate 할 수 있습니다.
조명을 선택하고 위치를 옮겨봅니다.



13. 맨 하단에 있는 Display Preset List 를 클릭하여 Build Reaction 으로 변경합니다. 왼쪽 패널에는 플레이어뷰의 툴아웃풋을, 오른쪽 패널에는 플레이어뷰의 컴포지션 아웃풋을 보도록 설정해 놓은 상태입니다.



14. 조명의 위치를 옮겨 화면에 보이는 셰이딩의 변화를 살펴봅니다.



15. 다시 Edit Composition 프리셋으로 변경 (단축키 키패드3) 합니다.



16. Blend & Comp 툴을 연결하여 원래의 랜더이미지에 배경을 넣었습니다.



17. 다시 Blend & Comp 하나를 추가하여 Back 에는 위에서 배경을 넣은 원래 랜더이미지를, Front 에는 Reaction 으로 만든 이미지를 연결합니다. 블랜드 모드를 Screen 으로 설정하고 opacity 값을 조절합니다.



18. Output 탭에서 원하는 포맷과 Time 을 설정하고 랜더.

Wednesday, April 28, 2010

Toxik 에서 피사계심도 및 블룸,색수차 효과내기


| Toxik Study

 
이미 많은 툴에서 기본으로 제공하는 피사계 심도 효과를 만드는 법입니다.

Autodesk Composite(이하 톡식) 에서도 역시 이 기능을 사용할 수 있습니다.

톡식은 Autodesk 3dsMax(2011) 과 Maya(2010,2011)에 포함되어 있으며,

톡식의 기본적인 사용법은 생략합니다.

각 이미지는 클릭하면 커집니다.


1. 3D 로 랜더링 된 이미지를 준비합니다.

아래 이미지는 VRay를 사용하여 OpenEXR 파일로 랜더링 된 이미지로서 RGB 와 Zdepth 패스를 함께 가지고 있습니다.




2. Channels Tools의 Extract 를 사용해서 Zdeph의 채널을 확인해 봅니다. alpha채널에 depth 가 들어가 있는 것을 확인할 수 있습니다. (이미지의 view alpha 툴은 channel 카테고리의 Extract 툴입니다)




3.Tools 탭의 Filtering 카테고리에서 Blur 툴을 드래그 해서 임포트한 이미지에 연결합니다. (이미지에는 depth blur로 나오는데 이름을 우측 하단의 툴옵션에서 수정한 것이며, 툴의 이름은 Blur 입니다)

블러 툴의 인풋이미지에는 랜더이미지의 RGB 채널을, 모듈레이션이미지 탭에는 랜더이미지의 Zdepth 채널을 각각 연결합니다.

즉 Zdepth 채널이 블러툴의 모듈이미지로 사용되었습니다.

blur 툴을 선택하고 Modulation 탭을 열어서 X Radius 값을 15 정도로 설정합니다. 그리고 channel을 Alpha로 설정합니다.

그리고 포커스가 맞을 위치를 지정하기 위해서 offset 에 있는 스포이트 아이콘을 클릭해서 포커스가 맞을 위치를 클릭합니다.

수치가 0.65로 입력이 되면서 해당 위치에만 촛점이 맞고 나머지 영역에 블러가 적용됩니다.


간단하게 피사계심도 효과를 흉내냈습니다.



4. 이번에는 오브젝트에 반사광을 가지고 있는 랜더링 이미지를 불러왔습니다.

마찬가지로 RGB채널과 Zdepth 두 패스가 들어있는 EXR 파일입니다. 

 


5. 이번에는 Blur 툴을 사용하지 않고 Lens Blur 툴을 사용해 봅니다.

Tools 탭의 Filtering 카테고리에서 Lens Blur 툴을 연결합니다.

역시 Lens blur 툴의 input image 에는 랜더링된 이미지의 RGB 채널을, 

Modulation Image 에는 Zdepth 채널을 각각 연결해 줍니다.

마찬가지로 Modulatin 탭으로 간 다음 Radius 와 Channel, offset 을 각각 설정해 줍니다.




6. 그 다음엔 Lens Blur 탭으로 가서 Flares 를 설정해 봅니다. 

우선 Intensity 값을 높이면 그 아래 옵션들이 활성화 됩니다. Radius 값을 크게 높여 봅니다.

반사광 부분에서 streak 이 생깁니다. 빛줄기 갯수랑 세기를 조절해 볼 수 있습니다.




7. 이번에는 Bloom 수치도 높여봅니다. Gain 과 Threshold 를 적당히 조절해 봅니다. 

밝은 반사광 주위에 블룸 효과가 나타납니다.




8. 이번에는 Radial Aberration 값을 높여봅니다. 

색수차가 나타났습니다.






끝.

Monday, April 26, 2010

Composite (Toxik) 에서 Anaglyph 이미지 만들기


| Toxik Study

 
 
우선 앞의 튜토리얼 (http://maxwellsandy.blogspot.com/2010/04/vraystereoscopic-physicalcamera.html) 에서 이어집니다.
 
Side by Side 방식으로 랜더링 한 이미지를 Stereoscopic Player 가 아닌 일반 플레이어에서 보려면 하나로 합쳐줘야 합니다.
 
대부분의 합성툴에서 가능하겠지만 Autodesk Composite (이하 Toxik) 에서 합치는 법을 설명합니다.
 
기본적인 사항은 아래 링크의 동영상에서 확인할 수 있습니다만 이해를 돕기 위해 스크린샷 과 설명을 조금 첨부합니다. (각 이미지들은 클릭하면 커집니다)
 
http://download.autodesk.com/us/3dsmaxproducts/Movies/HTM-MAT_anaglyph-comptox.html
 
 
 
1. 톡식을 실행합니다.

 
 

2.  단축키 Ctrl + I  를 눌러서 불러올 이미지가 있는 폴더를 좌측창에서, 불러올 파일을 우측창에서 선택합니다.


 

3. 불러올 이미지를 선택하고 Import 버튼을 누르거나 혹은 드래그하여 스키매틱뷰(왼쪽 빈창)로 드롭하면 아래와 같이 톡식에서 사용하는 composite 파일을 만들 경로를 물어봅니다.
 
적당한 경로를 찾아서 이름을 지정하고 Create 버튼을 누릅니다.


 

4. 이미지가 output노드에 연결된 채 불러와 졌습니다.
 
클릭 해 보면 우측 플레이어창에서 해당 이미지가 나타나고, 아래쪽에 이미지의 경로 및 해상도가 표시됩니다.
 
(참고로 아래 그림에서는 스키매틱뷰의 연결방식 옵션을 기본값인 좌->우 에서 상->하로 변경해 놨기 때문에 각 노드의 입력탭과 출력탭 부분의 방향이 기본상태와는 다릅니다. 기본적으로는 각 노드의 좌측에 입력탭, 우측에 출력탭입니다만, 이 경우는 위쪽이 입력, 아래쪽이 출력으로 되어 있습니다)


 

5. ~ 키나 마우스 가운데버튼을 클릭하여 Gate UI (나침반모양) 를 엽니다. 그 상태에서 마우스를 오른쪽으로 밀어줍니다. (이 동작을 Swipe 라고 합니다)

 
 

6. 오른쪽에 Tool 메뉴가 나타납니다. 여기서 마우스를 왼쪽으로 치우면 이 메뉴가 사라지는데, 이 때는 다시 5의 과정을 수행합니다.
 
툴 메뉴에서 Formatting 을 클릭하면 아래에 서브메뉴가 펼쳐지는데, 여기서 crop을 선택합니다.

 
 

7. crop을 드래그 하여 아래 그림처럼 두 노드 사이의 커넥션(라인) 위로 드롭합니다.

 
 

8.자동으로 crop이 노드 가운데 연결이 되었습니다. 잘못 드롭하여 자동으로 연결이 안되었으면 수동으로 연결해 줍니다.
 
우측의 플레이어 창에 빨간색으로 격자가 표시되면 오른쪽 이미지는 잘라내고 왼쪽만 남기기 위해서 오른쪽 끝의 빨간 점을 드래그하여 가운데 쪽으로 모아줍니다. 하단의 Crop UI에서 right 값을 800으로 맞춰줍니다.

 
 

9. 이번엔 같은 방법으로 Formatting 서브메뉴인 Resize 를 연결합니다.
 
가로 800, 세로 600으로 설정하고 fit to source 버튼을 클릭해 준 다음, Center 버튼을 눌러 켜줍니다. 이미지가 가운데로 정렬이 되었습니다.

 
 

10. Crop과 Resize를 아래 그림처럼 빈곳에서 드래그 하여 함께 선택을 한 다음 복사를 합니다. 선택할 때는 Ctrl 키를 누르고 하나씩 클릭을 해도 됩니다.
 
Ctrl + C 를 눌러 복사를 한 다음 Ctrl + V 를 눌러 빈 곳에다 붙여넣기 합니다.

 


11. 아래 그림처럼 Crop 과 Resize 가 하나씩 더 생성이 되었습니다. Crop의 input탭에서 불러온 이미지의 output탭으로 노드를 연결해 줍니다.

 
 

12. 새로 만들어진 crop 을 클릭해서 이번에는 오른쪽 이미지만 남기고 왼쪽을 잘라냅니다.
 
방법은 마찬가지로 Left 를 0에서 800, right 를 800에서 0으로 바꿔주면 됩니다.

 
 

13. 다시 새로 만들어진 Resize (2) 로 가서 Fit to Source 버튼을 한번 더 클릭 해 줍니다. (참고로 노드의 이름은 tool UI의 맨 오른쪽 하단에 있는 Name 을 클릭하고 이름을 바꾸면 됩니다)

 
 

14. 다시 Gate UI 를 열어서 오른쪽으로 swipe를 한 다음, 이번에는 Pixel Expressions 에서 PXL 을 선택합니다.

 
 

15. 왼쪽 이미지만 남겨져 있는 첫번째 Resize 노드 아래에 드롭을 하여 연결을 합니다.
 
그리고 연결이 된 상태에서 Load 버튼을 눌러 Stereo Anaglyph 를 선택합니다.

 
 

16. 그림처럼 플레이어가 빨간색으로 바뀝니다.

 
 

17. Stereo Anaglyph 노드의 두번째 입력(right image)탭을 Resize(2) 노드에 연결합니다.
 
그리고 Method 를 2 로 변경합니다. Method는 3가지가 있는데 1은 흑백, 2는 컬러, 3은 cross-eyed 형태로 만들어 줍니다.

 
 

18. 이제 합쳐진 이미지를 내보내야겠습니다.
 
output노드를 클릭하여 해상도를 800, 600 으로 변경하고 프레임을 설정합니다. 이 경우 단일 이미지였으므로 1프레임만 내보내면 됩니다.

 
 

19. Render 탭에서 원하는 출력포맷을 설정합니다.

 
 

20.랜더링을 하기 위해 단축키 Alt + R 을 누릅니다. 랜더창이 나오고, 경로 및 랜더포맷 정보 등이 나옵니다. 백그라운드랜더도 설정할 수 있습니다. 끝났으면 Start 버튼을 눌러 랜더링 과정을 완료합니다.

 
 
끝.
 
 
 
이미지가 많아서 복잡해 보일 수 있으나 실제로 매우 간단한 과정입니다.
 
저도 toxik을 이제 익히기 시작했으므로 보다 상세한 사항은 매뉴얼을 참고하세요~

Toxik Multi-passes Compositing EX1 - 부분 패스 이펙트


| Toxik Study

1. multilayered exr 파일을 Import

 
 
 
2. 레이어 구분을 쉽게 하기 위해 pass through 툴을 이용해서 해당 레이어만 분리

 
 
 
3. Blend & Comp 툴 추가
 
Blend 모드는 Difference 로 함.
Nuke에서는 Minus 모드가 있으나 톡식에는 Minus 모드는 없는 듯 함.
Math Ops 에서 subtract 를 쓰면 유사하게 되지만 잘 안되는 수도 있음. (미확인)
 
 
 
 
4. Self Illuminate 패스에만 Glow 적용
 
 
 
5. Blend & Comp 툴로 다시 합쳐줌