How To Create Seamless Patterns in Photoshop [Seamless Textures for 3D]

안녕하세요! Photoshop Training Channel 닷컴에 오신 것을 환영합니다 나는 예수님의 라미레즈 다

이 비디오 Photoshop에서 매끄러운 패턴과 텍스처를 만드는 방법을 보여 드리겠습니다 저는 최근에 Adobe Dimension의 프로젝트를 진행하고있었습니다 Adobe Dimension은 3D 합성입니다 도구를 사용하여 작업하고있는 객체의 원활한 패턴을 만들어야했습니다 후 나는 패턴을 만들었고 좋은 튜토리얼이 될 것이라고 생각했기 때문에 패턴과 매끄러운 텍스처를 만드는 것뿐만 아니라 많은 가치있는 기술을 보여줍니다

그러나, 오늘 배우려고하는 기술을 사용하면 다음과 같은 여러 가지 도구를 사용하는 방법을 배우게됩니다 Photoshop에서는 여러 가지 목적으로 매우 중요합니다 복제 도구 스탬프 도구, 조정 레이어 및 필터가 있습니다 또한 레이어 마스크에 대해 배우려고합니다 그리고 매우 다른 여러 가지 일에 매우 유용 할 수있는 모든 것들이 있습니다

따라서 비록 3D 텍스쳐 나 패턴을 결코 만들지는 못하더라도, 당신은 여전히 ​​전체 자신 만의 프로젝트에 적용 할 수있는 멋진 팁과 트릭 또한, 저는 여러분에게 제가 일했던 프로젝트를 보여주기 위해 잠시 시간을 내고 싶습니다 3D 합성이며, Adobe Dimension으로 제작되었습니다 여기에있는 모든 것은 3D입니다 유산

그리고 저는 여러분이 오늘 배워야 할 많은 기법들을 사용하여 만들었습니다 이 장면의 모든 오브젝트에 적용되는 텍스처 및 재질 그래서 다시, 이들은 실제 사진이 아니며, 이것들은 모두 Adobe Dimension으로 만든 3D 렌더링입니다 Adobe Dimension 3D 경험이 많지 않지만 디자이너를 위해 설계된 도구입니다 3D 장면

그래서 나는 그 도구를 체크 아웃하는 것이 좋습니다 내 프로젝트에 대해 더 자세히 알아보고 모든 렌더를 살펴보고 싶다면 더 많은 정보를 원한다면 그것에 대해, Behavior 페이지의 설명 아래에 링크를 배치 할 것입니다 그 프로젝트에 대한 모든 것을 알 수 있습니다 당신은 또한 나를 Behance에서 검색 할 수 있습니다 저는 @jrfromptc입니다

Instagram에있는 것과 동일한 사용자 이름입니다 좋아, 시작하자 이 문서는 내가 함께 작업 할 문서이며 가능한 한 그것은 골판지 질감을 참조하십시오 패턴을 만들려면 필요한 모든 작업을 수행해야합니다 편집 및 선택 패턴을 선택하면 패턴에 이름을 붙일 수 있습니다

나는 이것을 단지 전화 할께 패턴 "테스트", 우리가 테스트하기 때문에 OK를 누른다 그런 다음 패턴을 시험해 볼 새 문서를 만듭니다 그리고 손 도구를 두 번 클릭하고 패턴을 선택하여 화면을 채울 것입니다

채우기 레이어, 그리고 거기에 패턴을 볼 수 있습니다 그리고 그것이 지금 완벽하게 보이게하는 이유 실제로는 대용량 파일이기 때문에 전체 화면을 채우고 있기 때문입니다 그러나 25 %와 같이 규모를 작은 것으로 다시 변경하면 실제로는 이 패턴의 눈에 띄는 솔기 따라서이 튜토리얼의 목표는 매끄러운 패턴을 정의하고, 그 목표를 달성하기위한 몇 가지 기술을 살펴 보겠습니다 이제 OK를 눌러서이 파일을 남겨 두겠습니다

그리고 나는 갈거야 우리가 작업 할 끊김없는 패턴 문서로 되돌아갑니다 매끄러운 패턴을 만들기위한 가장 유용한 도구 중 하나는 오프셋 필터입니다 만약 필터, 다른 오프셋, 당신은 당신의 이미지의 오프셋을 만들 수 있습니다 기본적으로 모든 것이 0으로 설정되었지만 수평 오프셋을 늘리기 시작하면 이미지가 가장자리로 어떻게 밀려 들어가고 있는지, 픽셀이 다른쪽으로 감싸는 지 확인하십시오

측면 그럼 여기서 솔기를 볼 수 있습니다 수직적 인면에서 더 두드러 질 것입니다 수직축으로 어떤 일이 일어나는지 지켜보십시오 저거 봐? 픽셀 배치 방법보기 하단에서 상단으로? 이제 우리는 이음새를 볼 수 있습니다

그래서 매우 강합니다 솔기가 보이듯이 이제이 영역, 맨 위 영역 및 맨 아래 영역은 분명하게 연속 될 것입니다 픽셀이 다른면으로 밀려 들고 있기 때문입니다 그래서 솔기가 없을거야

상단과 하단에, 우리는 단지 센터에 대해 걱정해야합니다 그래서 OK를 누른다 첫 번째 단계는 솔기를 제거하는 것입니다 그래서 클론 스탬프 도구를 선택하겠습니다 새 레이어를 만들려고합니다

MAC에서 ALT 옵션을 누른 다음 복제 할 영역의 샘플 여기에서이 부분을 클릭하기 만하면됩니다 거기에서 미리보기를 볼 수 있고, 나는 매우 부드러운 솔이 있음을 알 수 있습니다 그리고 실제로 당신은 브러시는 내가 원했던만큼 부드러운 것은 아니기 때문에 그냥 설정하려고합니다 0으로 설정하면 매우 부드러운 브러쉬가 생성됩니다

샘플 소스를 다시 선택하겠습니다 여기를 클릭하면 그림을 그릴 수 있습니다 이 부분에서이 솔기를 제거하려고합니다 그래서 나는 그것을 제거하려고 노력할 것입니다 그래서

그래서 그것은 전후입니다 이미지에서 솔기, 반복되는 요소, 기타를 찾아보십시오 매끄러운 질감을 만드는 데 문제가 발생할 것입니다 너에게 재판이 필요할지도 몰라 그리고 오류, 그리고 그건 괜찮습니다

이미지가 여전히 매우 어둡게 보이며 픽셀이 약간 있음을 알 수 있습니다 다른 색상으로 포화 상태입니다 그래서 우리는 그 두 가지를 모두 조정할 것입니다 레이어 먼저, 커브 조정 레이어를 만들겠습니다

새 점을 만들고 위로 드래그하여 이미지를 밝게합니다 그리고 그것은 밝아 질 것입니다 분명히 이미지 이미지에 정말 강한 그림자 나 밝은 부분이있는 경우 이것이 무엇입니까? 당신은 그들을 심지어 밖으로하기를 원할 것입니다 이제 내가 할 일은 레이어를 클릭하는 것입니다

마스크를 사용하고 속성 패널에서이 흰색 레이어 마스크를 만들기 위해 반전을 클릭 할 수 있습니다 그 레이어의 모든 것을 숨길 검정 레이어 마스크 이제 브러시 도구를 클릭하면 흰색으로 칠할 것입니다 그 효과를 드러낸다 하지만 나는 불투명도가 낮기를 원한다

아마 60 % 정도 될 것이다 나는 또한 약 80 %로 흐름을 증가시킵니다 그런 식으로, 내가 페인트 칠 때, 나는 100 % 흰색, 나는 그 효과를 토대로 만들 수 있습니다 또한 물건을 더 쉽게 볼 수 있도록 가기 위해 흑백 조정 레이어를 만들려면 그저 휘도에만 초점을 맞추는 것입니다 내가 그림을 그렸을 때의 이미지 값, 그리고 색상이 산만 해지지는 않습니다

그래서 당신은 지금 볼 수 있습니다 나는이 부분을 밝게 만들어서 일치시키기 위해 노력하고 있습니다 그리고 나는 단지 그렇게 효과를 발휘합니다 이전과 이후 조정이 너무 밝거나 너무 어두우면 계속해서 조정할 수 있습니다 레이어를 사용하여 광도를 맞추십시오

그래서 저는 이미지가 조금만 필요하다고 생각합니다 약간의 조정 어떻게 우리가 광도를 훨씬 더 잘 조화 시켰는지 보아라 할거다 흑백 조정 레이어를 사용 중지하고 다른 항목을 제거합니다 내가 생각하는 이미지는 효과가 없을 수도 있습니다

예를 들어 거기에는 정말 강한 그림자가 있습니다 그래서 난 그냥 클론 스탬프 도구를 선택하여 숨길거야, 그리고 이들로부터 복제 여기 픽셀 그리고 나는 그것을 제거 할 것입니다 이제 그걸 제거 했으니, 내가 생각하는 몇 가지 다른 것들을 제거 할 것입니다 이 영역과 같은 매끄러운 패턴으로 눈에 띄게됩니다

그래서 나는 단지 샘플로 갈거야 위의 영역에서 클릭하고 드래그하여 복제합니다 어쩌면이 어두운 여기에 자리를 잡고, 나는 그것을 제거 할 뿐이다 그래서 나는 지금 가고있는 것들을 제거하고있다 그것이 패턴이라는 것을 아주 명백하게 해줍니다

그래서 나는 이것이 꽤 좋아 보인다 이제 다른 문제가 하나 있습니다 문제는 상단의 색상이 색상이 아래쪽에 있으며, 채도가 높아지고 색조 그래서 우리가 할 일은 색조와 채도를 적용 할 것입니다 전체 이미지로 가장 쉬운 방법은 단순히 스포이드를 선택하는 것입니다

도구를 선택한 다음이 드롭 다운에서 최소 5 x 5 평균을 선택할 수 있습니다 문서의 11 x 11 평균도 이처럼 상당히 큽니다 원하는 것은 골판지 상자를 원하는 색상을 클릭하는 것입니다 또는 귀하의 패턴이 무엇이든 상관 없습니다 여기 어쩌면이 음영을 클릭 할 수 있습니다

평균 11 x 11 평균은 11 x 11 픽셀의 평균 색상을 선택하는 것입니다 그래서 if 확대하면 픽셀 격자를 보게됩니다 각 사각형은 픽셀이며 스포이드 도구로 클릭합니다 반드시이 픽셀을 선택하지 않아도됩니다 평균을 선택합니다

11 x 11 픽셀 11 픽셀 x 11 픽셀 크기의 정사각형을 상상해보십시오 그 사각형은 단일 색상으로 평균화됩니다 그리고 나는 이렇게 생각합니다 왜냐하면 여러분이 볼 수 있듯이, 그곳에는 많은 색상들이있어 우연히 색상을 클릭 할 수도 있습니다

반드시 원하지 않는 것 그래서 색상을 평균하는 것이 훨씬 더 나은 해결책이 될 것입니다 이 경우에 손 도구를 두 번 클릭하여 이미지를 화면에 맞 춥니 다 나는 이것을 가지고있다 내가 원하는대로 전경색으로 선택한 색상을 만들고 그 색상을 적용 할 단색 채우기 레이어를 선택하고 OK를 누릅니다

이제 원본 이미지가 광도를 제어합니다 우리는 색조와 채도 만 바꾸고 싶습니다 전경색 피커를 열면 모든 색상이 만들어집니다 채도 및 밝기의 업 밝기는 원래 레이어로 제어되며, 채도 및 색조는 새 레이어에 의해 제어됩니다

당신이 어떤 색조를 알지 못하는 경우에 대비해서 그게 단순히 색 이니, 무슨 색 이냐 그리고 채도는 색상이 얼마나 강렬한지를 보여줍니다 그리고, 분명히 밝기는 얼마나 밝습니까? 그래서 여기에 내 색이 있고, 채도와 채도를 적용하고 싶습니다 그렇게하기 위해 나는 할 수있다 혼합 모드를 사용하십시오

블렌딩 모드가 무엇인지 또는 어떻게 작동하는지 모르는 경우 블렌딩 모드에서 내 크래시 과정을 추천합니다 설명 바로 아래에 링크를 배치하겠습니다 그래서 당신이 그것을 확인할 수 있습니다 그러나 블렌딩 모드는 당신은 함께 레이어를 혼합합니다 그리고 여기 아래에는 블렌딩 모드가 있습니다

성분, 색조 채도 및 광도 그래서 우리는 색조와 채도를 동시 그리고 그렇게하기 위해 단순히 색을 선택합니다 그래서 일단 색을 선택하면 색조가 생깁니다 전체 문서에이 베이지 색상의 채도가 적용됩니다

그래서 그 전에, 이후 저거 봐? 이미지의 색상이 어떻게 밝아 지는지 확인하십시오 이 시점에서 우리가해야 할 일은 테스트를 작성하고 훌륭한 일을했는지 ​​확인하는 것입니다 원활한 패턴입니다 테스트를 수행하려면 CTRL ALT SHIFT E, 명령 옵션 shift E, MAC에서 모든 활성 레이어를 기반으로 새 레이어를 만듭니다

그럼 내가 갈 수있어 필터, 오프셋, 눈에 띄는 이음새가 있는지 확인하십시오 그리고 나는 그것을 본다고 생각하지 않는다 내가 시도 할 수 있습니다 다시 : 필터, 오프셋 우리가 꽤 잘한 것처럼 보입니다

나는 흑백 조정 레이어를 통해 톤 문제가 있는지 확인합니다 나는하지 않는다 하나를 참조하십시오 그래서 패턴을 다시 정의 할 수 있습니다 자, 패턴이 완벽하지 않을 수도 있습니다, 우리는 돌아와서 그것을 조정해야 할 수도 있습니다,하지만이 간단히 말해 작은 문제를 세밀하게 조정하는 것입니다

그래서 나는 들어갈 수있다 편집, 패턴 정의를 할 수 있으며, 단지 "Test No2"라고 부를 수 있습니다 나는 아직도 확실하지 않다 내 마지막 패턴이 될거야

OK를 누른다 이 문서로 돌아가서 우리는 패턴을 테스트하고 있으며, 똑같은 일을 할 수 있고 패턴을 만들 수 있습니다 이전에 만들어진 패턴을 자동으로 선택하면 스케일을 25로 변경할 수 있습니다 그리고 우리는 그 패턴을 대폭 개선 한 것을 볼 수 있습니다 이제 완벽하지는 않습니다

제가 말했듯이, 우리는 단지 돌아가서 그림자가 어디에 있는지 알아 내야합니다 이 패턴을 수정해야한다는 것입니다 그래서 당신의 패턴에서 단서를 찾으십시오 예를 들어, 이 하얀 점, 그리고이 하얀 점이 있으면,이 하얀 선은 그것이 저것을 의미합니다 영역이 너무 어둡고이를 수정해야합니다

그럼 찾아 보자 내가 여기로 돌아 오면, 이 자리에있는 것처럼 보입니다 흑백 조정 레이어를 활성화하면, 당신은 그것을 여기에서 볼 것입니다 좀보기가 힘들어서 이제 필터를 하나 더 할 것입니다 offset, 그냥 다른 영역에 배치되도록합니다

그리고 나는 그것을 더 나쁘게 만들었다 고 생각합니다 여기 한 번 더 해보 죠 그리고이 지점은 매우 가까운 곳에 있습니다 우리는 전에 그것을 가졌습니다

그것이 가장 두드러진 곳입니다 따라서 원래 레이어의이 새 레이어에서 작업 할 수 있습니다 그래서 내가 일할 것 같아 원래 레이어 이 지역은 다시 한번 너무 어둡다

채우기 패턴으로 되돌아갑니다 이 어둡고 어두운 선이 있다는 것을 눈치 챘을 것입니다 그래서 우리는 그것으로 작업 할 수 있습니다 그래서 내가 뭘 할거야? 그냥 커브 조정 레이어로 돌아가서 밝게하는 것입니다 모든 것, 그리고 내가 그 지역을 밝게 할 수 있는지보기 위해 그 지역에서 흰색 페인트를 칠할 수 있습니다

픽셀 올리기 내가 그럴 수 없다면, 많은 픽셀들이 여기에서오고 있기 때문에 아마도 또 다른 레벨 조정 레이어를 만들고 그에 맞게 조정하십시오 어쩌면 그것을 밝게해라 조금만 더 가면 레이어 마스크를 클릭하고 반전을 클릭 한 다음 그 위에 페인트를 칠하십시오 그 픽셀을 밝게하려고하는 영역

이전과 이후 그리고 불투명도를 조정할 수 있습니다 따라서, 그것이 작동하는지 확인하십시오 아마, 나는 그것이 너무 밝을지도 모른다고 느낀다 그래서 그것은 단지 미세 조정의 문제 일 뿐이다

그것 일단 그렇게하면 흑백 조정 레이어를 비활성화 할 수 있습니다 그런 다음 맨 위의 레이어를 클릭하고 CTRL ALT SHIFT E, 명령 옵션 shift E, MAC에서 다시 시도하십시오 나는 패턴을 정의하고 편집 할 것이다 나는 그것을 "Test"라고 부를 것이다

3 번 "OK를 누른다 그리고 테스트 문서에서 패턴 오버레이를 하나 더 만들 것이다 다시 한번 Photoshop은 이전에 만든 패턴을 선택하고 25로 설정할 수 있습니다 당신은 그 점을 확실히 개선 한 것을 볼 수 있습니다, 그러나 저는 그 문제를 완전히 고치지 않았습니다 그래서 다시 한 번 돌아가겠습니다

나는 그것을 고치려고 노력할 것입니다 이번엔 그냥 일할거야 우리가 방금 만든 레이어에 그리고 필터, 다른, 오프셋, 여기에 이음새를 찾을 수 있는지 만 볼 것입니다 그리고 내가 그것을하기 전에 실제로, 색상이 사라지도록 흑백 조정 레이어를 설정하려고합니다

문제를 쉽게 볼 수 있습니다 그래서, 필터, 다른, 오프셋, 그리고 아마도 어쩌면 그것을 찾아라, 나는 이것이 여기의 지역이다라고 생각한다 저거 봐? 그게 훨씬 더 어둡 네요? 그래서 나는 그냥 그걸 위로 올려 놓고 볼 수 있기 때문에 쉽게 볼 수 있고 작업 할 수 있습니다 그래서 나는 승인

새로운 커브 조정 레이어를 만듭니다 나는 그것을 더 밝게 만들 것이다 그리고 레이어 마스크를 클릭하고 반전을 클릭하면 그림이 그려집니다 그리고 그 방법이 너무 길 수도 있지만 괜찮습니다 그리고이 문서로 돌아가서, 문제가있는 곳을 일종의 것으로 보겠습니다

그래서 나는 너무 어둡다고 생각하는 부분에 그림을 그렸습니다 분명히 지금은 너무 밝습니다 하지만 속성 패널에서 항상 조정할 수 있으며 다시 밝게 표시하므로 그것은 정말로 문제가되지 않는다는 것입니다 따라서 흑백 조정 레이어를 사용하지 않도록 설정할 수 있습니다 그 전과 후를 보아라

그러면 나는 아직도 그것이 조금 밝을지도 모른다라고 생각한다 그래서 그냥 방금 그걸 어둡게 만들거야 그리고 화살표 키를 사용할 수 있습니다 당신이 원한다면 그 지점을 조금씩 움직여야합니다 이전과 이후

그리고 내가 뭘 할거야? 다시 한번, CTRL ALT SHIFT E, 명령 옵션 shift E를 MAC에서 수행하십시오 수정, 패턴을 정의하고 "Test No4"라고 부르겠다 확인을 누릅니다 한 번 더 해보겠습니다

나는 우리가 정말로 가까이에있을 것이라고 생각한다 그래서 우리는 어떻게 시작했는지 알 수 있습니다 그리고 작업을 계속하고 이미지를 미세 조정합니다 우리가 아주 가깝고 매끄러운 것을 얻을 때까지 나는 실제로 매우 행복하다

이 결과 나는 나의 목적을 위해 이것이 효과가 있다는 것을 안다 나는 분명히 돌아갈 수있다 파일에 저장하고 필요한 경우 미세 세부 조정을 계속하십시오 그러나, 다시, 나의 목적을 위해 이게 효과가있다

이 파일을 Adobe Dimension으로 가져 와서 3D 오브젝트에 적용 할 수 있습니다 그런 다음 3D 오브젝트를 렌더링하면 매우 현실적으로 보입니다 이것은 내 마지막 렌더링입니다 보시다시피 골판지 상자가 멋지게 보입니다! Adobe Dimension 및 Adobe Dimension의 작동 방식에 대한 자세한 내용은 여기에서 무료 코스를 제공합니다 YouTube에서

설명 바로 아래에 링크가 표시되어 확인할 수 있습니다 그것 원활한 패턴을 만들 계획이라면 아래 의견에 대해 알려주십시오 너는 질문이있다 또한, 이것이 Photoshop Training Channel에서 처음이라면 클릭하는 것을 잊지 마십시오

그 구독 및 알림 버튼에 지켜봐 줘서 고마워 다음 자습서에서 다시 이야기하겠습니다