환영합니다
저번 강의에서는 UV 매핑 과정과 UV의 개념에 대해
다뤘습니다
어떻게 UV에 multiplication(곱하기)를 사용하는지도 살펴보았습니다
이것이 지금까지 배운 것들입니다
Multiply 노드를 사용함으로 U와 V를 같이 타일링할 수 있습니다
값을 다시 1로 설정하여 패턴이 반복적이지 않도록 합니다
하지만 작업하고 싶은 부분이 더 있습니다
U와 V를 같이 작업하지 않고 따로 조정하고 싶습니다
어떻게 할 수 있을까요?
그러기 위해서 노드가 하나 더 필요합니다
컴포넌트 마스크입니다
우리가 하려는 것을 정리해 봅시다
축들을 독립적으로 타일링하고 싶습니다
U와 V를 독립적으로 제어하고 싶습니다
컴포넌트 마스크를 사용해서 말입니다
이것을 사용하면 가능합니다
머티리얼 그래프 안에서 컴포넌트 마스크는 이렇게 보입니다
그리고 텍스처 좌표를 컴포넌트 마스크에 플러그 했는데 여기 R, G라고 써있습니다
무엇이 출력될까요?
U와 V가 출력됩니다
헷갈릴 수 있습니다
R과 G라고 써있으면
레드와 그린 채널을 의미하는 것 아닐까요?
이것이 머티리얼 그래프에서 헷갈리는 부분입니다
컴포넌트 마스크에서 출력되는 것은 무엇이 플러그되는지에 달렸습니다
텍스처 좌표를 플러그했다면 출력되는 결과는
UV일 것입니다
만약 예를 들어 텍스처 샘플을 플러그하여 RGB를 플러그한다고 가정하면
출력되는 결과는 레드, 그린, 블루 채널일 것입니다
그러니까 컴포넌트 마스크에서 이 이름들은 변동적입니다
어떤 상황에서는 U, V이고 어떤 상황에서는 레드, 그린 채널이기도 합니다
확실히 이해하셔야 하는 개념이며 계속해서 스스로에게
지금 이 컴포넌트 마스크에서 출력되는 값은 무엇인지 질문해야 합니다
이제 컴포넌트 마스크 사용법을 알았으니 U와 V의 값을 같이 받아올 수 있습니다
하지만 우리가 원하는 것은 아닙니다
우리가 원하는 것은 U와 V를 독립적으로 제어하는 것입니다
다른 설정이 필요합니다
텍스트 좌표를 플러그하므로 R 채널만 마스크하고 싶습니다
그러니까 U만 받아오는 것이며 여기서는 G만 마스크 하여
V를 받아옵니다
이 두 출력은 각 U와 V를 따로 출력합니다
이렇게 함으로 U와 V를 독립적으로 받아오고 그것으로
U와 V를 독립적으로 사용할 수 있습니다
그럼 이건 잠시 제쳐두고
오늘의 주요 과제를 시작해 보겠습니다
그래프에 컴포넌트 마스크를 불러오시기 바랍니다
이 노드를 찾을 수 있는지 확인해 보는 것입니다
그리고 텍스처 좌표에서 U와 V를 분리시켜야 합니다
제가 했던 것처럼 말입니다
여러분 스스로 U와 V의 텍스처를 다르게 타일링할 수 있을지 확인해 보겠습니다
지금까지는 U와 V를 같이 타일링했습니다
이번에는 U와 V를 따로 타일링하는 것입니다
U는 7번 타일링하는 것으로 하겠습니다
V는 3번 타일링하는 것으로 합시다
잘 해낼 수 있는지 확인해 보시기 바랍니다
그럼 마지막으로 값들을 다시 UV 소켓에 플러그할 수 있을까요?
그렇게 하면 무슨 일이 생길까요?
뭔가 문제가 있나요?
이유는 무엇일까요?
영상을 멈추고 시도해 보시기 바랍니다
잘하셨습니다
어떠셨나요?
U와 V를 성공적으로 분리하셨나요?
성공하지 못했어도 걱정하지 않으셔도 됩니다
같이 해보겠습니다
분리하기 위해서는 컴포넌트 마스크가 필요합니다
우클릭해서 component mask를 입력해 줍니다
여기 있습니다
R, G라고 써있지만 제가 원하는 것이 아닙니다
U와 V를 분리하고 싶습니다
그래서 그린 채널을 해제하고 텍스처 좌표를 컴포넌트 마스크에 플러그합니다
이 Multiply 노드를 사용할 것이니 이렇게 플러그 해줍니다
좋습니다
이제 U 값이 있습니다
V 값도 필요합니다
같은 작업을 해보겠습니다
우클릭으로 component mask를 입력하여 컴포넌트 마스크를 불러옵니다
아니면 이 노드를 누르고 단축키를 사용해 빠르게 노드를 복제할 수도 있습니다
단축키는 ctrl + D이며 바로 컴포넌트 마스크가 생겼습니다
작업 과정을 더 빠르게 하는 팁입니다
좋습니다
추가로 생성된 컴포넌트 마스크는 지우고 여기에 텍스처 좌표를 플러그 합니다
여기에 R이라고 적혀있으며
그게 첫 번째 값입니다
U입니다
하지만 U를 원치 않습니다
이미 U가 있으니
여기에는 V가 필요합니다
그러므로 레드와 그린 채널을 해제해 줍니다
그린 채널은 다른 숫자로 곱해주고 싶습니다
Multiply로
이 노드를 부를 수 있는 두 가지 방법이 있습니다
첫 번째는 우클릭을 한 다음 multiply를 입력하는 것이고
또 다른 방법은
단축키를 사용하는 것입니다
단축키는 언제나 유용합니다
M을 꾹 누르고 좌클릭을 하면 Multiply를 불러올 수 있습니다
지금까지 다룬 노드들과 마찬가지로 중요한 노드입니다
추가로 생성된 Multiply는 지워주고 V 값을 Multiply에 플러그 해서
곱할 수 있는 다른 숫자를 넣어 보겠습니다
3으로 해보겠습니다
3번 타일이 되기 원하는 것입니다
좋습니다
U와 V 채널이 생겼으나 문제가 있습니다
소켓이 하나밖에 없습니다
어느 것을 UV에 플러그해야 할까요?
모르겠습니다
U 값부터 시도해보겠습니다
곧 바로
패턴이 깨졌습니다
더 이상 작동하지 않습니다
그러면 V를 시도해 보겠습니다
동일한 결과를 얻었습니다
이유가 무엇일까요?
무슨 일이 생긴 걸까요?
무엇이 문제일까요?
이를 고치기 위해선 또 다른 노드가 필요합니다
바로 Append 입니다
왜 필요한 것일까요
분석해 봅시다
컴포넌트 마스크를 사용할 때 텍스처 좌표에서 나오는 값들을
분리시킵니다
U와 V를 분리시킵니다
이제 U와 V를 따로 사용할 수 있지만 텍스처 샘플 노드, 즉 UV 소켓은
두 개의 Float 값을 필요로 하므로 오류가 발생합니다
원하는 값이 아니기 때문입니다
두 Float를 예상하는 소켓에게 하나의 값만 주기 때문인데
두 값을 합칠 수는 없을까요?
방법이 있습니다
Append를 사용하면 됩니다
Append 노드를 사용하여 이 두 값을 append(*합치다) 할 수 있고 그것을 바로 텍스처 샘플에
플러그합니다
그러면 올바른 결과가 나올 것입니다
다시 머티리얼 그래프로 돌아와서 우클릭으로 append vector를 입력합니다
이것은 vector들을 합칠 수 있도록 도와주며 U 값은 A에
V 값은 B에 넣고 출력되는 값은
이렇게 UV로 연결해 주면 바로 패턴이 복구된 것이 보입니다
하지만 좋아 보이지는 않습니다
이 값들을 바꿔보겠습니다
5를 넣어보고 U도 3으로 올려보겠습니다
한결 나아졌습니다
이 강의에서는 컴포넌트 마스크의 사용법과 우리가 원하는 데이터를 분리시키는 방법에 대해
다뤘습니다
우리가 배운 텍스처 좌표의 도움으로 U와 V를 독립적으로 분리하였고
Append로 두 분리된 값들을 다시 합쳐서 다시
UV 소켓에 플로그하여 올바른 데이터를 출력했습니다
좋습니다
진행을 위해 꽤 중요한 단계였으며 다음 강의에서 뵙겠습니다