《원본 패턴: 디자인 및 일러스트레이션 활용》
이번 주제는 '원본 패턴 디자인'입니다.
그렇다면 패턴이란 무엇일까요? 패턴은 반복되는 배열을 가진 디자인입니다.
미술계에서는 구스타프 클림트(Gustav Klimt), 앤디 워홀(Andy Warhol), 쿠사마 야요이(Kusama Yayoi) 등 패턴으로 유명한 예술가들을 한 명 이상 들어보셨을 것입니다. 하지만 사실 우리는 일상생활에서 타일, 벽지, 옷, 침대 시트 등 다양한 물건에서 패턴의 존재를 자주 볼 수 있습니다. 패턴 디자인은 우리와 멀리 떨어져 있지 않습니다!
이 글은 세 부분으로 나뉩니다. 먼저 패턴을 구성하는 몇 가지 미술 요소를 간략하게 소개하고, 다음으로 Clip Studio Paint로 원본 패턴을 그리는 단계를 설명하며, 마지막으로 패턴을 일러스트레이션에 적용하는 방법을 설명합니다. 이 세 부분을 목차 기능을 활용하여 열람하시기 바랍니다.
시작해봅시다!
1️⃣【첫 번째 부분: 패턴의 미술 코드】
I. 패턴을 구성하는 도형
🟠 단순한 형태 위주:
선, 기하학적 형태(삼각형, 정사각형, 원 등), 심지어는 추상적인 패턴 등입니다.
그릴 때 다양한 형태를 조합할 수 있으며, 반드시 한 가지 형태만 사용할 필요는 없습니다.
🏀 실물 형태 위주:
꽃잎 식물, 동물, 음식, 하트, 별 모양 등 실체를 알아볼 수 있는 형태입니다.
⚖️ 위 두 가지의 중간:
물론, 매우 단순한 만화 패턴 중에는 어떻게 분류해야 할지 모호한 경우도 있습니다.
하지만 제가 지적하고 싶은 것은, 위 두 가지는 '경향'일 뿐 분리된 분류가 아니라는 점입니다. 미니멀리즘 스타일로 실물을 그려 형태를 강조하면서도 어떤 사물인지 알아볼 수 있게 하는 것도 하나의 방법입니다.
II. 예술 스타일
예술 스타일 측면에서, ⚠️사실적인 스타일(사진 수준에 가까운 이미지)은 비교적 드뭅니다;
일반적으로 흔한 것은 ✅예술적으로 양식화된 이미지입니다.
예술적 양식화란 간단히 말해 묘사된 이미지입니다. 흔한 예술 스타일의 예로는 셀 애니메이션 스타일(만화 스타일), 수채화 스타일, 색연필 또는 크레용 스타일 등이 있습니다.
그릴 때, ⚠️지나치게 강한 명암 효과를 사용하지 않도록 주의하세요. 개체의 구조를 암시하는 정도의 명암만 추가하는 것으로 충분합니다.
또한, 다양한 전통 스타일에서 영감을 얻을 수 있습니다: 현대적이고 미니멀한 모던 스타일과 현대 북유럽 스타일 외에도 동양 스타일, 일본풍, 중세 스타일, 민속 스타일(예: 인디언 스타일, 아랍 스타일, 고대 이집트 스타일) 등이 있습니다.
각 스타일은 고유한 예술적 표현을 가지고 있습니다. 예를 들어, 모던 스타일은 주로 단순한 도형을 사용하고, 동양 스타일은 빨간색과 금색을 선호하며, 일본풍은 유서 깊고 이름 붙여진 문양이 많고, 민속 스타일은 마름모꼴 및 삼각형 도형을 주로 사용합니다.
지면 관계상 여기서는 각 스타일의 디자인 특징을 자세히 설명하지 않겠습니다. 관심 있는 독자분들은 시간을 들여 탐색하여 자신에게 맞는 스타일을 찾아보세요!
III. 도형 반복 및 배열 방식
여기서는 도형의 위치, 크기, 배치 각도 세 가지 측면으로 나뉩니다.
이 세 가지 측면은 다시 규칙성과 불규칙성 두 가지 측면으로 나눌 수 있습니다. 자세한 내용은 아래 그림을 참고하세요:
또한, 패턴 사이에 공간을 둘지 여부를 결정할 수도 있습니다:
IV. 색상
패턴의 색상 선택은 매우 자유롭습니다. 은은한 색상, 선명한 색상, 밝은 색상, 어두운 색상 등 모두 흔합니다.
초보자에게는 의도적으로 색상 수를 제한하는 것을 권장합니다.
그릴 때 결정하기 어렵다면, 먼저 단색조의 흑백 회색으로 시작하여 나중에 한 번에 조정할 수 있습니다. 【그라데이션 맵】 기능 외에도 Ver3.0 이후 추가된 【색상 참조】 기능을 사용하여 색상을 변경할 수 있습니다!
V. 패턴 디자인 (요약)
위에 설명된 패턴 구성 요소를 이해한 후, 이제 어떤 스타일의 패턴을 만들고 싶은지 상상해 볼 수 있습니다!
먼저 자신에게 다음 질문을 해보세요:
도형 형태: (디저트, 꽃, 나무 등 특정 주제가 있나요? 아니면 단순히 단순한 형태인가요?)
도형 예술 스타일: (손으로 그리기를 원하나요, 아니면 깔끔한 색상 블록으로 그리기를 원하나요? 특정 지역 스타일이 있나요?)
도형 배열 방식: (규칙적인 배열인가요, 불규칙적인 배열인가요? 규칙적이라면 어떻게 그려야 타일링 텍스처를 얻을 수 있나요?)
색상: (컬러인가요 흑백인가요? 배경은 투명한가요?)
대략적인 답을 얻은 후에는 패턴의 모습을 상상하고 직접 만들어 볼 수 있습니다.
예를 들어:
도형 형태: 크고 작은 하트 모양, 마름모꼴 선
도형 예술 스타일: 픽셀 스타일, 평면 지향
도형 배열 방식: 규칙적인 배열
색상: 핑크 계열, 부드러운 느낌
그렇다면 패턴 디자인에 대한 기본적인 개념을 이해했으니, 이제 Clip Studio Paint를 활용하여 패턴을 직접 만들어 봅시다!
2️⃣【두 번째 부분: Clip Studio Paint로 원본 패턴 그리기】
🔧기본 방법
1. 새 파일을 만듭니다.
파일 크기는 그리기 내용 및 적용 목적에 따라 결정할 수 있습니다.
유일한 요구 사항은 너비와 높이가 모두 2로 나누어 떨어지는 것( ※짝수 )입니다.
2. 격자 기능을 켜고(①보기→격자);
②격자 원점을 중간으로, 간격을 캔버스 긴 변의 값으로 설정합니다.
분할 수는 정해져 있지 않습니다. 물론, 격자를 측정용으로 사용하고 싶다면 필요에 따라 설정할 수 있습니다. 예를 들어, 패턴 길이의 ¼ 지점마다 선을 추가하고 싶다면 분할 수를 '4'로 설정할 수 있습니다.
3. 중앙 위치에 이미지를 그릴 때 다음 사항에 유의하세요:
① 그릴 때 가장자리에 가깝게 그리지 마세요.
예외는 가로로만 반복되는 패턴(즉, 완성 후 긴 띠처럼 보이는)을 디자인하려는 경우입니다. 이 경우 위아래는 채울 수 있지만, 좌우 가장자리는 비워두어야 합니다.
② 브러시로 그릴 때, 격자에 맞출 필요가 없다면 브러시의 '맞추기 가능' 기능을 꺼야 합니다.
③ 그릴 때 여러 레이어를 분리할 수 있습니다(예: 다른 개체, 배경색 분리). 단, 그리기를 마친 후에는 레이어를 병합해야 합니다.
④ 병합하기 전에 개체 이미지 레이어를 하나 복제하여 백업으로 보관하는 것을 권장합니다.
💡팁
그릴 때 대칭 자 등 자 보조 기능을 사용할 수 있습니다. 자세한 내용은 이 공식 튜토리얼을 참조하세요.
또한, 처리된 사진을 사용하는 것도 좋은 선택이며, 이 부분은 뒤에서 다시 시연할 것입니다.
4. ①화면 전체 선택(단축키: Ctrl+A)→
②레이어를 마우스 오른쪽 버튼으로 클릭하고 【레이어 변환】을 선택하여 ' 이미지 소재 레이어 '로 변환합니다.
5. ①'오브젝트' 도구 사용→②레이어를 왼쪽 아래로 이동하고, 오브젝트 테두리의 왼쪽 위 모서리를 캔버스 중앙에 맞춥니다.
*화면을 최대한 확대하여 위치 정확도를 확인할 수 있습니다.
6. 오브젝트 선택 도구 설정에서 ' 타일링 '을 체크합니다.
선호도에 따라 반복 방법을 선택할 수 있습니다. 아래 그림을 참조하세요:
(아래 그림은 시연용이며, 이 단계에서는 이미지를 축소하지 마세요)
7. 레이어를 마우스 오른쪽 버튼으로 클릭하고 【레이어 변환】을 선택하여 '래스터 레이어'로 변환합니다.
8. 중앙의 빈 공간에 패턴을 채웁니다.
*3단계에서 만든 이미지 백업 레이어에서 복사하여 붙여넣을 수 있습니다.
9. 레이어를 마우스 오른쪽 버튼으로 클릭하고 【레이어 변환】을 선택하여 '이미지 소재 레이어'로 변환합니다.
10. 오브젝트 선택 도구를 사용하여 ' 타일링 '을 체크합니다.
오브젝트를 축소한 후 패턴 스타일을 확인할 수 있습니다. 완료!
🔧연결된 패턴 만들기
기본 방법을 이해했으니, 연결된 패턴을 그리려면 어떤 점에 주의해야 할지 알아봅시다!
1. 기본 이미지를 그립니다.
2. 1단계 이미지를 복사하여 붙여넣습니다. 이미지들이 최대한 연결되도록 합니다.
3. 시연 그림의 도형은 정규 기하학적 형태(Regular shape)나 대칭 형태가 아니므로 수동으로 조정해야 합니다.
4. 기본 방법의 4단계부터 7단계까지 반복합니다.
5. 중앙의 빈 공간에 기본 이미지를 계속 채우고, 다시 형태를 조정합니다.
각 이미지를 최대한 연결하세요.
(\ *아래 그림은 이 단계에서 그린 이미지를 파란색으로 표시합니다)
6. 기본 방법의 9단계부터 10단계까지 반복합니다. 완료!
🔧겹쳐진 패턴 만들기
그렇다면 겹쳐진 패턴은 어떻게 만들까요? 여기서는 물결/비늘 모양 패턴을 시연하겠습니다:
1. 격자를 이용하여 정확한 크기의 도형을 그립니다.
시연 그림에서는 캔버스 길이가 8칸으로 나뉩니다. 따라서 중앙 원의 지름은 4칸이고, 양쪽 원은 같은 크기이며 원의 중심은 캔버스 가장자리에 있습니다.
타원형 또는 다른 모양을 기본 도형으로 그리고 싶다면, 수평 및 수직 양쪽 지름이 캔버스의 양쪽 길이에 나누어 떨어져야 합니다. 캔버스는 직사각형일 수 있으며 정사각형이 아니어도 됩니다.
개인의 취향에 따라 테두리 등의 장식을 추가할 수 있으며, 테두리는 원 안쪽에 그려야 합니다.
디자인에 따라 비늘 색상이 변하지 않는다면, 위쪽 비늘 하나와 아래쪽 좌우에 반쪽 비늘을 그려도 같은 패턴을 얻을 수 있습니다.
2. 정렬 기능을 사용하여 이미지를 캔버스 중앙에 배치합니다.
3. 기본 방법의 4단계부터 7단계까지 반복합니다.
4. 레이어를 래스터 레이어로 다시 변환한 후, 하반부의 반원을 잘라내어 새 레이어에 붙여넣습니다.
5. 원래 레이어를 위아래 도형 레이어와 위쪽 도형 레이어 사이에 이동합니다.
6. 원래 레이어를 '이미지 소재 레이어'로 변환합니다. 타일링 방향은 '좌우'입니다.
오브젝트 레이어를 캔버스 왼쪽 위 ¼ 지점으로 이동합니다.
7. 오브젝트 레이어를 복제하여 맨 밑에서 두 번째 위치에 놓습니다.
오브젝트의 오른쪽 아래 모서리를 캔버스 오른쪽 아래 ¼ 지점으로 이동합니다.
8. 모든 레이어를 선택하고 병합합니다.
9. 기본 방법의 9단계부터 10단계까지 반복합니다. 완료!
🔧사진을 패턴으로 가공하는 방법
손으로 그린 패턴 외에도 직접 촬영한 사진을 패턴으로 가공할 수 있습니다!
1. 사진 촬영. 물체를 촬영할 때 단색 배경을 사용하는 것을 권장합니다.
또한, 같은 물체를 다른 각도에서 촬영하여 패턴에 변화를 줄 수 있습니다.
2. 사진을 열고 색조를 조정합니다. 목표는 이미지 색조를 더욱 명확하게 만드는 것입니다.
아래 그림은 【편집→색조 보정】에서 ① '밝기, 대비', ② '색조 곡선', ③ '레벨'을 사용하여 조정하는 다양한 방법을 시연합니다. 원하는 방법을 선택하여 색상을 조정할 수 있습니다.
3. 【올가미 도구】로 이미지를 먼저 선택한 후, 선택 영역을 반전하여 주변의 불필요한 부분을 삭제합니다.
4. 【자동 선택 도구】로 남은 부분을 선택합니다. 필요하다면 【선택 범위 확장】을 사용하여 적절한 범위를 선택한 후 다시 삭제할 수 있습니다.
5. 【지우개】로 가장자리 부분을 수동으로 수정합니다.
6. 선명한 딸기를 얻은 후, 만족스러운 색상 및 미술 효과를 위해 이미지를 추가로 조정할 수 있습니다.
아래 시연 그림은 레이어 혼합 모드를 활용하여 색상을 조정하고, 외곽선을 추가했습니다.
다양한 필터를 사용하여 다양한 효과를 얻을 수도 있습니다. 다양한 조정 방법을 조합하여 자신만의 이미지를 만들어 보세요!
위의 패턴을 사용하여 기본 방법의 단계를 따라 쉽게 패턴을 만들어 보세요!
🔧사용자 정의 브러시 활용 방법
브러시를 활용하면 불규칙한 도형 반복 및 배열 패턴을 만들 수 있습니다!
사용자 정의 브러시의 자세한 설정에 대해서는 이 공식 튜토리얼을 참조하세요.
1. 이미지가 그려진 레이어를 선택하고 【편집→소재 등록→이미지】를 선택합니다.
'브러시 끝 모양으로 사용'을 체크하고, 검색용 태그를 추가합니다.
2. 브러시를 마우스 오른쪽 버튼으로 클릭하고 보조 도구를 복제합니다.
3. 브러시 설정을 클릭하고 '브러시 끝'을 선택한 다음 소재 선택 위치를 클릭합니다.
4. 선택 창에 검색 태그를 입력하고 방금 만든 이미지를 모두 추가합니다.
5. 브러시 값을 설정하여 무작위 패턴 효과를 얻습니다. 다음은 도형의 무작위성에 영향을 미치는 몇 가지 값들이며, 값 설정은 개인의 취향에 따라 다를 수 있습니다.
A. 브러시 끝→방향→무작위
B. 분산 효과→입자 크기→무작위
C. 분산 효과→입자의 방향→무작위
6. 브러시를 사용하여 캔버스에 직접 칠하면 불규칙한 도형이 반복 및 배열된 패턴을 얻을 수 있습니다!
완료!
3️⃣【세 번째 부분: 일러스트레이션에 패턴 적용하기】
📁패턴을 소재로 등록하기
파일을 clip 파일로 저장하는 것만으로도 사용할 수 있지만, 패턴을 소재로 클라우드에 업로드하여 편리하게 사용하거나 Clip Studio Paint Asset에 업로드하여 다른 사용자들과 공유하고 싶다면 이 부분의 방법을 참조하세요!
방법은 매우 간단합니다. 레이어를 마우스로 드래그하여 소재 라이브러리로 끌어다 놓으면 됩니다:
소재 아이콘을 두 번 클릭하면 이름 변경 및 검색 태그 추가 등을 할 수 있습니다:
🖼️패턴을 일러스트레이션 배경으로 추가하기
일러스트레이션에서 패턴의 가장 간단한 사용법은 배경으로 사용하는 것입니다!
🔧방법
소재 라이브러리에서 마우스로 패턴 파일을 레이어 창으로 직접 드래그합니다.
💡팁
패턴을 일러스트레이션에 추가하면 일반적으로 시각적으로 현란하게 느껴질 수 있으므로, 인물 주체를 돋보이게 하기 위해 윤곽선 테두리를 추가할 수 있습니다.
이미지 소재 레이어에서는 색조 조정 기능을 직접 사용할 수 없으므로, 일러스트레이션의 필요에 맞춰 패턴 색상을 수정해야 할 경우 【색조 보정 레이어】를 활용할 수 있습니다.
🔧색조 보정 레이어 만들기—방법
1,2. 패턴 레이어를 추가한 후, 레이어 창 왼쪽 상단의 아이콘을 클릭합니다.
3,4. 새 색조 보정 레이어를 만듭니다. 필요에 따라 색상 조정 방법을 선택합니다.
5. 색조 보정 레이어를 다음 레이어에 클리핑합니다. 완료!
🧇패턴을 일러스트레이션 텍스처로 추가하기
배경 외에도 패턴을 일러스트레이션 텍스처로 추가할 수 있습니다!
색상 블록 범위가 크고 시각적 정보량을 늘려야 하는 일러스트레이션에 이 방법을 사용하는 것을 권장합니다.
또한, 일러스트레이션은 이미 채색되어 있으므로, 일러스트레이션 주체를 혼란스럽게 하지 않도록 단색 패턴을 사용하는 것을 추천합니다.
🔧레이어 혼합 모드 활용—방법
1. 패턴 레이어를 추가하고, 필요한 부분의 클리핑 레이어로 설정합니다. 시연 그림에서는 옷 레이어에 클리핑합니다.
2. 레이어 혼합 모드를 설정하고, 필요에 따라 레이어 불투명도를 조정할 수 있습니다.
💡팁
레이어 혼합 모드를 사용하면 원래 일러스트레이션에 이미 적용된 명암을 유지할 수 있습니다.
아래 그림을 참고하세요. 이는 제가 혼합 모드를 대략적으로 분류한 것입니다. 먼저 ' 패턴을 원래 개체보다 어둡게 할까요, 아니면 밝게 할까요? '라는 질문에서 시작하여 다양한 모드를 시험해보고 마음에 드는 것을 찾은 다음 불투명도를 조정할 수 있습니다.
🌽패턴을 일러스트레이션 개체 무늬로 추가하기①
패턴이 너무 평면적이지 않고 개체 표면에 맞게 나타나기를 원한다면 이 부분의 방법을 참조하세요!
🔧방법
1. 패턴을 추가한 후, 레이어 혼합 모드 및 불투명도 설정, 그리고 패턴의 크기와 각도 등을 미리 결정하여 결과물을 미리 볼 수 있습니다.
2. 패턴이 캔버스 가장자리에 연결되어 있다면, 새 파일을 만들어 원래 캔버스보다 약간 크게 만듭니다.
3. 패턴 레이어를 새 파일로 복사하여 붙여넣습니다.
4. 패턴 레이어를 래스터 이미지화합니다. 그런 다음 원래 캔버스에 복사하여 붙여넣습니다.
💡팁
패턴이 캔버스 가장자리에 닿지 않는다면, 별도의 새 파일을 만들 필요 없이 패턴 레이어를 직접 래스터 이미지화하면 됩니다.
캔버스를 확장하는 목적은 변형을 위해 더 넓은 면적의 패턴을 확보하기 위함입니다. 그렇지 않으면 패턴이 안쪽으로 구부러질 때 가장자리 부분이 끊어질 수 있습니다.
5. 불필요한 패턴 부분을 선택하여 삭제합니다. (캔버스 외부 부분을 삭제하기 위해 패턴을 약간 이동해야 할 수도 있습니다)
6. 【메쉬 변형】 기능을 사용하여 이미지를 변형합니다. 변형 방향은 개체 표면에 맞아야 하며, 아래 그림은 설명을 돕기 위해 보조선을 그렸습니다.
【메쉬 변형 방법】
① 편집→변형→메쉬 변형
② 도구 속성 창에서 메쉬 개수를 조정할 수 있습니다.
③ '평면 이동'으로 설정합니다.
④ 개체의 표면에 따라 패턴을 왜곡합니다.
7. 【클리핑 마스크】와 【레이어 마스크】를 이용하여 불필요한 부분을 지웁니다. 완료!
🌽패턴을 일러스트레이션 개체 무늬로 추가하기②
때로는 패턴을 끊어서 개체 표면에 맞게 만들어야 할 때가 있는데, 이러한 상황은 옷 표현에서 특히 흔합니다.
판단 기준은 ' 해당 물품의 일부가 보이지 않는가? '에 있습니다.
만약 그렇다면, 패턴을 붙일 때 단면에 유의해야 합니다. 아래에서는 단면이 있는 패턴을 추가하는 방법을 시연합니다.
시작하기 전에, 시연 그림에서 칼라의 구조를 분석해 봅시다:
① 정면에서 보이는 면은 총 6면입니다.
② #3과 #4 패턴은 연결되어 보이도록 하는 것이 좋습니다. 이 두 면 사이에 접힌 부분이 많지 않기 때문입니다. 반대로, 1과 2와 같은 다른 면은 연결될 필요가 없습니다. 이 두 면 사이에 접힌 부분이 상당히 많기 때문입니다.
③ 그 외에도, #1부터 #4 면은 대략 화면 왼쪽을 향하고 있으며, #5와 #6은 오른쪽을 향하고 있습니다. 총 두 개의 큰 방향이 있습니다. 따라서 【자유 변형】을 위해 두 개의 패턴 레이어가 필요합니다: 편집→변형→자유 변형 또는 단축키: 【Ctrl+Shift+T】를 사용하여 패턴을 대략적인 방향으로 먼저 변형합니다.
(실제로 #5의 방향은 그 중간에 있습니다. 이 단계는 큰 방향 변형을 먼저 한 후 미세 조정하는 것입니다.)
④ 변형을 완료한 후, 변형된 패턴을 다시 복제해야 합니다. #2, #4는 하나를 공유할 수 있고; #1, #3은 하나를 공유할 수 있습니다.
이 패턴에서는 딸기 사이에 공간이 있으므로, 처리할 때 딸기에만 집중하면 됩니다.
먼저, 【다각형 선택】 도구를 사용하여 옷의 주름을 따라 범위를 선택하는 것을 권장합니다.
1. 첫 번째 패턴 레이어에서 #3 면을 선택한 후 지웁니다.
2. 두 번째 패턴 레이어를 선택하고 (시연 그림에서는 파란색으로 표시), #3과 #4 사이의 하트 모양을 처리합니다. #3이 #4 위에 있으므로 레이어를 위로 이동합니다.
3. 불필요한 부분을 지웁니다.
💡팁
접힌 부분에 끊어진 패턴을 의도적으로 추가하면 사실적인 효과를 쉽게 얻을 수 있습니다.
가장자리 위치의 패턴을 처리할 때, 때로는 캔버스 크기를 확대해야 더 쉽게 처리할 수 있습니다.
또한, 【액화】 도구를 이용하여 패턴을 미세 조정할 수도 있습니다.
【맺음말】
여기까지 읽어주셔서 감사합니다!
개인적으로, 끊김 없는 패턴을 만드는 큰 도전 과제는 '내가 생각하는 패턴이 어디서부터 어디까지 반복되는가? 그런 패턴을 얻으려면 처음에 어떤 모양을 그려야 하는가?'였습니다.
안타깝게도 이 질문은 패턴을 많이 관찰하고 분석해야만 직관적으로 답할 수 있습니다.
이 글은 소프트웨어 사용 기능만을 설명했지만, 입문용으로는 상당히 유용하다고 믿습니다. 패턴 디자인의 즐거움을 만끽하세요!
이 글에 대해 어떻게 생각하시나요?
댓글로 알려주시면 감사하겠습니다! 이 튜토리얼이 도움이 되었기를 바랍니다.
제 작품에 관심이 있다면, 제 SNS를 팔로우해 주세요:
(중국어): Facebook @hye.art
(영어): X (이전 Twitter) @hye_exc
이 게시물에 '좋아요!'를 누른 사용자
댓글