오리지널 패턴: 디자인 및 일러스트레이션
이번 주제는 "독창적인 패턴 디자인"입니다.
그럼 패턴이란 무엇일까요? 패턴은 패턴을 반복적으로 배열한 것입니다.
예술계에서는 구스타프 클림트, 앤디 워홀, 쿠사마 야요이 등 패턴으로 유명한 예술가를 한 명쯤은 들어보셨을 겁니다. 하지만 사실, 우리는 타일, 벽지, 옷, 침대 시트, 기타 품목 등 일상생활에서 패턴을 자주 볼 수 있습니다. 패턴 디자인은 우리에게서 그리 멀지 않은 곳에 있습니다!
이 글은 세 부분으로 나뉩니다. 먼저 패턴을 구성하는 몇 가지 예술적 요소를 간략히 소개합니다. 그런 다음 Clip Studio Paint를 사용하여 독창적인 패턴을 그리는 단계를 설명하고 마지막으로 일러스트레이션에 패턴을 적용하는 방법을 설명합니다. 이 세 부분을 탐색하려면 카탈로그 기능을 사용하세요.
시작해 볼까요!
1️⃣【1부: 패턴의 아트 코드】
I. 패턴을 구성하는 모양
🟠단순한 모양을 선호하세요:
예를 들어, 선, 기하학적 모양(삼각형, 사각형, 원 등) 또는 추상적인 패턴.
그림을 그릴 때 하나만이 아니라 여러 모양을 결합할 수 있습니다.
🏀 물리적 모양을 선호하세요:
꽃, 잎, 식물, 동물, 음식, 하트, 별 등과 같은 개체의 모양을 인식할 수 있어야 합니다.
⚖ ️중간 어딘가:
물론 분류하기 어려운 매우 단순한 만화 패턴도 있습니다.
하지만 위의 두 가지 모두 별도의 그룹이 아니라 단지 "편견"일 뿐이라는 점을 지적하고 싶습니다. 미니멀리스트 스타일을 사용하여 개체를 그리면서 모양을 강조하는 동시에 특정 개체임을 명확히 하는 것도 해결책입니다.
II. 예술적 스타일
예술 스타일 측면에서 ⚠ ️사실적인 스타일(사진 품질에 가까운 이미지)은 비교적 드뭅니다.;
가장 일반적인 것은 일반적으로 ✅ 예술적으로 양식화된 이미지입니다.
간단히 말해서 소위 예술적 양식화는 묘사된 이미지입니다. 일반적인 예술 스타일의 예로는 셀 스타일(애니메이션 만화 스타일), 수채화 스타일, 색연필 또는 크레용 스타일 등이 있습니다.
그림을 그릴 때 ⚠ ️너무 강한 조명과 그림자 효과를 사용하지 않도록 주의하세요.** 물체의 구조를 암시할 수 있는 빛과 그림자를 추가하면 충분합니다.
또한 다양한 전통 스타일에서도 배울 수 있습니다. 모던 미니멀리스트 스타일과 모던 노르딕 스타일 외에도 오리엔탈 스타일, 일본 스타일, 중세 스타일, 포크 스타일(인도 스타일, 아랍 스타일, 고대 이집트 스타일 등) 등이 있습니다.
각 스타일에는 고유한 예술적 표현이 있습니다. 예를 들어 모던 스타일은 대부분 간단한 그래픽을 사용하고 오리엔탈 스타일은 빨간색과 금을 사용하는 것을 선호합니다. 일본 스타일은 오래되고 이름이 붙은 패턴이 많습니다. 포크 스타일은 종종 다이아몬드와 삼각형 그래픽 등을 사용합니다.
공간이 제한되어 각 스타일의 디자인 특징은 여기에서 자세히 설명하지 않습니다. 관심 있는 독자는 시간을 내어 탐색하고 자신이 가장 좋아하는 스타일을 찾아보세요!
III. 그래픽 반복 및 배열
이는 세 가지 측면을 말합니다: 그래픽 배치의 위치, 크기, 각도.
이 세 가지 측면 중 규칙성과 불규칙성의 두 가지 측면으로 나눌 수 있습니다. 자세한 내용은 다음 그림을 참조하세요:
또한 패턴 사이에 공간을 둘지 여부를 결정할 수 있습니다.
4. 색상
패턴 색상 선택에 자유도가 높고, 우아하고 밝고 밝고 어두운 색상이 모두 매우 일반적입니다.
초보자는 의도적으로 색상 수를 제한하는 것이 좋습니다.
페인팅할 때 결정할 수 없다면 흑백 회색으로 시작한 다음 마지막에 모든 조정을 할 수 있습니다. [그라디언트 매핑] 기능 외에도 Ver3.0 이후에 추가된 [색상 참조] 기능을 사용하여 색상을 변경할 수도 있습니다!
V. 디자인 패턴(요약)
이제 위의 패턴을 구성하는 가능한 방법을 이해했으니, 어떤 스타일의 패턴을 만들고 싶은지 상상해보세요!
먼저, 다음 질문을 스스로에게 던져보세요.
그래픽 모양: (테마가 있나요? 디저트, 꽃, 나무 등. 아니면 단순한 모양인가요?)
그래픽 아트 스타일: (손으로 그린 그림이나 깔끔한 블록 그림이 마음에 드시나요? 특정 지역 스타일이 있나요?
그래픽 배열: (규칙적이거나 불규칙한 배열? 규칙적인 경우 타일링 텍스처를 얻기 위해 그리는 방법은?)
색상: (컬러 또는 흑백? 배경이 투명한가요?)
패턴이 어떻게 보일지 대략적으로 알게 되면 상상을 시작하고 직접 만들 수 있습니다.
예:
그래픽 모양: 크고 작은 하트 모양, 다이아몬드 선
그래픽 아트 스타일: 픽셀 스타일, 더 평평함
그래픽 배열: 규칙적인 배열
색상: 핑크, 부드러운 느낌
이제 패턴 디자인에 대한 기본 아이디어를 얻었으니 Clip Studio Paint를 사용하여 패턴을 만들어 보겠습니다!
2️⃣【2부: Clip Studio Paint를 사용하여 독창적인 패턴 그리기】
🔧 기본 접근 방식
1. 새 파일을 만듭니다.
파일 크기는 그림의 내용과 적용 목적에 따라 결정할 수 있습니다.
유일한 요구 사항은 너비와 길이가 모두 2로 나누어 떨어지는 것입니다(※짝수).
2. 그리드 기능을 켭니다(①View → Grid);
그리고 ② 그리드의 원점을 가운데로, 간격을 캔버스의 긴 변의 값으로 설정합니다.
분할 수는 고정되어 있지 않습니다. 물론 측정 목적으로 그리드를 사용하고 싶다면 필요에 따라 설정할 수 있습니다. 예를 들어 패턴 길이의 ¼마다 선을 추가하려면 분할 수를 "4"로 설정하면 됩니다.
3. 중앙에 이미지를 그리세요. 주의:
① 그릴 때 가장자리에 가까이 가지 마세요.
예외는 수평으로만 반복되는 패턴을 디자인하려는 경우(즉, 완성되면 긴 스트립 하나로 보일 경우)입니다. 이 경우 그릴 때 위와 아래를 채울 수 있습니다. 그러나 왼쪽과 오른쪽 가장자리는 여전히 비워두어야 합니다.
② 브러시로 그릴 때 그리드에 가깝게 그릴 필요가 없으면 브러시의 "정렬" 기능을 꺼야 합니다.
③ 그릴 때 다른 레이어를 분리할 수 있습니다(예: 다른 개체와 배경색). 그리기가 끝나면 레이어를 병합하기만 하면 됩니다.
④ 병합하기 전에 백업으로 개체 이미지 레이어의 사본을 만드는 것이 좋습니다.
💡 팁
대칭자 등과 같은 눈금자를 사용하여 그림을 그릴 수 있습니다. 자세한 내용은 이 공식 튜토리얼을 참조하세요.
또한 처리된 사진을 사용하는 것도 좋은 선택이며, 나중에 설명하겠습니다.
4. ①모든 화면 선택(단축키: Ctrl+A) →
②레이어를 마우스 오른쪽 버튼으로 클릭하고 [레이어 변환]을 선택하여 "Image Material Layer"로 변환합니다.
5. ①"오브젝트" 도구를 사용합니다 → ②레이어를 왼쪽 아래로 이동하고 오브젝트 프레임의 왼쪽 위 모서리를 캔버스 중앙에 맞춥니다.
*정확한 위치를 파악하기 위해 이미지를 최대한 확대할 수 있습니다.
6. 개체 선택 도구 설정에서 "테셀레이션"을 체크합니다.
선호도에 따라 반복 방법을 선택할 수 있습니다. 데모는 다음 그림을 참조하세요.
(아래 이미지는 데모 목적으로만 제공됩니다. 이 단계에서는 이미지를 축소하지 마세요)
7. 레이어를 마우스 오른쪽 버튼으로 클릭하고 [레이어 변환] → "도트 매트릭스 레이어"로 변환을 선택합니다.
8. 중앙의 빈 공간을 패턴으로 채웁니다.
*3단계의 이미지 백업 레이어에서 복사하여 붙여넣을 수 있습니다.
9. 레이어를 마우스 오른쪽 버튼으로 클릭하고 [레이어 변환]을 선택하여 "이미지 소재 레이어"로 변환합니다.
10. 객체 선택 도구를 사용하여 테셀레이션을 체크합니다.
축소하여 패턴을 확인합니다. 완료!
🔧 연결된 패턴을 만드는 방법
이제 기본 사항을 알았으니 연결된 패턴을 그리려면 무엇에 주의해야 하는지 살펴보겠습니다!
1. 기본 이미지를 그립니다.
2. 1단계의 이미지를 복사하여 붙여넣습니다. 이미지를 최대한 연결되도록 합니다.
3. 데모 이미지의 모양은 규칙적인 모양이나 대칭적인 모양이 아니므로 수동 조정이 필요합니다.
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️⃣【3부: 일러스트레이션에 패턴 적용하기】
📁 패턴을 소재로 등록하세요
파일을 클립 파일로 저장해서 사용할 수도 있지만, 패턴을 클라우드에 소재로 업로드해서 쉽게 접근하거나, 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
이 게시물에 '좋아요!'를 누른 사용자
댓글