우표 스탬프 스타일의 워터마크를 만들어봅시다!

15,209

CHYEE

CHYEE

《우표 스탬프 스타일의 워터마크를 만들어봅시다!》

이번 주제는 일러스트 스타일에 맞는 워터마크 디자인을 만드는 것입니다.

 

저는 항상 다양한 스타일의 일러스트에 동시에 사용할 수 있는 워터마크 디자인이 무엇일까 고민해왔습니다.

최근 일본 지역의 '도장을 찍다=사인'이라는 '인장 문화'에서 영감을 받아, 저만의 도장을 워터마크로 사용하고 싶어졌습니다. 하지만 워터마크에 포함하고 싶은 정보가 일반적인 일본식 도장보다 많아서, 이번에는 우표 스탬프 스타일로 디자인해보려고 합니다.

 

아래에서 각 단계를 자세히 설명할 테니, 여러분도 함께 따라 해보세요!

【다양한 우표 스탬프 디자인】

시범 이미지에서는 가장 전통적인 '원형' 우표 스탬프를 선택했지만, 실제로는 더 많은 선택지가 있습니다! 이 부분에서는 일반적인 우표 스탬프의 모양에 대해 간단히 설명하며, 디자인 시 다양한 요소를 조합하여 자신만의 워터마크를 만들 수 있습니다!

 

저는 일반적인 우표 스탬프 디자인을 세 가지 부분으로 나눴습니다.

 

1. 기본 도형:

가장 일반적인 것은 원형입니다. 또한 타원형, 다각형(예: 사각형, 마름모, 육각형 등)도 흔한 형태입니다. 굵기가 다른 이중선이나 채색을 추가하여 변화를 줄 수 있습니다. 원형에 직사각형이 결합된 복합 형태도 있습니다.

 

2. 아이콘:

일반적으로 점, 별, 평행선과 같은 간단한 패턴입니다. 파형 평행선과 같이 자주 추가되는 도형도 있습니다. 복잡한 선 없이 비교적 간단한 형태의 자신이 좋아하는 도형을 추가할 수 있습니다.

 

3. 텍스트(이후 부분에서 더 자세히 설명할 예정)


1.【워터마크에 포함할 문구 결정】

자, 시작해봅시다!

 

먼저 워터마크에 어떤 문구를 포함할지 결정해주세요. 단어와 이미지의 수는 반비례할 것입니다.

내용을 먼저 결정한 다음, 초안을 작성할 때 구도에 따라 문구의 표현 방식을 변경할 수도 있습니다(문구의 길이를 조절하기 위해).

 

다음은 워터마크에 자주 사용되는 문구의 예시입니다. 참고해주세요:

  • 개인 필명

  • 개인 SNS 계정 또는 웹사이트 정보

  • 그림을 그린 연도

  • '무단 전재 금지'

  • 'AI 학습 금지'

  • '커미션'

  • '예시'

  • 기타…


2. 【초안 작성 및 준비 작업】

새 파일을 생성한 후, 먼저 펜으로 자유롭게 초안을 작성해주세요.

 

나중에 벡터 레이어를 사용하여 완성할 예정인데, 벡터 레이어는 익숙하지 않은 사용자에게는 조작이 직관적이지 않을 수 있습니다. 따라서 먼저 디자인을 청사진으로 자유롭게 스케치한 다음, 청사진에 따라 워터마크 파일을 만드는 것을 권장합니다.

파일 크기는 이론적으로 벡터 레이어가 확대해도 깨지지 않지만, 개인 디자인에 따라 래스터 레이어를 사용할 가능성이 있습니다. 래스터 이미지가 확대될 때 깨지지 않도록, A4 크기, 300dpi 파일로 시작하는 것을 권장합니다.

배경 지식 보충】이 게시물의 실제 작업에는 큰 영향을 미치지 않지만, '래스터'와 '벡터'의 차이에 관심 있는 독자라면 다음 공식 설명을 참조하십시오:


본격적인 시작 전에 먼저 그리드 기능을 켜세요.

 

🔧방법

소프트웨어 상단 기능 메뉴 → 보기 → 그리드(같은 위치에서 켜거나 끔)

그리드를 켜면, 이후 그림을 그리는 과정에서 일부 브러시와 도구가 사용 시 벗어나는 것을 발견할 수 있습니다. 이는 도구 속성이 ' 정렬 가능'으로 설정되어 있기 때문입니다. 필요에 따라 브러시나 도구의 속성 패널에서 이 기능을 켜거나 끌 수 있습니다.

 

저는 제작 과정에서 이 기능을 계속 켜진 상태로 유지하는 것을 권장합니다.

 

자유롭게 그릴 필요가 있을 때는 이 기능을 끄십시오. 그렇지 않으면 아래 그림처럼 됩니다:


3. 【워터마크 외형 그리기】

본격적으로 시작해봅시다!

다음 시연은 이 초안을 기반으로 진행됩니다:


✧벡터 레이어의 기본 사용법

🔧벡터 레이어 추가 방법

레이어 패널에서 다음 아이콘을 클릭하세요:

🔧기본 원형 그리기

원형 도형 도구를 선택 → 검은색 선택 → 도구를 '중앙에서부터 시작'으로 설정 → 화면에 원을 드래그하여 그립니다.

🔧정원 그리는 방법

방법①: 그릴 때 [Shift 키]를 동시에 누릅니다.

방법②: 그리기 전에 '가로세로 지정', '비율 지정'을 1:1로 설정합니다.

(이 설정을 찾을 수 없다면, 오른쪽 아래 렌치 아이콘을 클릭하여 찾아보십시오.)

 

 


💡TIPS——우표 스탬프 스타일을 더 잘 표현하는 방법은?

굵기가 다른 동심원을 사용하면 우표 스탬프 스타일의 디자인을 더욱 풍부하게 만들 수 있습니다!

원을 그릴 때 다양한 브러시 크기를 설정하는 것 외에도, 벡터 레이어 기능을 사용하여 조정할 수 있습니다.

 

 


✧도형의 선 굵기, 위치 조정

🔧선 굵기 변경 – 방법

'오브젝트' 선택 도구를 사용 → 화면의 도형을 선택 → 도구 패널에서 브러시 크기를 변경합니다.

🔧도형 위치 변경 – 방법

'오브젝트' 선택 도구를 사용 → 화면의 도형을 선택 → 파란색 테두리를 드래그합니다.

  • 드래그할 때 [Shift 키](도형 비율 유지)와 [Alt 키](중앙에서부터 변형 유지)를 동시에 누르십시오.

  • 조작 순서는: 파란색 점을 클릭(유지) → [Shift 키] + [Alt 키] → 드래그.


✧도형 도구를 사용하여 디자인 얻기

다음은 외곽선의 점을 만드는 것입니다.

 

🔧외곽선 점 만들기 – 방법

'오브젝트' 선택 도구를 사용 → 화면의 도형을 선택 → 도구 패널에서 브러시 모양을 '점선형'으로 변경합니다.

🔧외곽선 점 조정

  • 점 크기 조정: '브러시 크기'를 늘리거나 줄입니다.

  • 점 위치 조정: '브러시' 패널의 '간격' 수치를 조정합니다.


✧동심원 도형 만들기 ①——그리드 기능 사용

처음부터 우리는 이미 그리드를 켜고, 도형 도구를 ' 중앙에서부터 시작' 및 ' 정렬 가능'으로 설정했습니다.

따라서 도형을 그릴 때 같은 위치에서 시작하면 도형들이 '동심원'이 됩니다.

✧동심원 도형 만들기 ②——정렬 기능 사용

그리드를 사용하여 여러 원을 그렸지만, 조정 시 실수로 위치가 변경될 수 있습니다. 이때 '정렬' 기능을 사용하여 도형의 위치가 동심원을 유지하도록 할 수 있습니다.

 

🔧방법

오브젝트 선택 기능을 사용 → 화면의 모든 오브젝트를 선택(선택 시 [Shift 키]를 동시에 누르십시오) → '정렬' 패널^에서 다음 두 아이콘을 클릭합니다.

 

^'정렬' 패널은 소프트웨어 상단의 '창'에서 열 수 있습니다.


✧물결 평행선 만들기

초안에는 우표 스탬프 디자인을 모방한 물결 평행선을 추가했습니다.

아래에서는 벡터 레이어를 사용하여 그리는 방법을 설명하겠습니다.

 

🔧방법

1. '연속 곡선' 도구를 선택하고, 화면에 표시된 점^을 클릭합니다. 마지막 위치에서는 클릭할 필요 없이 마우스를 해당 위치로 이동한 후 [Enter 키]를 직접 누릅니다.

 

^그리드를 사용하여 고정된 위치에 관련 기준점을 표시합니다. 예를 들어 아래 그림의 시연에서는 가로로 두 칸마다 한 점, 세로로 한 칸 또는 두 칸마다 한 점입니다. 곡선의 시작점과 끝점은 물결의 높낮이 중간점일 수도 있습니다.

2. 곡선을 다른 벡터 레이어에 배치하면 '자유 변형' 기능을 사용하여 모양, 회전 등을 직접 조정할 수 있습니다.

3. 곡선을 복제하고 아래로 수직 이동합니다.

방법①: 레이어를 복제합니다. 복제된 레이어를 선택하고 레이어 이동 도구로 아래로 드래그합니다.

방법②: 오브젝트를 선택한 후 Ctrl+C, Ctrl+V를 누릅니다. 마우스로 아래로 드래그합니다.

4. 모든 물결선을 선택 → '정렬' 패널에서 다음 아이콘을 클릭합니다.

5. 선 굵기를 조정합니다. 저는 가장 위쪽과 아래쪽 선을 좀 더 굵게 만들었습니다.

(평행선이 몇 개 더 있으면 더 예쁠 것 같아서, 위 단계를 반복하여 다섯 번째와 여섯 번째 선을 얻었습니다.)

6. 선의 시작과 끝이 곡선이 아니기를 원한다면, 오브젝트로 선을 선택한 후 '브러시 끝'에서 '두께'를 '1'로 조정할 수 있습니다.

수평선에는 '수평' 방향을 적용하고, 수직선에는 '수직' 방향을 적용합니다.


4. 【텍스트 추가】

💭글꼴 선택

  • 도장은 원래 너무 미세한 선을 표현할 수 없으므로 너무 얇은 글꼴은 사용하지 않는 것이 좋습니다.

  • 획이 복잡한 문자(예: 번체 중국어 또는 일본 한자)를 사용하는 경우, 문자가 너무 가늘어지지 않도록 디자인에서 텍스트 부분에 충분한 공간을 확보해야 합니다.

  • 글꼴을 사용하기 전에 해당 글꼴의 라이선스가 개인 사용 또는 상업적 사용을 허용하는지 확인하십시오.

🔧사용할 기능 시연

  • 자간 조정

  • 정렬 기능/균등 정렬 기능

📝TIPS

  • 한 줄의 텍스트마다 새 텍스트 레이어를 만들면 위치 조정에 더 편리합니다.

  • 글꼴을 선택할 때, 텍스트를 입력한 후 글꼴 레이어를 선택하고 마우스를 글꼴 위에 올린 상태에서(왼쪽 클릭할 필요 없음) 스크롤 휠을 위아래로 움직여 빠르게 미리 보기를 할 수 있습니다!

배경 지식 보충

텍스트 도구를 한 번도 사용해보지 않은 독자라면, 다음 공식 텍스트 도구 튜토리얼을 참조하십시오:


✧원형 텍스트 추가 ①

원형 텍스트 기능은 Clip Studio Paint Ver 3.0 이후에 추가된 새로운 기능입니다. 워터마크 디자인에 텍스트를 넣어 봅시다!

 

🔧방법

1. '원형 텍스트' 기능을 선택 → 캔버스를 가볍게 탭하면 텍스트 상자가 나타납니다.

2. 상자의 컨트롤 포인트를 이용하여 크기를 조절한 후 텍스트를 입력합니다.

3. 텍스트 상자를 회전하여 텍스트 위치를 제어합니다.

4. 오브젝트 선택 기능을 사용하여 텍스트 표시 시작점과 끝점을 조정하여 전체 텍스트를 표시합니다.

5. '균등 배치'로 설정합니다.

6. 텍스트 크기와 자간을 조절하여 텍스트가 원형을 이루도록 합니다.

7. 위에서 언급한 정렬 기능을 사용하여 텍스트 및 도형 레이어를 동시에 선택하여 텍스트와 도형의 중심 위치를 일치시킵니다.


✧원형 텍스트 추가 ②

지금은 괜찮아 보이지만, 도형 텍스트의 하반부를 읽는 것은 여전히 약간 어렵습니다. 그래서 저는 아래 텍스트의 방향을 변경하여 조정하기로 결정했습니다.

 

🔧방법

1. 해당 도형 텍스트 레이어를 복제합니다.

2. 새 레이어의 텍스트 배치 방향을 '시계 반대 방향'으로 변경합니다.

3. [Shift 키]와 [Alt 키]를 동시에 누른 채, 새 원형 텍스트 상자를 적절한 위치로 확대합니다.

4. 원래 텍스트 레이어를 숨깁니다.

5. 새 텍스트 레이어의 텍스트 위치 및 간격을 조정합니다. (글꼴 크기를 동일하게 유지하십시오)

6. 레이어 마스크를 만들고, 상단 부분의 텍스트를 지우개로 지웁니다.

7. 원래 텍스트 레이어를 표시하고, 레이어 마스크를 만들어 하단 부분의 텍스트를 지우개로 지웁니다.

텍스트 추가 완료!

5.【텍스트 도구의 기타 사용법】

✧텍스트 도구를 사용하여 방사형 디자인 얻기

텍스트를 추가한 후, 중앙에 있는 패턴을 만들어봅시다!

 

이번 디자인의 집중선 패턴은 기존 소재와 방사선 특수자를 사용하여 그리는 것 외에도, 텍스트 도구를 사용하여 패턴을 얻는 방법을 제공합니다!

 

🔧방법

1. 새로운 원형 텍스트 레이어를 추가합니다.

2. 원형이 채워질 때까지 여러 개의 'i'를 입력합니다.

3. 텍스트 크기, 자간 등의 설정을 조정하고 '균등 배치'를 켭니다.

4. 이 외에도 기울임꼴(Italic), 가로 및 세로 비율, 시계 방향 또는 시계 반대 방향 배치 등의 설정을 변경하여 자신의 필요에 맞게 조정할 수 있습니다.

5. 다른 텍스트 기호인 ' * ', ' - ', ' ]' 등도 시도해 볼 수 있습니다!

 

장점

  • 편리하고 직관적이며, 텍스트 도구 사용법만 알면 쉽게 익힐 수 있습니다.

  • 소재를 찾는 데 추가 시간을 들일 필요가 없습니다.

  • 확대해도 열화되지 않아 소재 해상도 부족에 대해 걱정할 필요가 없습니다.

🆖단점

  • 텍스트 기호 선택이 제한적입니다.

  • 가끔 글꼴을 선택하는 데 자신도 모르게 많은 시간을 소비합니다.

  • 연결된 패턴을 만들 수 없습니다(아래 그림 참조).

 

 


✧텍스트 도구를 사용하여 도형 얻기

방사형 패턴 외에도 텍스트 도구를 사용하여 다른 도형을 얻을 수 있습니다.

 

🔧방법

1. 일반 텍스트 레이어를 새로 추가합니다.

2. 텍스트 도구 속성 패널에서 '텍스트 목록'을 클릭합니다.

3. 선택한 글꼴에 따라 다양한 지원 가능한 기호가 나타납니다.

4. '©', '®' 등은 '라틴 문자 보충'에서 찾을 수 있으며, '★', '☆'와 같은 다른 기호는 '기하학적 도형'에서 찾을 수 있습니다.

 

장점

  • '©'와 같은 기호를 별도로 검색할 필요가 없습니다.

  • 확대해도 열화되지 않습니다.

🆖단점

  • 각 글꼴이 지원하는 기호 수가 매우 다양합니다.

  • 텍스트 목록이 매우 길어 적합한 기호를 찾는 데 시간이 걸립니다.

별 모양 패턴을 추가한 후, 디자인이 거의 완성되었습니다.

다음으로 몇 가지 보충 단계를 설명하겠습니다.

6.【패턴 추가】

추가하고 싶은 패턴을 텍스트 도구로 입력할 수 없다면 어떻게 해야 할까요?

이 부분에서는 다른 패턴 추가 단계를 설명합니다.

✧직선 벡터 도형 그리기

🔧방법

1. 새 벡터 레이어를 추가합니다.

2. '폴리라인' 도구를 선택합니다.

3. 그리드를 끄거나 도구의 정렬 기능을 끕니다.

4. 초안에 따라 그립니다.

5. 마지막 선은 마우스 커서에 'o' 모양이 있는지 확인하여 벡터 경로를 연결합니다.


✧곡선 벡터 도형 그리기

🔧방법

1. 새 벡터 레이어를 추가합니다.

2. '만능 펜' 또는 필압 설정이 없는 다른 브러시를 선택합니다.

3. 그리드를 끄거나 도구의 정렬 기능을 끕니다.

4. 초안에 따라 그립니다.

5. 필요에 따라 대칭자 또는 다른 특수자를 추가하여 보조할 수 있습니다.

6. 또한, 다양한 도형을 조합하여 패턴을 얻을 수도 있습니다. 예를 들어 아래 그림의 토끼 머리는 도형 도구로 그린 것입니다.


✧도형 채색

하지만 CSP Ver3.0까지는 벡터 레이어에서 채색 기능이 지원되지 않으므로, 채색을 위해 별도로 래스터 레이어를 추가해야 합니다. 하지만 걱정하지 마십시오. 도형의 외곽선이 벡터 경로이기 때문에 디자인을 확대해도 이미지가 깨지거나 계단 현상이 발생하지 않습니다.

 

🔧방법

1. 벡터 도형 레이어 아래에 새 래스터 레이어를 추가합니다.

2. 도형 레이어를 '참조 레이어'로 설정합니다.

3. '영역 둘러싸고 칠하기' 도구를 선택합니다.

4. '영역 확대/축소'를 '-1'로 설정하고, '다중 레이어 참조' 설정은 두 번째 아이콘을 선택합니다.

5. 래스터 레이어에서 도형을 둘러싸서 채색을 완료합니다.


✧반전된 도형 그리기, 마지막 정렬 확인

디자인 필요에 따라 도형에 흰색 선을 추가할 수도 있습니다.

색상을 흰색으로 설정하는 것 외에는 다른 단계는 위에서 도형을 추가하는 단계와 동일합니다.

 

마지막으로, 패턴이 중앙에 배치되었는지 다시 확인할 수 있습니다:

 

🔧방법

토끼 관련 레이어를 동일한 레이어 폴더에 넣고(레이어를 동시에 선택한 후 Ctrl+G를 누를 수 있음) → 텍스트 레이어와 도형 외곽선 벡터 레이어를 함께 선택 → 정렬 기능을 사용합니다.

토끼 패턴 얻기!

7.【인장 가공】

마지막 가공을 해봅시다!

워터마크를 더 인장처럼 보이게 하기 위해 잉크 부족 상황을 모방한 흰색 점들을 추가했습니다.

 

🔧방법

1. 현재 레이어들을 동일한 폴더에 넣습니다.

2. 폴더 위에 새 래스터 레이어를 추가하고 '아래 레이어에 클리핑'합니다.

3. 다음 브러시를 사용하여 흰색 얼룩을 칠합니다.

4. 상황에 따라 과도한 흰색 점을 지울 수 있습니다.

8.【내보내기】

완성되었습니다! 이제 이미지 파일을 내보낼 수 있습니다.

 

🔧방법

1. 용지 레이어를 숨깁니다.

2. 임의의 레이어에서 마우스 오른쪽 버튼을 클릭하고 [표시 레이어 통합 복제]를 선택합니다.

3. [편집] → [휘도를 투명도로 변환]을 클릭합니다.

4. 새 레이어를 선택합니다 (동시에 [Ctrl 키]를 누른 채 레이어 썸네일을 클릭).

5. [캔버스 사이즈를 선택 범위에 맞추기]를 클릭합니다.

6. 원래 벡터 레이어를 숨깁니다.

7. 새 파일로 png 저장, 완료.


맺음말

png 이미지 파일을 얻은 후, 다른 일러스트를 완성한 뒤 워터마크를 추가할 수 있습니다!

 

또한, CLIP STUDIO PAINT에는 파일을 내보낼 때 워터마크를 추가하는 기능도 있으니, 다음 공식 튜토리얼을 참조하십시오:


여기까지 읽어주셔서 감사합니다!

이 튜토리얼에 대해 어떻게 생각하시나요?

댓글로 알려주시면 감사하겠습니다! 이 튜토리얼이 도움이 되셨기를 바랍니다.

댓글

신착

공식 신착