여러분, 안녕하세요

이 튜토리얼에서는 작업 프로세스를 줄이고 시간을 절약할 수 있는 놀랍게도 여러 가지 Clipstudio 기능을 사용하는 방법을 보여 드리겠습니다.

요약하자면, 이 튜토리얼에서는 3가지 주제를 설명합니다.

 

• Clipstudio 레이어를 사용한 색상 관리

• 재료 라이브러리에 색상 저장

• 애니메이션 기능을 이용한 일괄 내보내기

비디오 튜토리얼

이 튜토리얼에는 비디오 튜토리얼 버전도 있습니다. 3 한번 살펴보세요!!

소개 : 색상 관리 작업..

단일 작품을 그리려면 참조만 필요하거나 상상력에 따라 색상을 선택하면 됩니다.

 

하지만 2D 게임 에셋(스프라이트), 애니메이션 키프레임, 만화, 스티커 세트 등 여러 캐릭터를 여러 번 그려야 하는 프로젝트가 될 경우 해당 프로젝트에 대한 색상 표준이 필요합니다.

고전적인 방법으로 캐릭터의 색상 팔레트를 만드는 것부터 시작합니다.

간단한 색상 팔레트로 사용하기 위해 [하위 뷰 패널]에 넣습니다.

(하위 보기 패널을 사용하려면 : [창 > 하위 보기])

단, 프로젝트에 캐릭터가 많거나 다양한 색상 수정이 있는 경우..

하위 뷰 패널의 색상 팔레트는 혼란을 가져올 수 있습니다

대신 작업 방식을 채색화에서 가치화로 바꾸기로 결정했습니다.

 

팔레트에서 색을 고르는 대신 기본색, 그림자색, 연한색, 최종 터치할 색.. 반복해서…

 

모든 것을 회색 음영(또는 '값'이라고 함)으로 칠한 다음 디지털 아트 소프트웨어의 힘을 사용하여 색상으로 변환하겠습니다!!!

저의 놀라운 Clipstudio 기능 No.1에 대해 이야기해 보겠습니다.

Clipstudio 레이어를 사용한 색상 관리

클립 스튜디오에는 주로 편집 가능한 잉크 작업을 위한 벡터 레이어와 보편적인 용도(스케치, 잉크, 페인트, 채우기 등)를 위한 래스터 레이어가 있습니다.

레이어 패널에서 즉시 생성할 수 있는 레이어 유형입니다.

그런데.. 방금 클립 스튜디오에 다양한 채우기 및 색상 보정을 위한 레이어도 있다는 것을 알았습니다!!

레이어 메뉴에서 이러한 레이어를 만들 수 있습니다

클립스튜디오 페인트를 여러 프로젝트와 수년간 사용해왔습니다.

하지만 얼마 전부터 작업 프로세스를 최적화하고 색상 표준을 제어하기 위해 이 레이어 기능을 사용하기 시작했습니다. 어떻게 사용하는지 알려드리겠습니다!!

 

 

이 주제에서는 색상 참조 시트를 사용하는 대신 색상 관리를 위해 Clip studio의 레이어를 적용하는 방법을 설명하겠습니다.

• 보정 레이어: 그라디언트 맵을 사용하여 다양한 색상 저장

• 레이어 채우기를 사용하여 단일 색상 및 레이어 속성 저장

 

 

[보정 레이어 : 그라디언트 맵]으로 여러 색상 저장

소개에서 컬러 페인팅에서 가치 페인팅으로 전환한다고 말했는데, 프로젝트 규모로 작업해야 할 때 가치 표현 기법 :

 

가치 페인팅의 기본 단계는 다음과 같습니다.

• 다양한 수준의 회색조(Grayscale)로 색상을 칠합니다.

• 수정 레이어: 그라디언트 맵을 사용하여 회색 음영의 밝기 수준으로 색상을 매핑합니다.

이 페인팅 기법의 일반적인 용도는 디자인 과정에서 캐릭터의 색 구성표를 아직 디자인하지 않은 경우입니다.

디자인의 색상 볼륨을 조정하는 데도 유용합니다.

하지만… 프로젝트의 색상 표준을 제어하는 데 어떻게 사용할 수 있을까요?

실제로 참조와 동일한 색상을 갖도록 매핑하려면 어떻게 해야 합니까?

보여드릴게요 : 3

[보정 레이어 : 그라디언트 맵]을 색상 팔레트(색상 저장용)로 사용하는 개념은 다음과 같습니다.

 

1. 회색 음영을 적절한 그라데이션 위치에 매핑해야 합니다

2. 전체 프로젝트를 동일한 회색 음영으로 칠해야 합니다

 

 

시작 전 : Add/Glow 또는 Multiply 레이어와 같은 전체 주변광 최종 터치에 레이어를 사용하는 경우 먼저 숨깁니다

 

참고: 이 예에서는 하이라이트 에 추가/발광 레이어도 사용하지만 하이라이트를 별도로 추가하는 대신 더 편안하기 때문에 페인팅과 함께 추가하겠습니다

색상 매핑으로 시작하여 참조의 한 영역에서 색상을 선택합니다.

 

제가 그녀의 머리에 사용한 색상은 다음과 같습니다

헤어는 4가지 컬러 바리에이션이 있어요...

따라서 이 색상 세트에 매핑하기 위해 4가지 회색 음영을 선택하겠습니다.

 

그리고 놀랐습니다!!

 

클립스튜디오에는 이미 회색톤 팔레트가 준비되어 있습니다!!

 

[색상 설정 패널]에서 찾을 수 있습니다.

(이 패널이 열려 있지 않으면 [창 > 색상 설정] 메뉴에 있습니다.)

 

색상 세트를 [기본 색상 세트]로 설정하면 이름에 백분율이 있는 회색 톤 팔레트를 찾을 수 있습니다!!!

스포일러 주의: 이 숫자는 그라디언트 맵 생성의 위치 숫자와도 완벽하게 일치합니다!!

 

머리카락에는 4가지 색상이 필요하기 때문에

색상 매핑에 대해 -70%, -50%, -30% 및 -15%를 선택했습니다.

참고 : '회색-15%'에 대시 기호(-)가 '회색 MINUS 15%'로 표시되어 '흰색은 15%'로 이해됩니다. 이 회색 톤'에서 사라져서 '밝은 회색'입니다

• 이 색상 이름을 값으로 읽는 데에는아무 문제가 없습니다*

'회색 15%'로 보시면 '이 회색톤에 검정색이 15% 들어있다'라는 뜻입니다

15% 또는 -15%가 여전히 클립 스튜디오에서 동일한 밝은 회색으로 나타나기 때문입니다.

이 값 수는 그라디언트 맵 레이어의 색상 위치와 완벽하게 일치할 수 있습니다.

 

하지만 그라디언트 위치로 변환하려면 값 100으로 반전해야 합니다.

 

위치 0은 가장 어두운 것이고 위치 100은 가장 밝은 색상이기 때문입니다.

 

따라서 회색-15%(밝은 회색)에 매핑할 수 있는 색상은 15가 아닌 위치 85에 있습니다.

[그라디언트 맵 레이어] 만들기를 시작해 보겠습니다!

 

별도의 레이어에 회색 톤 예제를 칠하고 선택합니다.

[레이어를 마우스 오른쪽 버튼으로 클릭 > 레이어에서 선택 > 선택 만들기]

새 그라디언트 맵 만들기:

메뉴로 이동 [레이어>새 수정 레이어>]

사전 생성된 선택을 사용하면 그라디언트 맵이 선택 영역에만 적용됩니다.

그라디언트 맵 패널의 그라디언트 막대는 우리가 계산한 회색 값의 위치를 나타냅니다.

 

그라데이션 바에 색상을 설정하려면 먼저 바 아래의 위치 마커를 클릭해야 합니다.

위치는 0-100 값으로 마커의 위치를 표시하고

 

스포이드를 사용하여 화면에서 색상을 선택하여 위치에 대한 색상을 선택할 수 있습니다.

저는 헤어 컬러 샘플 중 가장 어두운 색을 선택했어요

메이커 위치를 30으로 설정하여 회색-70%로 매핑합니다.

기본 색상 설정에서 회색 톤과 완벽하게 매핑되는 색상이 너무 만족스럽습니다!!

 

이 아이콘으로 위치 마커 사이를 탐색할 수 있습니다

그라데이션 바에 새 위치 마커를 추가하려면 바 아래를 클릭하세요.

계산된 위치를 기준으로 나머지 색상을 모두 매핑합니다.

 

그리고 색상 팔레트로 사용할 수 있는 첫 번째 그라디언트 맵이 완성되었습니다!!

참고: 회색 백분율로 색상을 설정한 다음 나중에 반전하여 올바른 그라데이션 맵을 만들 수도 있습니다.

 

역시 작동하지만 설정을 완료하고 반전할 때까지 미리보기에 잘못된 색상이 표시됩니다

(어쨌든 우리가 계산하는 숫자로 위치도 변경됩니다)

 

자신에게 더 쉬운 방법을 선택할 수 있지만 저는 스스로 위치를 계산하는 것을 선호합니다 ^w^

선택 사항: 그라디언트 세트를 만들고 해당 세트에 그라디언트를 추가하여 그라디언트를 저장할 수 있습니다

그라디언트 맵 패널에서 확인 버튼을 클릭하면 선택 항목이 사라지고 그라디언트 맵에 클리핑 마스크 영역이 있습니다.

마스크 썸네일을 클릭하고 [삭제 버튼]을 눌러 삭제하세요.

 

회색조 페인팅에서도 색상이 사라집니다.

이제 이 그라디언트 맵을 사용할 준비가 되었습니다. 이미 4가지 색상이 저장되어 있으므로 회색 한 세트로 간단히 칠할 수 있습니다**

 

다른 색상 부분에도 이 단계를 반복하세요.

 

참고: 그라디언트 레이어의 썸네일을 두 번 클릭하면 그라디언트 맵 패널이 열립니다

 

레이어를 복사하고 색상을 변경하면 됩니다. 왜냐하면 위치가 이미 설정되어 있기 때문입니다.

더 적은 색상이 필요한 일부 색상 영역에서는 바에서 멀리 드래그하거나 휴지통 아이콘을 선택하고 클릭하여 원치 않는 마커를 삭제할 수 있습니다.

참고: 나중에 더 많은 음영을 추가하여 더 많은 색상을 저장할 수 있습니다. 해당 위치에 일치하는 색상이 없는 그라디언트 맵에서는 주변 색상의 값을 가져옵니다

 

혼동을 피하기 위해 레이어 그래디언트 이름을 설정하는 것을 잊지 마세요.

다음,

그라디언트 맵 레이어를 색상 팔레트로 사용하려면 값과 일치하는 회색 색상도 칠해야 합니다.

 

홍조가 나는 피부색에 추가 음영(회색-90%)을 추가하기로 결정하여 결국 5가지 회색 음영이 생겼습니다.

 

표준 색상 세트를 사용하고 선택 시 색상명을 확인할 수 있지만 잘못된 색상을 선택할 가능성이 높습니다.

저는 이 프로젝트만을 위해 새 색상 세트를 생성합니다.

 

[색상 세트 편집] 아이콘을 클릭하고 [새 세트 만들기]를 클릭합니다.

이름을 설정하고 [확인]을 클릭하세요 그러면 새 빈 색상 세트가 나타납니다.

[스포이드](또는 마우스 오른쪽 버튼 클릭)를 사용하여 색상을 선택하세요.

 

가장 어두운 색부터 시작했어요

[색상 바꾸기] 아이콘을 클릭하여 색상을 색상 세트의 선택한 위치에 넣습니다.

색상을 마우스 오른쪽 버튼으로 클릭하고 [색상 이름 변경]

 

원래 색상 이름을 이 값을 사용할 방식과 함께 입력했습니다.

 

색상 위에 마우스를 올리면 이름이 나타납니다.

다른 빈 슬롯을 선택하고 모든 회색 음영을 저장하려면 단계를 반복하세요.

이제 준비는 끝났고,

 

해 보자!!

 

우리가 만든 회색 값으로 잉크를 그리고 칠합니다.

 

먼저 기본 값으로 아트를 채운 다음 세부 사항에 대해 다른 값을 칠합니다.

색상 참고 시트에서 색상을 여러 번 선택하는 대신 5가지 색상만 사용하여 전체 이미지에 칠합니다.

 

나에게 많은 시간을 절약해줍니다!!

 

이제 색상을 값에 매핑할 차례입니다.

 

[채우기] 도구 사용: [다른 레이어 참조]

 

Reference multiple 옵션을 [Reference layer]로 설정합니다.

레이어 패널에서 잉크 레이어를 참조 레이어로 설정합니다.

레이어를 클릭하고 색상을 채워주세요

 

참고: 마스크 썸네일을 클릭하면 색상이 채워지는지 확인할 수 있습니다.

 

레이어 썸네일을 클릭했는데 마스크가 활성화되지 않은 경우 색상을 채울 수 없습니다**

일부 지역에서는 색상이 올바르게 표시되지 않을 수 있습니다.

아마도

• 음영처리에 잘못된 값 사용

• 그라디언트 맵의 일부 겹치는 영역

 

겹치는 영역의 경우 올바른 그라디언트 맵 레이어에서 선택하고 겹친 그라디언트 맵 레이어에서 삭제할 수 있습니다.

색상은 참고자료와 동일하게 보이시죠!!

 

입이나 흰 눈과 같은 작은 세부 사항은 별도의 레이어에 칠하면 됩니다.

그래디언트 마스크를 사용하면 더 복잡해지고 시간이 많이 걸리기 때문입니다

이제 레이어에 색상을 저장하는 또 다른 방법이 있습니다.

[레이어 채우기]로 단일 색상 및 레이어 설정 저장

색상을 그라디언트 맵 레이어에 저장하는 방법을 이미 보여 드렸습니다.

 

하지만 전체적인 작업 진행에는 아직 부족합니다!!

 

자세히 보면 다른 것을 볼 수 있습니다…

씰의 얼룩무늬가 빠져있고 잉크색상이 다릅니다!!

 

그라디언트 맵 레이어도 색상 절약이 어느 정도 완료되었지만 때로는 새 레이어에 페인트하고 레이어 모드를 사용하여 올바르게 표시되도록 하는 것이 더 쉬울 수 있습니다.

 

명소를 살펴보자…

래스터 레이어에 후드티의 더 어두운 회색으로 점을 칠하고 곱하기 모드로 설정하고 불투명도를 45%로 설정했습니다.

 

매번 그릴 때마다 이 레이어를 만드는 대신 채우기 레이어!!에 이 속성을 저장해두겠습니다.

 

새 채우기 레이어 만들기 메뉴 [레이어>새 레이어 > 채우기]로 이동하세요.

이미 색상을 미리 선택한 경우 선택한 색상으로 채우기 레이어가 생성되므로 색상을 다시 선택할 필요가 없습니다.

기본적으로 채우기/그라데이션 맵 레이어를 만들기 전에 선택 항목을 만들지 않은 경우 전체 채우기 마스크가 제공됩니다.

저희가 직접 그 자리를 칠하겠습니다.

 

마스크를 선택하고 [삭제] 버튼을 눌러 마스크를 지웁니다

레이어 모드 및 불투명도를 참조의 원본 레이어와 동일하게 설정합니다.

 

마스크 레이어의 얼룩을 칠합니다.

지금은 원본이랑 똑같네요...

 

하지만 점은 여전히 가장자리 밖에 있습니다…

 

이 문제를 해결하려면 점의 채우기 레이어와 그라디언트 맵 레이어를 폴더에 넣어 까마귀의 기본 색상과 그룹화할 수 있습니다.

 

폴더의 [레이어 모드]를 [통과]로 설정합니다.

그래서 그라디언트 맵은 폴더 외부의 회색 값에도 적용되었습니다.

마스크를 기본 레이어에서 드래그하고 폴더에 올려놓고

그리고 그 지점은 더 이상 가장자리 바깥에 있지 않습니다. :3

 

참고: 이 부분의 색상을 채울 때 폴더의 마스크 대신에 채워야 *됩니다.

잉크 색상과 글로우 효과에 대해서도 동일한 작업을 수행할 수 있습니다.

 

최종 결과와 폴더 구조는 다음과 같습니다.

다른 아트에 사용하려면 이 레이어를 복사하고 다른 파일에 붙여넣기하고, 올바른 순서로 정렬하고, 모든 마스크를 정리하고 채우기만 하면 됩니다. 가면은 새로운 예술을 지칭한다

 

참조에서 하나씩 색상을 가져오는 데 확실히 많은 시간을 절약할 수 있습니다. :3

하지만... 이 레이어를 사용할 때마다 정리하고 싶지 않다면???

 

클립스튜디오의 놀라운 기능 2번!!을 소개해드릴게요!

재료 라이브러리에 설정된 참조 색상 저장

Clip studio에는 Clipstudio Asserts 자료 형식을 공유하거나 다운로드할 수 있는 재료 라이브러리라는 놀라운 자산 라이브러리 기능이 제공됩니다.

 

기본적으로 재료 라이브러리는 작업공간 오른쪽에 있는 막대를 통해 액세스할 수 있습니다.

이 기능을 에셋 관리용으로 사용한지는 꽤 됐는데.. 클립스튜디오 애니메이션 기능으로 전체 스토리를 사운드로 만드는 예전 튜토리얼에서 확인하실 수 있습니다

[모든 재료] 및 [새 폴더]를 마우스 오른쪽 버튼으로 클릭하여 모든 프로젝트에 대한 자체 재료 폴더를 만들 수 있습니다.

 

프로젝트에서 항상 사용하는 자료를 보관하려면 자신만의 자산 폴더를 만드는 것이 좋습니다. 시간이 매우 절약됩니다.

예전에는 항상 메뉴의 사용자 정의 폴더에 브러시 팁과 배경을 등록했습니다.

 

[편집 > 소재 등록 > 이미지]

프로젝트에서 재사용하기 위해 내 자산을 저장할 수 있다는 것은 정말 멋진 일입니다...

 

하지만 어느 날 드래그 앤 드롭만 하면 레이어를 재질 폴더에 저장할 수 있다는 사실을 발견하고 더욱 놀랐습니다...

…

다시 가져오려면 재료 라이브러리에서 캔버스나 레이어 패널로 끌어오면 됩니다.

 

레이어 모드, 마스크, 불투명도 등 저장 방법과 완전히 동일한 속성을 갖게 됩니다.

등록 메뉴에서 등록하지 않고도 거의 모든 것을 폴더에 넣을 수 있다는 사실을 처음 알았을 때 정말 놀랐습니다

튜토리얼로 돌아가서, 재료 라이브러리에 색상 세트를 저장하고 캐릭터를 다시 그려야 할 때마다 캔버스로 드래그하겠습니다.

 

폴더를 등록하기 전에 색상 레이어에 대한 관리가 있습니다.

 

• 마스크를 모두 깨끗하게 닦아서 사용할 때마다 다시 닦을 필요가 없습니다.

• 잉크 위에 남을 레이어의 폴더를 분리하세요.

• 색상 팔레트로 사용된 모든 그라디언트 레이어를 폴더에 넣고 "통과"로 설정하여 값 페인팅 위에 즉시 배치할 수 있습니다.

• 쉽게 찾을 수 있도록 레이어 라벨 색상을 설정하세요.

 

그러면 다음과 같이 보일 것입니다.

폴더를 재료 라이브러리로 드래그하면 등록됩니다.

나중에 이미지 자료 데이터를 설정하려면 아이콘을 두 번 클릭할 수 있습니다…

인식하기 쉽도록 소재 이미지를 설정하세요.

마침내 모든 캐릭터의 팔레트를 갖게 되었을 때의 모습은 다음과 같습니다. 매우 깔끔합니다!!

이제 마지막 작업 팁에 이르렀습니다.. 일괄 내보내기!!

애니메이션 기능을 이용한 일괄 내보내기

때로는 작품을 다양한 파일이나 다양한 버전으로 내보내야 할 때도 있습니다.

하나씩 내보내는 대신 쿠키에 많은 시간을 낭비합니다.

 

이미 오래 전에 애니메이션 프로젝트에 사용했던 놀라운 기능이 있는데, 다른 2D 프로젝트에도 적용할 수 있다는 것을 방금 깨달았습니다..

 

애니메이션 키프레임 내보내기

 

단, 애니메이션 내보내기 기능이므로 사용하기 위해서는 먼저 이 기능으로 내보낼 수 있는 파일을 준비해야 합니다.

 

비주얼노벨 캐릭터 스프라이트용으로 만든 파일입니다

그것은 다음을 가지고 있습니다 :

• 9가지 얼굴 표정

• 4개의 팔 동작 및

• 본체 베이스 1개

 

모든 것이 명확한 이름과 색상 라벨이 있는 별도의 폴더에 있습니다.

게임 프로젝트에서 직접 사용할 수 있도록 생성된 이름으로 내보내야 합니다.

하나씩 이름을 바꾸느라 시간을 낭비하고 싶지 않아요

 

타임라인부터 시작하겠습니다. 제 타임라인은 작업 공간 하단에 도킹되어 있습니다.

 

(아직 열려있지 않다면 [창 > 타임라인] 메뉴로 이동하세요)

새 타임라인 만들기

새 타임라인 팝업 상자에서 [재생 시간]을 내보내려는 이미지 수량으로 설정하세요.

이번에는 캐릭터의 다양한 얼굴을 내보내고 싶어서 9개를 넣었습니다.

모든 폴더를 보여주는 타임라인이 표시됩니다.

설정한 숫자만큼 재생 시간을 갖습니다.

새 애니메이션 폴더 만들기

선택사항: 폴더 이름도 지정합니다

모든 얼굴 표현 폴더를 애니메이션 폴더 안에 넣고 모든 폴더를 표시로 만듭니다.

애니메이션 키프레임 할당…

애니메이션 폴더 선택

메뉴로 이동 [애니메이션>트랙 편집>여러 셀 할당]

옵션을 [셀 이름으로 할당]으로 설정하세요.

폴더는 모든 키프레임에 할당됩니다!!!

하나씩 할당할 필요가 없습니다.

이제 파일을 내보낼 준비가 되었습니다.

 

메뉴로 이동 [파일>애니메이션 내보내기>애니메이션 셀 내보내기]

내보내기 옵션을 설정할 수 있습니다.

• 파일을 적절한 이름으로 저장하려면 폴더에 이름을 입력하고 [셀 이름]에 [파일 이름] 옵션을 선택하면 됩니다.

• 파일 이름의 접두사를 설정하거나 공백으로 둘 수 있습니다.

• 애니메이션 폴더 외부에 보이는 레이어도 내보내려면 [애니메이션 폴더에 없는 레이어 내보내기] 옵션을 선택해야 합니다.

내보낼 때 파일은 설정한 대로 적절한 이름을 갖게 됩니다.

중요한!!!

애니메이션 폴더가 2개 이상인 경우 결과는 각 애니메이션 폴더의 콘텐츠별로 구분되며 서로 보이지 않습니다.

애니메이션 폴더를 사용한 일괄 내보내기의 대체 방법은 타임라인 내보내기 순서를 이용하는 것입니다.

 

메뉴 사용 [파일>애니메이션 내보내기>이미지 시퀀스]

애니메이션 셀 내보내기와 비슷한 설정을 가지고 있으며,

하지만 이 옵션은 동일한 접두사 및 순서대로의 번호를 사용하여 각 프레임에 표시되는 레이어를 내보냅니다.

요약

• 그라디언트 맵 레이어를 사용하여 색상 세트를 저장하고 회색 값만 칠하여 색상으로 매핑할 수 있습니다(값 페인팅).

• 채우기 레이어는 단일 색상 및 레이어 속성(모드, 마스크 설정, 불투명도 등)을 저장하기 위한 것입니다.

• 레이어 폴더를 드래그하여 재료 라이브러리에 저장하고 다시 드래그하여 모든 파일에서 사용할 수 있습니다.

• 애니메이션 내보내기 기능을 사용하여 일괄 내보내기 파일을 수행할 수 있습니다.

이 튜토리얼을 통해 작업 과정에 대한 아이디어를 얻을 수 있기를 바랍니다.

다음 튜토리얼에서 만나요!!