PNGTuber 아바타 만들기 | 컨셉에서 애니메이션까지
전주곡
안녕하세요, 저는 일러스트레이터이자 스트리머인 테레벨입니다!
이 튜토리얼은 PngTuber 아바타를 만들 때의 작업 방법을 여러분과 공유하고자 합니다. 물론 다른 유형의 콘텐츠에도 이 방법을 사용하지만, 오늘은 PngTuber 아바타에 집중하겠습니다!
참고:
• 처음에는 소프트웨어 PngTuber Plus를 사용했지만, 애플리케이션의 반복적인 버그로 인해 Veadotube로 전환하게 되었고, 후자를 위해 아바타를 만들 것입니다.
• 이 튜토리얼은 제 모국어인 프랑스어로 작성하고 있는데, 영어로 쓸 만큼 어휘력이 부족하다고 생각하기 때문입니다.
1 | 준비
그림을 그리기 시작하기 전에 먼저 파일과 작업 공간에 관심을 가져야 합니다.
1.1 | 파일 생성
Twitch 이모티콘이든, 소셜 네트워크에 게시할 일러스트이든, 아바타이든, 저는 대형 포맷으로 작업하는 것을 좋아합니다. 이렇게 하면 완성품의 품질이 좋아지고, 무엇보다도 다른 미디어에 일러스트를 재사용할 가능성이 있습니다. 일러스트를 인쇄하거나 토트백에 표시하고 싶을 때 모든 작업을 다시 할 필요가 없거든요!
그래서 저는 파일을 만드는 것으로 시작합니다.
저는 종종 정사각형 포맷(특히 이모티콘의 경우)으로 작업하는데, 포맷은 2000*2000픽셀입니다.
흰색 배경에서 작업하는 것보다 회색이나 밝은 베이지색으로 작업하는 것이 좋습니다. 눈에 너무 과격하지 않도록요.
1.2 | 다양한 도구
이 튜토리얼에서는 여러분의 창작물을 만드는 데 확실히 유용할 다양한 도구를 사용할 것입니다. 여기에는 다음이 포함됩니다.
• 색상 세트
• 대칭 도구
• 벡터 레이어
• 클리핑 마스크
• 블렌딩 모드
• 필터
2 | 스케치: 기본 개념
스타일러스를 꺼내세요, 시작해 봅시다!
모든 일러스트레이션은 스케치로 시작됩니다.
2.1 | 캐릭터
저는 종종 무엇을 이루고 싶은지에 대한 막연한 생각으로 그림을 그리기 시작합니다. 간단한 개념이든 더 정확한 아이디어이든요.
이 튜토리얼에서는 개념을 생각할 필요가 없었습니다. 제 이야기 “팅클의 저주”에 나오는 여우 스콧과 함께 작업할 테니까요.
스케치 단계에서는 아바타에 캐릭터를 부여하는 많은 것을 정의할 수 있습니다.
• 비율
• 자세
• 표정
저는 확신하기 전에 3개의 스케치를 만들었지만, 아바타가 캐릭터와 욕구에 부합해야 하기 때문에 필요한 만큼 많은 테스트를 주저하지 마세요!
하지만 자세와 표정을 만드는 것만으로는 충분하지 않습니다. 이제 우리는 캐릭터를 입혀야 합니다. 완벽한 의상을 찾기 위해 여러 가지 테스트를 할 수도 있습니다. 개인적으로 스콧은 이미 정의된 의상이 있었기 때문에 찾는 것이 그렇게 복잡하지 않았습니다!
스케치를 선택한 후, 입어보는 각 의상에 대해 새 레이어를 만들고 다른 색상으로 작업하면 다음과 같은 작업이 가능합니다.
• 한 의상에서 다른 의상으로 쉽게 전환하여 선택
• 항상 캐릭터의 몸을 보고 옷의 물리 법칙이 논리적이 되도록 합니다.
2.2 | 색상
캐릭터와 의상에 만족하면 이제 색상을 선택할 때입니다!
색상 선택은 캐릭터 자체만큼 중요합니다. 색상 덕분에 캐릭터에 더 많은 개성을 더하고 깊이를 줄 수 있기 때문입니다. 이러한 색상 제안을 보고 직접 확인해 보세요!
저는 색상을 선택하는 데 기적적인 방법은 없다고 믿습니다. 본능에 따라 시도하면 마음에 드는 색상 조합을 찾을 수 있습니다.
도움이 되도록 예를 들어 사진, 분위기, 색상 팔레트 또는 반려동물의 색상에서 영감을 얻을 수 있습니다!
제 경우, 스콧의 색상은 이미 정의되어 있었습니다(오른쪽 하단의 빨간색 팔레트). 이 튜토리얼을 위해 다른 제안도 이루어졌고, 일부 색상은 실제로 그에게 매우 잘 어울립니다!
색상 세트
Clip Studio Paint에서 매우 유용한 도구는 색상 세트입니다.
사용하기 매우 쉽고, 나중에 재사용할 수 있도록 색상을 저장할 수 있습니다. 웹툰처럼 같은 캐릭터를 여러 번 그리거나, 예를 들어 아바타 애니메이션을 만들 때 유용합니다!
3 | 캐릭터 시트
PngTuber 아바타를 만들 때 캐릭터 시트는 필수는 아니지만 귀중한 정보를 보관하는 데 도움이 될 수 있습니다. 다양한 형태로 제공될 수 있으며 네트워크에 게시하여 제공할 수도 있습니다.
개인적으로 저는 스토리의 캐릭터에 대한 시트를 만들어 여러 정보를 보관합니다.
• 일러스트레이션
• 이름
• 기본 정보(스토리에 따라 다름)
• 간략한 설명
• 사용된 색상
3.1 | 그림
캐릭터 시트의 경우 두 가지 솔루션이 있습니다.
• 맥락에 맞는 캐릭터 일러스트레이션 만들기
• “T 포즈”처럼 정면에서 캐릭터 일러스트레이션 만들기
개인적으로 저는 캐릭터를 맥락에 맞게 만드는 것을 선호합니다. 시트가 더 생동감 있게 느껴지지만, 두 번째 솔루션을 사용하면 캐릭터와 관련된 신체와 다양한 요소를 더 잘 볼 수 있습니다. 당장은 원하는 대로 하세요.
대칭
"T 포즈"를 구현하기 위해 가장 실용적인 도구는 대칭 자입니다.
시트의 경우 캐릭터에 대한 다양한 관점이 반드시 필요한 것은 아닙니다. 제 생각에는 모든 것이 그림과 복잡성에 달려 있지만 캐릭터를 어떻게 사용하려는지에 따라서도 달라집니다.
이 경우 PngTuber 아바타의 경우 캐릭터의 뒷면을 볼 필요가 없다고 생각하므로 충분할 것입니다.
그림자
저는 플랫 틴트로 매우 간단한 그림을 그리는 것을 정말 좋아하지만, 가끔 그림자와 빛을 더하기도 하는데, 이는 분위기나 깊이를 만드는 데 도움이 됩니다.
중립적인 그림자를 만들기 위해 저는 보통 따뜻한 색상(예: 노란색, 주황색, 빨간색)에는 옅은 분홍색을, 차가운 색상(예: 녹색, 보라색, 파란색)에는 옅은 파란색을 선택합니다.
Scott과 그의 따뜻한 색상으로, 저는 색상 레이어 위에 그림자 레이어를 추가하여 모든 그림자를 단일 색상으로 만들 수 있습니다.
제품 모드 및 클리핑 마스크
그림자는 두 가지 중요한 기능에 대해 이야기할 수 있게 해줍니다.
• 제품 모드: 하위 레이어를 색칠할 수 있는 블렌딩 모드입니다. 선택한 그림자 색상은 다양한 플랫 색상에 적응하여 일러스트레이션에 일관성을 부여합니다.
• 클리핑 마스크: 그림자 레이어가 하위 레이어에 적응할 수 있게 해줍니다. 간단히 말해서, 그림자는 절대 색상을 넘치지 않습니다!
두 기능 모두 레이어에서 직접 활성화할 수 있습니다.
필터
저는 주로 특정 요소에 두 가지 필터를 사용합니다: 눈 반사.
• 색수차는 반사에 색상 효과를 추가할 수 있게 해줍니다.
• 가우시안 블러는 반사를 밝게 만듭니다.
두 가지 효과를 "추가(빛나다)" 혼합 모드로 결합하여 이런 결과를 얻었습니다!
윤곽
캐릭터에 생명을 불어넣을 마지막 단계는 윤곽선 색상이라고 생각합니다. 검은색 윤곽선을 컬러 윤곽선으로 바꾸면 모든 것이 바뀔 것입니다!
윤곽선을 색칠하려면 윤곽선 레이어 위에 클리핑 마스크로 새 레이어를 놓은 다음 색상을 지정하기만 하면 됩니다.
차이가 명확하죠?
3.2 | 시트
앞서 말했듯이, 여러분의 프로필은 여러 가지 형태를 가질 수 있습니다. 개인적으로 저는 스토리 속 캐릭터들의 프로필을 만들기 때문에 그래픽과 텍스트 정보를 선호하지만, 아바타에는 일러스트레이션만 사용할 수 있습니다.
아이디어를 제공하기 위해 Scott의 프로필은 다음과 같습니다.
4 | PngTuber 아바타
이제 캐릭터가 준비되었으므로 남은 것은 아바타를 Veadotube 소프트웨어에서 사용할 수 있도록 애니메이션을 만드는 것입니다.
Veadotube에서는 아바타를 움직이게 하는 4개의 이미지를 추가할 수 있습니다.
• 입을 다물고 눈을 뜬 상태: 기본 상태
• 입을 벌리고 눈을 뜬 상태: 말할 때
• 입을 다물고 눈을 감은 상태: 아바타가 무작위로 눈을 깜빡일 수 있도록
• 입을 벌리고 눈을 감은 상태: 아바타가 말할 때 무작위로 눈을 깜빡일 수 있도록
4.1 | 눈
캐릭터가 눈을 깜빡이게 하는 방법은 여러 가지가 있습니다. 당연히 저는 여기서 제 방법을 제시하겠습니다.
저는 3개의 이미지로 눈을 깜빡이게 합니다.
• 눈을 반쯤 감은 상태
• 눈을 감은 상태
• 기본 상태보다 눈을 조금 더 뜬 상태
4.2 | 입
말하는 듯한 착각을 주기 위해, 우리는 눈과 같은 원리를 사용하여 소리를 나타내는 3개의 다른 입을 만듭니다.
• A의 소리를 위한 입
• I의 소리를 위한 입
• O의 소리를 위한 입
4.3 | 조립
눈과 입이 준비되면 이 모든 요소를 모아서 4개의 별도 이미지를 만들 차례입니다.
• PNG 1개
• APNG 3개(GIF와 비슷한 애니메이션 PNG이지만 품질이 더 좋음)
모든 이미지를 PNG로 내보내고 이곳과 같은 웹사이트로 가서 일부 이미지를 APNG로 병합합니다. 그러면 아래 모든 이미지가 완성됩니다.
예를 들어 분홍색 십자가가 있는 이미지를 사용하면 분홍색 원으로 표시된 APNG 파일 번호 4를 만들 수 있습니다.
APNG 중 하나가 두 가지의 움직임을 연관시켜야 하므로 깜박임과 입 속도에 동일한 속도(지연 시간)를 사용하는 것이 좋습니다!
4개의 이미지(1개의 PNG와 3개의 APNG)가 있으면 Veadotube 애플리케이션으로 가서 다음과 같이 순서대로 배치할 수 있습니다.
이제 당신이 해야 할 일은 마이크에 대고 말해서 아바타가 제대로 작동하는지 테스트하는 것뿐입니다!
5 | 추가 팁
마무리하기 전에, 아바타를 만드는 데 도움이 될 몇 가지 추가 팁을 알려드리고 싶습니다.
5.1 | 벌거벗은 캐릭터
PngTuber 아바타는 예를 들어 Visual Novel에서 사용되는 캐릭터와 같은 방식으로 작동합니다. 캐릭터는 다양한 표정이나 다양한 옷을 가질 수 있습니다.
아바타를 사용하면 눈과 입을 수정하여 분노, 두려움 또는 슬픔과 같은 표정을 추가한 다음 Veadotube에 새로운 상태를 추가할 수 있습니다.
스트림에서 사용하는 PngTuber 아바타인 작은 올빼미에 두 번째 상태인 분노를 추가했습니다. 키보드에서 키를 정의하거나 한 번의 클릭으로 한 상태에서 다른 상태로 전환하는 매크로를 만들 수 있습니다!
의상 변경의 경우, 동일한 원칙이며, 새로운 의상을 그린 다음 모든 이미지를 다시 내보내면 됩니다.
따라서 아래의 예와 같이 항상 캐릭터의 "벌거벗은" 버전을 만들어 매번 모든 것을 다시 그릴 필요 없이 의상을 쉽게 변경할 수 있도록 하는 것이 좋습니다. 그러면 시간이 절약됩니다.
5.2 | 벡터 레이어
제 생각에 Clip Studio Paint의 주요 기능 중 하나는 벡터 레이어입니다.
벡터 레이어를 사용하면 일반 레이어에서와 같이 그릴 수 있지만, 예를 들어 품질을 잃을 위험 없이 특정 선의 두께를 수정하거나 레이어를 확대 및 축소할 수 있습니다. 개인적으로 저는 윤곽선에 벡터 레이어를 사용하여 알몸에 옷을 쉽게 추가할 수 있습니다!
알몸 캐릭터 폴더 전체를 복제합니다(제 쪽에서는 이 폴더에 색상, 윤곽선, 윤곽선 색상, 눈 하이라이트가 들어 있습니다). 그리고 옷에 대한 새 벡터 레이어를 만듭니다. 옷이 완성되면 벡터 지우개 덕분에 튀어나오거나 보이지 않는 모든 것을 삭제할 수 있습니다.
아래의 타임랩스에서 볼 수 있듯이, 옷을 입은 버전을 만들기 전에 먼저 알몸 캐릭터 전체를 깨끗하게 완성했고, 그런 다음 애니메이션을 위해 다른 눈과 입을 만들었습니다!
6 | 결론
축하합니다. 튜토리얼을 끝까지 읽어주셨습니다!
이게 제 첫 튜토리얼인데 끝까지 읽어주셔서 감사합니다. 제가 충분히 명확하고 정확하게 설명했기를 바라며, 아바타를 만들고 질문에 답하는 데 도움이 되었으면 좋겠습니다!
제 설명을 따라주셔서 다시 한번 감사합니다, 키스 ♥
댓글