"레이어 합성 활용 - 캐릭터 표현 차이 맵 만들기"
많은 인스턴트 메신저 앱에서 이제 다양한 스티커를 만들어 텍스트 대신 상대방에게 직접 보낼 수 있습니다.
직접 또는 독창적인 캐릭터를 그려 스티커를 제작하는 것을 생각해 보신 적 있으신가요?
하지만 다양한 표정을 많이 그리다 보면 작업이 지루해지고 시간이 많이 소요될 수밖에 없습니다. 이럴 때 매우 편리한 레이어 관리 기능인 [**레이어 합성]**을 추천합니다. 이 기능은 CSP EX 3.0 버전 이상에서 사용할 수 있으며, 많은 양의 다양한 이미지를 처리하는 데 매우 유용합니다!
이 기능은 다양한 버전의 일러스트(예: 아침, 해질녘, 저녁 등 장면의 다양한 빛과 그림자, 캐릭터의 다양한 표정 등)에 적용할 수 있을 뿐만 아니라, 여러 페이지의 만화를 관리하고 다양한 언어 버전으로 빠르게 전환할 수 있습니다.
또한, 일러스트를 그릴 때 버전 선택에 어려움을 겪는 경우, 이 기능을 사용하여 버전을 빠르게 비교하고 전환할 수 있어 매우 편리합니다!
이 글에서는 다음을 다룹니다.
1️⃣1부 - 레이어 합성 기능 간략 소개;
2️⃣2부 - 캐릭터 표정 차이 맵 제작, 레이어 합성 관리 사용법 시연, 그리고 제작 시 주의해야 할 사항 소개.
자, 시작해 볼까요 ✨
1️⃣【레이어 구성——사용법 소개】
✧ 레이어 구성 패널 소개
먼저, 레이어 구성 패널을 표시합니다.
위치: [창] → [레이어 구성]
표시할 레이어를 결정한 후 [레이어 컴포지션 추가]를 클릭하여 새 레이어 컴포지션을 만들 수 있습니다.
컴포지션을 만들 때 이름을 지정할 수 있습니다.
눈 모양 아이콘: 현재 표시 중인 레이어 구성을 나타냅니다. (※한 번에 하나의 구성만 표시됩니다.)
확인 아이콘: 레이어 구성을 조작해야 할 경우, 해당 구성을 선택합니다. (※복수 선택 가능)
오른쪽 하단 아이콘: 위아래로 움직여 표시된 구성을 전환합니다.
기타 선택 기능
작업할 레이어 구성을 선택한 후 사용 가능한 작업은 다음과 같습니다.
구성 덮어쓰기
구성 삭제
레이어 구성 순서를 변경해야 하는 경우 패널에서 구성을 드래그하기만 하면 됩니다.
✧ 사용 데모
다음 데모에서는 처음에 A, B, C라는 세 개의 레이어가 있습니다.
레이어 구성 추가는 매우 간단합니다. A와 C를 표시하고 B 레이어를 숨긴 후, 추가 아이콘을 클릭하고 이름을 A+C로 변경하기만 하면 됩니다.
이때 레이어 B를 표시하기 위해 클릭하면 레이어 구성 패널의 눈 모양 아이콘이 "마지막 레이어 표시 상태"로 돌아갑니다.
이때 표시되는 상태는 더 이상 "A+C"가 아니기 때문입니다.
패널에서 "A+C"가 체크되어 있지만, 레이어 구성 관련 작업을 수행하지 않으면 체크 아이콘을 무시해도 됩니다.
"A+C" 눈 아이콘을 다시 클릭하면 해당 레이어의 표시 기록으로 빠르게 돌아갑니다.
【새로운 레이어 추가】
이때 레이어 D를 추가하면 눈 모양 아이콘이 다시 "마지막 레이어 표시 상태"로 돌아갑니다.
왜냐하면 이 상태는 "A+C" 상태가 아니라, A, C, D가 동시에 표시되는 상태이기 때문입니다.
새 레이어를 추가한 후, 필요에 따라 위와 같은 방법으로 다른 레이어 구성을 추가할 수 있습니다.
A+C를 대체하려면 덮어쓰기 기능을 사용할 수 있습니다.
이 데모에서는 "★" 레이어를 추가했습니다.
이때 눈 모양 아이콘은 여전히 "마지막 레이어 표시 상태"로 돌아가지만, 다음 단계는 "작동"이므로 "표시" 부분은 무시해도 됩니다.
그런 다음 "A+C"를 선택하고 "레이어 구성 덮어쓰기"를 클릭합니다.
이때 눈 모양 아이콘은 "A+C"로 돌아갑니다. "A+C"가 덮어씌워져 현재 표시 상태인 "A+C+★"로 설정되었기 때문입니다. 다음으로, 필요에 따라 레이어 구성의 이름을 변경할지 여부를 결정할 수 있습니다.
레이어 구성 이름 바꾸기: 이름 위치를 두 번 클릭합니다.
모든 버전에서 공유되는 레이어를 추가하려면(즉, 레이어를 추가한 후 모든 레이어 구성에 표시되도록 하려면) 레이어를 추가하기 전에 "모든 구성에 추가 레이어 표시"를 클릭해서 켜야 합니다.
레이어 삭제
레이어를 삭제해도 레이어 구성의 표시 상태에는 영향을 미치지 않습니다.
예를 들어, "A+C"와 "A+C+D"라는 두 개의 레이어 구성이 있습니다.
레이어 D를 삭제해도 표시 상태(눈 모양 아이콘)는 변경되지 않습니다.
실제로 "A+C+D"의 표시 내용은 "A+C"와 동일해지지만, 레이어 구성 자체는 사라지지 않습니다.
【레이어 순서 변경】
레이어 순서를 변경해도 레이어 구성에는 영향을 미치지 않습니다.
레이어 병합
✧ 사례 1
원래 레이어 구성은 "A+C+ ★ "입니다.
"C"와 "★" 레이어를 하나의 "C★" 레이어로 병합하면
시각적 표시 내용은 변경되지 않지만, 레이어 구성에는 실제로 두 개의 표시 레이어 "A+C★"만 포함됩니다.
---------------------------------------------
✧ 사례 2
원래 레이어 구성은 "A+C+ ★"와 "A+C+D"입니다.
"C"와 "★" 레이어를 하나의 "C★" 레이어로 병합하면
"A+C+D" 레이어 구성에는 이제 "★", 즉 "A+C★+D"가 포함됩니다.
"A+C+ ★" 레이어 구성의 시각적 표시 내용은 변경되지 않지만, 레이어 구성에는 실제로 두 개의 표시 레이어 "A+C★"만 포함됩니다.
"A+C+ ★"와 "A+C+D"의 표시 내용은 동일하게 유지됩니다.
【새로운 레이어 폴더 추가】
원래 "A+C" 레이어 구성입니다.
새 레이어 폴더를 추가하고 폴더에 "C"를 넣으면
레이어 폴더가 숨겨집니다.
시각적 표시 콘텐츠는 "A"로만 표시되고 "C"는 숨겨집니다.
표시 콘텐츠를 A와 C로 유지하려면 레이어 폴더 표시를 켜고 원래 레이어 구성에 덮어써야 합니다.
【레이어 변환】
원본 레이어를 유지하지 않고 레이어를 변환(예: 벡터 레이어를 도트 매트릭스 레이어로 변환)하는 경우, 레이어 구성에는 영향을 미치지 않습니다.
그러나 원본 레이어를 유지하도록 선택하면 원본 도트 매트릭스 레이어 + 새 벡터 레이어가 생성되어 "새 레이어 추가"로 간주되어 기존 레이어 구성 설정과 일치하지 않으므로 눈 모양 아이콘이 "마지막 레이어 표시 상태"로 돌아갑니다.
레이어 불투명도 변경
레이어 불투명도를 변경해도 레이어 구성에는 영향을 미치지 않습니다.
레이어 구성에는 레이어 불투명도가 기록되지 않습니다.
레이어 이름 바꾸기
레이어 이름을 변경해도 레이어 구성에는 영향을 미치지 않습니다.
하지만 새 이름에 따라 레이어 구성의 이름을 변경해야 할지 신중하게 결정해야 합니다.
2️⃣【실전 연습——캐릭터 표현 차이 맵 만들기】
✏ ️그림 그리기 시작하기
먼저 캐릭터 초안을 그립니다. 몇 가지 주의 사항이 있습니다.
1. 커뮤니케이션 앱의 스티커로 사용할 경우, 캐릭터가 잘리지 않도록 상단, 좌우에 공간을 남겨두는 것이 좋습니다.
2. 크기: 커뮤니케이션 앱에서 요구하는 크기에 유의하세요. 정사각형이 아닌 정사각형에 가까운 직사각형일 수도 있습니다. 처음에는 같은 비율로 더 크게 그릴 수 있지만, 그릴 때는 이미지를 축소하여 디테일이 잘리는지 확인해야 합니다.
3. 해상도: 나중에 이미지를 인쇄하려면 dpi를 300 이상으로 설정해야 합니다.
온라인 게시용으로만 사용하는 경우 72dpi로도 충분합니다.
4. 레이어 구성:
개별 객체별로 레이어를 구분하는 것이 좋습니다.
입, 눈, 눈썹 등 표정과 관련된 객체는 레이어 폴더에 깔끔하게 정리하는 것이 좋습니다.
몸이나 얼굴 등 다른 부분도 하나의 레이어로 병합할 수 있습니다.
입
눈
눈썹
머리카락
화장
얼굴
몸
머리카락(아래)
다음 중:
머리카락은 아래 레이어(얼굴과 몸 아래)와 위 레이어(얼굴 위)로 나뉩니다.
화장 레이어는 실제 화장을 의미하는 것이 아니라, 표정에 따라 위치가 변할 수 있는 블러셔와 같은 얼굴 색상을 총칭하는 용어입니다. 데모 사진에서는 블러셔, 쌍꺼풀, 아이섀도를 각각 세 개의 레이어로 사용했습니다.
눈썹 레이어 폴더는 눈과 분리하여 사용하는 것이 좋습니다.
머리카락과 눈 레이어의 순서는 취향에 따라 정할 수 있습니다. [머리카락(위) > 눈 > 머리카락(가운데)] 순서로 그릴 수도 있습니다. (즉, 아래 머리카락을 포함하여 총 세 개의 머리카락 레이어가 있습니다.)
여기서는 코를 입 안에 그려 넣었지만, 원하는 대로 새 레이어를 열 수도 있습니다.
💡 필요한 경우 하단에 배경색 레이어를 추가할 수도 있습니다.
특히 커뮤니케이션 애플리케이션의 스티커의 경우 흰색 테두리를 추가하는 것이 일반적입니다.
💡 또한, 투명한 배경을 출력하려면 레이어를 추가할 때 "종이"를 숨겨야 합니다.
⑤ 이미지가 완성되었는지 확인하세요.
특히 스티커의 경우, 이미지 중앙에 투명한 구멍이 있으면 사용 시 매우 눈에 잘 띌 수 있습니다.
이 경우, 모든 레이어 아래에 밝은 레이어를 추가하고 확대하여 다시 칠해야 하는지 확인하세요.
확인 후 레이어를 삭제하세요.
🧾 레이어 구성 기능 활용
먼저, 표정과 관련된 레이어를 숨깁니다. 여기에는 다음이 포함됩니다.
눈
눈썹
메이크업(블러셔, 쌍꺼풀, 아이섀도 등)
코와 입
"레이어 폴더" 대신 "레이어"를 숨겨야 합니다.
그런 다음 새 레이어 구성을 추가하고 이름을 지정하여 페인팅의 기본 레이어로 사용합니다.
이 그림은 데모용이므로 기본적인 스마일리 표정을 이미 그려 두었습니다.
따라서 여기서는 관련 레이어를 직접 표시하고 레이어 구성을 하나 더 추가합니다.
다음 섹션에서는 제가 개인적으로 사용하는 명명 규칙을 설명하겠습니다.
【레이어 구성】
미소 1+1+1
의미: 표정 묘사, 눈썹 1, 눈 모양 1, 입 모양 1
번호 순서는 개인의 취향에 따라 변경할 수 있습니다.
【레이어 명명】
1 - 일반
2 - 닫힌 눈
의미: 숫자, 묘사
또한, 작업의 편의를 위해 자주 사용되는 표정과 관련된 레이어 폴더에 색상을 사용하여 표시하겠습니다.
예를 들어, 다음 표정으로 차가운 표정을 그리고 싶다면, 사용된 레이어에 따라 다음 레이어 구성의 이름을 지정합니다. 즉, 다음과 같습니다.
무표정 1+1+3
실제로 "무표정"의 눈과 눈썹은 "미소"의 눈과 눈썹과 같기 때문에 숫자는 모두 "1+1"로 시작하고, 세 번째 숫자만 다릅니다.
"메이크업" 부분은 일반적으로 크게 바뀌지 않기 때문에 레이어 구성 이름에 표시하지 않겠습니다.
대신, 다양한 표정에 맞춰 메이크업 레이어 이름을 지정하겠습니다.
이 부분은 아래에서 설명하겠습니다.
📰 레이어 복제 기능을 사용하세요
다양한 표정을 그릴 때는 새 레이어를 추가하고 다시 그리는 대신, 기존 레이어를 복사하여 약간 수정하는 것이 더 좋습니다. 그러면 더 빨리 완성할 수 있습니다!
예를 들어, 눈을 가늘게 뜨는 웃는 표정을 추가하고 싶습니다.
따라서 눈 모양 옵션에서 눈을 가늘게 뜨는 눈 모양을 추가해야 합니다.
【 🔨 방법】
① 원본(1 - 일반) 눈 레이어를 복사합니다.
방법은 레이어를 "새 점 레이어" 아이콘으로 드래그하거나
레이어를 마우스 오른쪽 버튼으로 클릭하고 [레이어 복사]를 선택하는 것입니다.
② 눈알 부분을 지우고 레이어를 약간 아래로 이동합니다.
필요한 경우 기울이기 기능(Liquify)이나 기타 변형 기능을 사용하여 트리밍합니다.
★ 완성 후 레이어 이름을 올바른 표정으로 수정하는 것을 잊지 마세요.
③ 새로운 눈 위치에 따라 레이어 복사와 같은 방식으로 눈꺼풀 위치를 조정합니다.
사실, 원래 눈꺼풀 레이어를 복사해서 살짝 아래로 이동한 후 새 레이어의 이름을 "눈꺼풀 - squinting"으로 지정했습니다.
그런 다음 이 새로운 표현을 기반으로 새 레이어 구성을 추가할 수 있습니다.
이렇게 하면 빠르게 조정할 수 있는 세 가지 표현이 이미 있습니다!
또한, 새 레이어 구성을 추가하기 전에 블러시 하이라이트의 위치도 조정할 수 있습니다.
간단한 데모이므로 반복적인 부분은 생략했습니다.
"메이크업" 레이어에 번호 체계를 사용하지 않는 이유는 블러셔와 다른 부분은 거의 조정되지 않기 때문입니다.
또한, 레이어 구성 이름에 번호를 추가하면 전체 이름이 너무 길어지고 구조를 파악하기 어려워집니다.
물론, 이는 개인의 선택입니다. "메이크업" 레이어에 별도의 번호를 지정하고 싶으시다면, 그렇게 하실 수 있습니다.
다음에 표정을 그려야 하는데 원래 표정 레이어를 전혀 사용할 필요가 없다면, 레이어 구성 패널에서 얼굴 특징이 없는 상태(즉, 처음에 저장된 얼굴 없음 베이스)를 클릭하여 원래 상태로 돌아갈 수 있습니다.
이렇게 하면 기존 레이어를 숨기는 데 시간을 낭비할 필요가 없습니다!
📁 필요한 레이어를 구성하세요
다양한 표정을 그려야 한다면, 각 레이어의 스타일을 정리하는 데 도움이 되는 표를 활용하는 것을 고려해 보세요.
다음은 간단한 예시입니다. 필요에 따라 4번, 5번 등의 스타일을 추가할 수 있습니다.
📄 새로운 캐릭터 설정 이미지가 추가되었습니다.
이때 공유 객체를 추가해야 하는 경우에도 매우 간단합니다.
예를 들어, 캐릭터에 머리 장식을 추가하고 싶습니다.
머리 레이어에 직접 그릴 수도 있지만, 나중에 생기 없는 표정을 그리려고 하면 머리 장식이 흐트러질 수 있으므로 별도의 레이어에 그리는 것이 좋습니다.
【 🔨 방법】
① 레이어 구성 패널에서 "모든 구성에 추가 레이어 표시"를 클릭하여 켭니다.
② 머리 장식을 그리기 위한 레이어를 추가합니다.
③ 정상적으로 그립니다.
④ 다시 클릭하고 "모든 구성에 추가 레이어 표시"를 끕니다.
이렇게 하면 모든 레이어 구성에 머리 장식이 표시됩니다!
새로 추가된 공유 객체 페인팅을 완료한 후 "모든 컴포지션에 추가 레이어 표시"를 클릭하지 않은 경우, 아래 단계에 따라 모든 레이어 컴포지션을 빠르게 업데이트할 수 있습니다.
【 🔨 단계】
① (새로 추가된 공유 객체 페인팅 완료)
② 레이어 컴포지션 패널에서 "모든 컴포지션에 추가 레이어 표시"를 클릭합니다.
③ 대상 레이어를 복제합니다.
⑤ 다시 클릭하고 "모든 컴포지션에 추가 레이어 표시"를 끕니다.
이 헤어 액세서리처럼 얼굴 없는 기본 레이어를 추가 장식 없이 그대로 유지하려면 다음 단계를 따르세요.
① 얼굴 없는 기본 레이어 구성을 선택합니다.
② 헤어 액세서리 레이어를 숨깁니다.
③ 레이어 구성 패널에서 "오버레이"를 클릭합니다.
④ 완료!
📝 캐릭터 설정 이미지 수정
기존 이미지를 빠르게 수정하고 싶다면, 예를 들어 눈 색깔을 빠르게 바꾸고 싶다면 다음 방법을 참고하세요.
① [새 톤 보정 레이어] → [그라디언트 매칭] (먼저 확인을 누르세요)
② 톤 보정 레이어를 눈 전체 레이어 폴더에 클리핑합니다.
③ 톤 보정 레이어를 두 번 클릭합니다.
④ 그라디언트 색상 조정 완료!
【그라디언트 색상 조정 방법】
① 색상 막대 아래 위치를 클릭하여 앵커 포인트를 추가합니다.
② "색상 지정"을 두 번 클릭하여 앵커 포인트의 색상을 변경합니다.
③ 같은 색상의 앵커 포인트 두 개를 추가하고 서로 다른 색상의 앵커 포인트를 서로 가깝게 당겨 그라데이션 부분을 줄여서 다른 위치의 색상을 지정할 수 있습니다.
💡 눈의 각 부분(예: 아이라이너, 눈동자 등)의 밝은 부분과 어두운 부분의 대비가 클수록 그라데이션을 사용하여 색조를 조정하기가 더 쉽습니다.
눈이나 눈썹 등의 색상을 변경하면 다양한 캐릭터에 표정을 적용할 수 있어 표정 템플릿을 만들 수 있어 매우 편리합니다!
📤 출력 이미지
다양한 표정을 그린 후 이미지 파일을 내보낼 수 있습니다!
【 🔨 방법】
① 투명 배경을 내보내고 싶지만 준비 과정에서 "종이" 레이어를 숨기지 않았다면, 이때 "종이" 레이어를 바로 삭제할 수 있습니다.
② [파일] → [다른 레이어 내보내기] → [레이어 구성 내보내기].
③ 이미지 파일 저장 위치, 이름 등을 설정합니다. 투명 배경이 필요한 경우 PNG 파일을 선택해야 합니다.
내보내기 설정에서 파일 크기를 추가로 조정할 수 있습니다.
따라서 커뮤니케이션 앱용 스티커에 더 작은 크기가 필요하고 부드럽게 그리는 데 어려움이 있다면, 새 파일을 만들 때 더 큰 크기를 설정한 후 크기를 줄이면 됩니다!
💡 JPG 내보내기 설정에서 품질 매개변수를 조정할 수 있지만, 이미지 크기를 줄일 때 품질이 압축되는 것을 원하지 않으면 PNG 파일로 내보내도록 선택할 수 있습니다.
마치다!
각 표현의 차별화를 완료한 후, 스티커로 텍스트를 추가할 수 있습니다.
워드 프로세싱 방법에 대해서는 다음의 공식 교육을 참조하세요.
결론
읽어주셔서 정말 감사합니다!
데모 사진은 세 가지 표현식을 관리하기 위한 레이어 구성 기능만 보여드리지만, 실제로 이 기능은 더 많은 파일을 관리하는 데 매우 편리합니다!
특히 다양한 표현식 버전의 일괄 출력 기능은 작업 시간을 크게 절약해 주는 대체 불가능한 기능입니다!
또한, 위의 방법들은 캐릭터의 표정 설정 데이터베이스, 게임 대사 속 캐릭터의 표정 차이 CG 제작 등에도 적용할 수 있으며, 텍스처 제작에만 국한되지 않습니다!
이 공유에 대해 어떻게 생각하시나요?
메시지를 남겨주시면 감사하겠습니다! 이 내용이 도움이 되기를 바랍니다.
이 게시물에 '좋아요!'를 누른 사용자
댓글