"우편소인 스타일의 워터마크를 만들어보자! 》
이번 주제는 일러스트 스타일과 어울리는 워터마크 디자인을 만드는 것입니다.
저는 동시에 다양한 스타일의 일러스트에서 어떤 종류의 워터마크 디자인을 사용할 수 있을지 생각해 왔습니다.
최근 저는 일본의 "인장 = 서명"이라는 "인장 문화"에서 영감을 받아 워터마크로 사용할 나만의 인장을 디자인하고 싶었습니다. 하지만 워터마크는 일반적인 일본 인장보다 더 많은 정보를 담고 있기 때문에 이번에는 소인 스타일로 디자인해 보고 싶었습니다.
아래에서 각 단계를 자세히 설명하겠습니다. 따라하고 시도해 보세요!
[다양한 우편소인 디자인]
예시 그림에서 가장 전통적인 "둥근" 우편 소인 표시를 선택했지만, 사실 더 많은 선택이 있습니다! 이 섹션에서는 일반적인 우편 소인 표시의 모양을 간략하게 설명합니다. 디자인할 때 다양한 요소를 결합하여 나만의 워터마크를 만들 수 있습니다!
일반적인 우편 소인 표시 디자인을 세 부분으로 나누었습니다.
1. 기본 모양:
가장 일반적인 모양은 둥글다. 또한 타원과 다각형(예: 정사각형, 마름모, 육각형 등)도 일반적인 모양입니다. 다양한 두께의 이중 선이나 채우기 색상을 추가하여 변형할 수 있습니다. 원과 사각형 등의 복합 모양도 있습니다.
2. 이미지:
일반적으로 점, 별, 평행선 등과 같은 간단한 패턴이 있습니다. 물결 모양의 평행선과 같이 종종 추가되는 그래픽도 있습니다. 원하는 그래픽을 추가할 수 있지만 가장 중요한 것은 모양이 복잡한 선 없이 비교적 간단해야 한다는 것입니다.
3. 텍스트(다음 섹션에서 자세히 설명)
1. [워터마크에 포함된 단어를 확인하세요]
시작해 봅시다!
먼저 워터마크에 포함할 단어를 결정하세요. 단어와 이미지의 수는 반비례합니다.
초안을 작성할 때 먼저 내용을 결정한 다음 구성에 따라 단어를 변경할 수도 있습니다(단어의 길이를 변경하기 위해).
참고를 위한 워터마크에 일반적으로 사용되는 단어의 몇 가지 예는 다음과 같습니다.
개인 필명
개인 SNS 계정 또는 웹사이트 정보
그림 연도
"재인쇄 금지"
"AI 학습 금지"
"위임"
"예"
기타…
2. [초안 초안, 준비작업]
새 파일을 만든 후 브러시를 사용하여 자유롭게 그리기를 시작하세요.
나중에 벡터 레이어를 사용하므로 벡터 레이어의 작동은 숙련되지 않은 크리에이터에게는 직관적이지 않습니다. 따라서 디자인을 청사진으로 자유롭게 그린 다음 청사진에 따라 워터마크 파일을 만드는 것이 좋습니다.
파일 크기 측면에서, 이론적으로는 벡터 레이어가 확대되어도 왜곡되지 않지만, 개인 디자인에 따라 비트맵 레이어가 사용될 가능성이 있습니다. 비트맵이 확대되어도 왜곡되지 않도록 하려면 A4 크기, 300dpi 파일을 먼저 만드는 것이 좋습니다.
[배경 지식 보충] 이 글의 실제 작동에는 큰 영향을 미치지 않지만, "격자"와 "벡터"의 차이에 관심이 있다면 다음의 공식 설명을 참고할 수 있습니다:
공식적으로 시작하기 전에 그리드 기능을 켜세요.
🔧 방법
소프트웨어 상단의 기능 바 → 보기 → 그리드(같은 위치에서 열거나 닫기)
그리드를 켠 후, 나중에 그리기 과정에서 사용할 때 일부 브러시와 도구가 이동하는 것을 알 수 있습니다. 이는 도구 속성이 "정렬 가능"으로 설정되어 있기 때문입니다. 브러시나 도구의 속성 막대에서 원하는 대로 켜거나 끌 수 있습니다.
생성 과정에서는 이 기능을 켜 두는 것이 좋습니다.
자유롭게 그려야 하는 경우 끄십시오. 그렇지 않으면 다음 그림과 같이 표시됩니다.
3. [페인팅 워터마크 표현]
시작해 봅시다!
다음 데모는 이 초안을 기반으로 만들어집니다.
✧ 벡터 레이어의 기본 사용법
🔧 새로운 벡터 레이어 방법
레이어 패널에서 다음 아이콘을 클릭하세요:
🔧 기본 원 그리기
원 모양 도구 선택 → 검은색 선택 → 도구를 "중간에서 시작"으로 설정 → 화면에서 원을 그립니다.
🔧 완벽한 원을 그리는 방법
방법 ①: 그리는 동안 [Shift 키]를 동시에 누릅니다.
방법 ②: 그리기 전에 "지정된 길이와 너비"와 "지정된 비율"을 설정하고 값은 1:1입니다.
(이 설정을 찾을 수 없는 경우 오른쪽 아래의 렌치 아이콘을 클릭하여 다시 찾을 수 있습니다.)
💡 팁 – 소인처럼 보이려면?
두께가 다른 동심원을 사용하여 더욱 소인 스타일의 디자인을 만드세요!
원을 그릴 때 다양한 브러시 크기를 설정하는 것 외에도 벡터 레이어 기능을 사용하여 조정할 수도 있습니다.
✧ 그래픽의 선 폭과 위치 조정
🔧 선 너비 변경 - 방법
"개체" 선택 도구 사용 → 화면에서 모양 선택 → 도구 패널에서 브러시 크기 변경.
🔧 그래픽 위치 변경 - 방법
"개체" 선택 도구 사용 → 화면에서 그래픽 선택 → 파란색 테두리 드래그.
드래그할 때 [Shift 키](그래픽 비율 유지)와 [Alt 키](중앙 위치에서 변환 유지)를 동시에 누르세요.
작업 순서는 다음과 같습니다. 파란색 점을 클릭(그리고 유지) → [Shift 키] + [Alt 키] → 드래그.
✧ 그래픽 도구를 활용하여 디자인을 얻습니다.
다음 단계는 바깥쪽 프레임의 점을 만드는 것입니다.
🔧 외부 프레임 점 만들기——만드는 방법
"개체" 선택 도구를 사용합니다 → 화면에서 모양을 선택합니다 → 도구 패널에서 브러시 모양을 "포인트 모양"으로 변경합니다
🔧 외부 프레임 도트 조정
도트 크기 조정: "브러시 크기"를 늘리거나 줄입니다.
도트 위치 조정: "브러시" 패널에서 "간격" 값을 조정합니다.
✧ 동심원 그래픽 만들기 ①——펜스 기능 활용
그런 다음 그래픽의 중심을 일관되게 만드는 방법에 대한 부분으로 넘어갑니다.
처음부터 펜스를 켜고 그래픽 도구를 "중심에서 시작" 및 "정렬 가능"으로 설정했습니다.
따라서 그래픽을 그릴 때 동일한 위치에서 시작하는 한 그래픽은 "동심"이 됩니다.
✧ 동심원 그래픽 만들기 ②——정렬 기능 활용
그리드를 보조 도구로 사용하여 여러 개의 원을 그렸지만, 조정하는 동안 실수로 이동할 가능성이 여전히 있습니다. 이때 "정렬" 기능을 사용하여 위치가 여전히 동심원인지 확인할 수 있습니다.
🔧 방법
객체 선택 기능 사용 → 화면의 모든 객체 선택(선택 시 [Shift 키]를 동시에 누르세요) → "정렬" 패널에서 다음 두 아이콘을 클릭합니다.
*"정렬" 패널은 소프트웨어 상단의 "창"에서 열 수 있습니다.
✧ 물결 모양의 평행선을 만듭니다.
스케치에서 우편 소인 디자인을 시뮬레이션하기 위해 물결 모양의 평행선을 추가했습니다.
벡터 레이어를 사용하여 그리는 방법을 설명합니다.
🔧 방법
1. "연속 곡선" 도구를 선택하고 화면에서 표시된 지점*을 클릭합니다. 마지막 위치에서는 클릭할 필요가 없습니다. 대신 마우스를 해당 위치로 이동하고 [Enter 키]를 직접 누릅니다.
* 고정된 위치에 관련 참조 지점을 표시하려면 펜스를 사용합니다. 예를 들어, 아래 데모에서는 수평으로 2칸마다 한 지점이 있고 수직으로 1~2칸마다 한 지점이 있습니다. 곡선의 시작점과 끝점은 파고와 저점 사이의 중간점이 될 수도 있습니다.
2. 다른 벡터 레이어에 곡선을 배치하는 경우 "자유 변형" 기능을 직접 사용하여 모양, 회전 등을 조정할 수 있습니다.
3. 곡선을 복제하여 수직 아래로 이동합니다.
방법 ①: 레이어를 복제합니다. 복제된 레이어를 선택하고 Move Layer 도구를 아래로 당깁니다.
방법 ②: 객체를 선택하고 Ctrl+C를 누른 다음 Ctrl+V를 누릅니다. 마우스로 아래로 드래그합니다.
4. 모든 물결선 선택 → "정렬" 패널에서 다음 아이콘을 클릭합니다.
5. 선 두께를 조정합니다. 저는 상단과 하단 선을 더 두껍게 조정했습니다.
(평행선이 더 많으면 더 아름다울 것 같아서 위의 단계를 반복해서 5번째와 6번째 선을 얻었습니다)
6. 선의 시작과 끝이 호 모양이 되지 않게 하려면, 객체가 있는 선을 선택하고 "브러시 앞면"에서 "두께"를 "1"로 조정할 수 있습니다.
수평선의 경우 적용 방향은 "수평"이고, 수직선의 경우 적용 방향은 "수직"입니다.
4. 텍스트 추가
💭 글꼴 선택
인장에 매우 자세한 선이 있을 수 없으므로 너무 작은 글꼴을 사용하지 않는 것이 좋습니다.
더 복잡한 획이 있는 텍스트(예: 중국어 번체 또는 일본어 간지)를 사용하는 경우 텍스트가 너무 얇을 수 없으므로 디자인의 텍스트를 위한 충분한 공간을 확보하십시오.
글꼴을 사용하기 전에 글꼴이 개인적 또는 상업적 용도로 라이선스되었는지 확인하십시오.
🔧 사용될 기능 데모
커닝 조정
정렬 기능/균등 정렬 기능
📝 팁
텍스트 줄에 새 텍스트 레이어를 만들면 위치를 조정하기가 더 쉬워집니다.
글꼴을 선택할 때 텍스트를 회전한 후 글꼴 레이어를 선택하고 마우스를 글꼴 위로 옮기고(왼쪽 버튼 필요 없음) 스크롤 휠을 사용하여 위아래로 움직여 빠르게 검토할 수 있습니다!
>【배경 지식 보충】 > > 텍스트 도구를 사용한 적이 없는 독자라면 다음 공식 텍스트 도구 튜토리얼을 참조할 수 있습니다. > > + 텍스트 도구 사용 방법・기본 > > + 텍스트 도구 사용 및 설정 방법
✧ 둥근 텍스트 추가①
원형 텍스트 기능은 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. 또한 기울임꼴(기울임꼴), 수평 및 수직 비율, 시계 방향 또는 반시계 방향 구성 등의 설정을 필요에 맞게 변경할 수도 있습니다.
5. "*", "-", "]"와 같은 다른 텍스트 기호도 시도할 수 있습니다!
✅ 장점
편리하고 직관적이며 텍스트 도구 사용 방법을 알고 있다면 쉽게 익힐 수 있습니다.
자료를 찾는 데 시간을 추가로 들일 필요가 없습니다.
확대해도 손상되지 않으므로 자료의 해상도가 부족하다는 걱정이 없습니다.
🆖단점
텍스트 심볼 선택이 제한적입니다.
때로는 글꼴을 선택하는 데 많은 시간이 걸리기도 합니다.
연결된 패턴을 만들 수 없습니다(아래 보충 그림 참조).
✧ 텍스트 도구를 사용하여 그래픽을 얻으세요
방사형 패턴 외에도 텍스트 도구를 사용하여 다른 그래픽을 얻을 수도 있습니다.
🔧 방법
1. 새 일반 텍스트 레이어를 추가합니다.
2. 텍스트 도구 속성 패널에서 "텍스트 목록"을 클릭합니다.
3. 선택한 글꼴에 따라 다양한 지원 기호가 나타납니다.
4. "©", "®" 등은 "Latin Supplement"에서 찾을 수 있습니다. "★" 및 "☆"와 같은 다른 기호는 "Geometric Figures"에서 찾을 수 있습니다.
✅ 장점
"©"와 같은 기호를 추가로 검색할 필요가 없습니다.
확대해도 손상되지 않습니다.
🆖단점
각 글꼴에서 지원하는 기호 수가 크게 다릅니다.
텍스트 목록이 매우 길어서 올바른 기호를 찾는 데 시간이 걸립니다.
별 패턴을 추가한 후 디자인은 거의 완성되었습니다.
몇 가지 추가 단계는 다음에 설명됩니다.
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 이미지 파일을 받은 후 다른 일러스트레이션을 완성한 후 워터마크를 추가할 수 있습니다!
또한 CSP에는 파일을 쓸 때 워터마크를 추가하는 기능도 있습니다. 다음 공식 튜토리얼을 참조하세요.
여기까지 읽어주셔서 감사합니다!
이 가르침에 대해 어떻게 생각하시나요?
메시지를 남겨서 알려주세요! 이 튜토리얼이 도움이 되길 바랍니다.
이 게시물에 '좋아요!'를 누른 사용자
댓글