우수한 연속 (원활한) 타일을 어떻게 디자인 할 수 있습니까?

조립시, 그들은 그래서 나는 문제가 디자인 타일이 없는 타일처럼 보이지만, 균일 한 것처럼 보인다. 예를 들어 아래 이미지를 참조하십시오.

잔디의 주요 부분은 하나의 타일이지만 그리드를 "보지"않습니다. 당신은 조금 조심스럽게 보면 그것이 어디에 있는지 알지만 분명하지 않습니다. 타일을 디자인 할 때이 이미지에서와 같이 "오, 같은 타일의 64 배"만 볼 수 있습니다.

(나는 이것을 다른 GDSE 질문에서 취했다. 미안; 게임의 비판은 아니지만 내 요점을 증명한다. 그리고 실제로 내가 관리하는 것보다 더 나은 타일 디자인을 가지고있다.)

나는 주된 문제는 그것들이 독립적 이도록 설계하고, 서로 닫힌 경우 두 타일 사이에 접합부가 없다는 것입니다. 타일을 더 "연속"으로 설정하면 더 부드러운 효과가 있지만 그렇게 할 수는 없지만 지나치게 복잡해 보입니다.

나는 그것을하는 방법을 알고 나면 생각보다 간단하다고 생각하지만 특정 지점에 대한 자습서를 찾을 수는 없습니다. 연속 / 동종 타일을 설계하는 알려진 방법이 있습니까? (내 용어는 완전히 틀릴 수 있습니다. 주저하지 말고 바로 잡으십시오.)

면책 조항 : 저는 예술가가 아니기 때문에 이것은 프로그래머의 예술 지식입니다.

대부분 타일의 아래쪽 가장자리에있는 잔디의 가벼운 패치 때문에 그리드 효과가 나타납니다.

쉽게 알아볼 수있는 것과 같은 세부 사항은 동일한 타일을 반복한다는 것을 즉시 알 수 있습니다.

주제에 대한 유용한 팁이 많은 이 기사 를 확인하십시오 . 특히 Photoshop을 사용하는 경우 :

• 패치 도구를 사용하여 눈부신 세부 사항을 제거하십시오.
• Doge 또는 Burn 도구를 사용하면 어디에서나 균일 한 광도를 얻을 수 있습니다.
• 이미지를 오프셋 한 다음 패치 도구를 사용하여 가장자리를 혼합하여 가장자리를 매끄럽게 만듭니다. 또한 사람들이이 목적을 위해 이미지를 4 번 전에 복제하고 미러링하는 것을 보았습니다.

또한 링크 한 이미지에는 이미지를 확대 할 때 타일 사이에 약간의 간격이 있기 때문에 구현 문제가있는 것 같습니다.

나는 전문가는 아니지만 하나 이상의 유형의 잔디 타일 (완전히 다르지는 않지만 사람들이 인식하지만 충분히 다른 것)을 갖는 것에서 두 가지 유형의 타일 사이에 "전환 타일"이있을 수 있습니다. 보여준 예제 이미지를 사용하면 완전 회색 타일과 완전 녹색 타일 사이에 반 녹색, 반 회색 타일을 사용하면 전환을 부드럽게 할 수 있습니다. 또한, 이러한 전환을 둥글고 자연스럽게 보이게하면 (하나의 텍스처가 다음 텍스처로 페이딩 됨) 효과에 도움이 될 수 있습니다.

하단 중앙에있는 크로노 트리거 (Crono Trigger)의 이미지에서 어두운 풀 패치가있는 반 갈색 (흙), 반 녹색 (잔디)의 모습을 확인할 수 있습니다. 또한 더 가벼운 잔디와 돌을 사용하여 자연 변형을 추가합니다 (잔디 타일 위에 돌이나 밝은 잔디가있는 투명한 타일일까요?)

여러 유형의 타일의 가능한 모든 구성에 대해 전환을 완료해야 타일을 그릴 수 있습니다. 그렇지 않으면 전환 횟수가 매우 크게 증가하기 때문에 게임에서 많은 조합을 사용할 수 없다고 결정할 수 있습니다.

일반적으로 이것은 어떤 방식으로 표면 유형의 품질을 혼합하는 것을 의미합니다. 예를 들어 간단한 잔디에서 흙으로의 전환은 일반적으로 흙 타일에 들어 갈수록 작은 잔디 패치가 거의 자라지 않습니다. 그러나 빠른 수정을 위해 하나의 텍스처를 페이드 아웃하면서 다른 텍스처로 페이드 아웃하거나 두 텍스처 중 하나에서 픽셀을 임의로 선택하여 디더링을 할 수 있습니다.

또한 타일을 보는 것에서 하위 타일 패턴으로 전환하고 두 타일의 이미지를 고려하는 것이 좋습니다. 전체 타일을 빨간색 그림에 해당하는 모양으로 만드는 대신 두 개의 다른 표면이 필요하지 않습니다. 동일한 타일을 사용해야하므로 전환 타일 수를 크게 제한하면 게임에 사용하기 위해 이러한 다이아몬드 타일에서 정사각형 타일을 생성하거나 컴퓨터에서 다이아몬드 타일을 직접 사용할 수 있습니다. 더 이상 이것들에 대해 매우 까다 롭습니다.

타일에 고역 통과 필터를 적용하십시오.

자세한 이론, 예제 및 지침 은 Skaven의이 훌륭한 기사를 참조하십시오 .

일반 타일을 만드는 것으로 시작하십시오. 그런 다음 타일을 가로와 세로로 4 개의 동일한 조각으로 나누면 4 개의 "타일"이 남습니다.

타일은 이제 다음과 같습니다 :

1 2
3 4

조각 2를 조각 1의 왼쪽에 놓으십시오. 3과 4로 동일하게 수행하십시오. 타일은 이제 다음과 같습니다.

2 1
4 3

이제 두 조각을 위쪽 조각 위로 이동하십시오. 당신은 이것으로 남아 있습니다 :

4 3
2 1

타일이 32x32라고 가정하면 각 조각은 16x16입니다. 이제 가운데 부분을 삭제하고 22x22 픽셀 (당신에게 달려 있음)을 말하고 타일 프레임을 남깁니다. 이 프레임은 이제 완벽하게 타일링되며 자갈, 돌, 더 높은 잔디 또는 기타와 같은 독창성으로 중간 간격을 채울 수 있습니다.

픽셀을 약간 흔들어야 할 수도 있지만 프레임이 있으면 독특하지만 완벽하게 타일을 타일로 만들 수 있습니다.

타일을 디자인하는 방법은 다음과 같습니다.

1. 초안 타일 만들기
2. 타일을 X, Y 방향으로 3 배 더 큰 이미지로 복사
3. 이미지에 타일 사본이 9 개가되도록 타일을 복사합니다.
4. 각 타일이 시작하고 끝나는 곳을 볼 수 있어야합니다. 블러 도구 (이를 위해 김프를 사용합니다)를 가져 와서 하나의 큰 타일처럼 보이도록 가장자리를 흐리게하는 것입니다.
5. 그런 다음 이미지에서 중간 타일을 복사하면 최종 타일이 생깁니다.

여러 개의 타일을 나란히 놓으면 결과가 좋아 보입니다. 타일을 미세 조정하기 위해이 과정을 항상 반복 할 수 있습니다.