패브릭 목업

반복 무늬는 원단에 놓이기 전까지는 그림일 뿐입니다. 이것이 바로 그 원단입니다.

반복 가능한 이미지를 놓으세요 — 타탄 도구에서 온 타탄은 자신의 세트와 실제 크기를 그대로 가져오고, 패턴 생성기의 반복 무늬나 망점 타일은 픽셀 그대로 도착합니다 — 그리고 이것이 네 가지로 쓰인 장면 중 하나에서 직조된 원단으로 렌더링됩니다. 의복은 실제 옷을 재단하는 방식대로 센티미터 단위의 평면 패널에서 생성되므로, 입력한 반복 크기가 곧 원단 위의 반복 크기이고, 결은 평면 위 패널의 회전이며, 솔기를 맞춘다는 것은 두 패널을 잇기 전에 나란히 맞추는 일입니다. 의자에 걸친 스로우는 중력 아래 원단 솔버로 안정화되며, 그 결과로 주름과 자가 충돌, 밑단이 만들어집니다. 킬트와 셔츠는 각자의 구성 방식대로 만들어집니다. 모든 원단에는 직조가 있습니다 — 기본값은 타탄 사진 특유의 사선을 만드는 2/2 능직이며, 반복 크기와 무게가 암시하는 실 단위에서 파생되고, 울이라면 광택 대신 은은한 광택을, 그리고 실제 두께가 있는 밑단을 갖습니다.

컨트롤은 두 층으로 되어 있습니다. 첫 번째 층은 여섯 가지이며 장면마다 하나씩 더해집니다: 반복 크기, 결, 원단 무게, 이름이 붙은 라이트, 배경, 그리고 킬트의 플리트 모드나 셔츠의 솔기 맞춤입니다. 원단 무게는 드레이프와 직조 깊이를 함께 움직이는데, 이 둘은 하나의 물리적 사실이기 때문입니다. 전체 컨트롤을 열면 그 아래 깊이가 드러납니다 — 직조 구조, 경사와 위사 강성, 광택과 거칠기, 키 라이트와 필 라이트, 렌즈 — 이곳의 모든 값은 단순 슬라이더가 암시하는 값에 사용자의 조정을 곱한 것이므로, 단순 슬라이더를 움직여도 모든 것이 여전히 함께 움직이고 사용자가 설정한 값은 결코 덮어씌워지지 않습니다. 내보내기는 같은 렌더링에서 나옵니다: 스테이지의 최대 4배 크기 PNG, 루프 전체에 팔레트 하나로 정확히 맞물려 닫히는 GIF 턴테이블, MP4나 WebM, 그리고 드래그로 궤도 회전하며 폴더에서 바로 열리고 네트워크가 필요 없는 인터랙티브 HTML 파일.

소스가 아니라 직접 만든 네 가지 장면

결정적 원단 솔버로 안정화된 암체어 스로우, 드레스폼 위의 킬트, 버튼다운 셔츠, 평평한 스와치 — 각각 센티미터 단위의 패널에서 생성되므로 패턴의 크기가 정직합니다.

세트에 맞춰, 또는 스트라이프에 맞춰 플리트

킬트의 등판은 플리트 전체에 세트를 그대로 드러낼 수도, 선택한 스트라이프 한 줄을 매 플리트 중앙에 둘 수도 있어 앞판과 다르게 보입니다 — 스코틀랜드 사람의 눈이 가장 먼저 찾는 디테일입니다.

원단처럼 보이는 원단

선택한 구조에서 파생된 직조 노멀과 실 그림자, 섬유 노이즈, 플라스틱 하이라이트 대신 울의 은은한 광택, 두께가 있는 밑단 — 대부분의 목업이 놓치는 디테일입니다.

제대로 반복되는 루프, 홀로 서는 파일

GIF와 동영상 턴테이블은 시작 직전 프레임에서 정확히 닫히며, 한 바퀴 전체에 걸쳐 한 번만 양자화됩니다. 인터랙티브 HTML 내보내기는 필요한 모든 것을 담고 있어 네트워크에 접속하지 않습니다.

사용 방법

  1. 패턴 가져오기 반복 가능한 PNG, JPEG 또는 SVG를 스테이지에 놓거나 붙여넣으세요. 또는 타탄 도구에서 타탄을 이곳으로 보내세요. 선택하는 동안 의자에는 샘플 타탄이 놓여 있습니다.
  2. 장면과 원단 고르기 상단 바에서 의자, 킬트, 셔츠, 스와치 중 고르세요. 반복 크기를 센티미터로, 원단 무게를 설정하고 — 킬트에서는 플리트 모드를, 셔츠에서는 솔기를 맞출지를 고르세요.
  3. 조명을 비추고 돌리기 이름이 붙은 라이트 네 가지와 배경 네 가지가 있습니다. 드래그로 궤도 회전, 스크롤로 다가가기, 더블클릭으로 맞추세요. 전체 컨트롤을 열면 원할 때 렌즈, 키 라이트, 소재까지 조정할 수 있습니다.
  4. 내보내기 1×, 2×, 4× PNG; GIF 루프; MP4나 WebM 턴테이블 또는 의자 위의 바람; iframe 코드가 포함된 인터랙티브 HTML 파일. 드레이프를 그대로 유지하려면 프로젝트를 계정에 저장하세요.

FAQ

어떤 이미지를 가져올 수 있나요?

PNG, JPEG 또는 SVG 타일입니다. 실제 크기 정보를 담은 파일 — 밀도 청크가 있는 PNG, 인치나 센티미터 단위 너비가 있는 SVG — 은 반복 크기를 자동으로 채워주고, 그 외에는 사용자가 설정한 반복 크기로 열립니다. 가장자리가 맞지 않는 파일도 그대로 렌더링되며 상태 표시줄에 그 사실이 표시됩니다.

프로젝트를 열 때마다 드레이프가 같나요?

네. 솔버는 프로젝트가 저장한 시드로 결정적으로 동작하며, 브라우저마다 마지막 자리가 달라질 수 있는 연산은 피하므로 저장된 스로우는 항상 같은 모습으로 다시 열립니다. 다른 모습을 원할 때는 다시 드레이핑으로 새 시드를 뽑을 수 있습니다.

컨트롤이 왜 두 층으로 나뉘어 있나요?

대부분은 클릭 두 번으로 좋은 렌더를 원하고, 일부는 모든 값을 조정하고 싶어 합니다. 단순 레이어만으로도 전자는 충분하며, 전체 컨트롤은 둘이 서로 부딪히지 않게 두 번째 층을 열어줍니다: 깊은 곳의 모든 값은 단순 슬라이더가 암시하는 값에 사용자의 조정을 곱한 것이므로, 단순 슬라이더는 계속 작동하고 사용자의 조정도 그대로 남습니다.

인터랙티브 HTML 파일의 크기는 얼마나 되나요?

약 1메가바이트입니다: 대부분은 3D 런타임이 차지하고, 나머지는 의복과 축소된 타일 사본입니다. 저장하기 전에 도구가 크기를 보여줍니다. 디스크의 파일에서 바로 열리고, 오프라인에서도 작동하며, 방문자의 동작 축소 요청을 존중합니다.