소개

안녕하세요 여러분! 이 튜토리얼을 확인해 주셔서 감사합니다. 오늘은 CSP 피규어 도구의 기본과 애니메이션에 피규어 도구를 사용하는 예에 대해 공유하려고 합니다!

 

여기에서 요약을 살펴보겠지만 자세한 내용은 동영상 가이드와 함께 아래 내 동영상을 확인하는 것이 좋습니다! ^^

1. 피규어 툴이란?

도형 도구를 사용하면 선, 곡선, 원 등과 같은 간단한 모양을 쉽게 만들 수 있습니다.

위에서 보여드린 이미지에서 그림 도구를 찾을 수 있습니다.

이 튜토리얼에서는 이 Direct Draw 하위 도구의 기본을 다룰 것입니다.

시작하기 전에 VECTOR LAYER를 먼저 생성해야 합니다!

옆에 있는 아이콘으로 벡터 레이어를 확인할 수 있습니다.

 

벡터 레이어를 사용하는 이유 라인을 편집할 수 있도록 하기 위함입니다!

이것은 Figure Tool에서 중요하므로 그리기 전에 다시 확인하십시오.

2. 직선, 곡선 및 올가미 채우기

직선 및 곡선 도구는 매우 간단합니다. 클릭하고 드래그하여 선을 생성할 수 있습니다.

곡선의 경우 다시 드래그하여 클릭하여 곡선을 조정할 수 있습니다.

 

Shift 키를 누른 상태에서 드래그하면 가로, 세로 또는 대각선 축으로 선을 스냅할 수 있습니다.

 

올가미 채우기는 약간 다르며 벡터 레이어에서는 사용할 수 없으므로 래스터 레이어를 사용해야 합니다.

기본적으로 선택한 영역을 빠르게 채우는 데 사용합니다.

기호나 다른 것을 빠르게 그릴 때 사용할 수 있습니다. (자주 사용하지 않습니다)

3. 직사각형, 타원 및 다각형

기본 모양의 경우 직사각형, 타원 또는 다각형 도구를 사용할 수 있습니다.

평소와 같이 클릭하고 드래그하여 개체를 만듭니다. 완벽한 원, 상자 또는 다각형을 만들려면 Shift 키를 누르고 있습니다.

 

다각형의 경우 모서리 수(삼각형, 마름모꼴, 육각형 등)를 편집할 수 있습니다.

모서리의 원형도 편집할 수 있습니다.

 

채우기, 각도 조정, 불투명도 등과 같은 다른 둘레도 있습니다.

자유롭게 사용해보고 필요에 따라 사용하세요!

4. 폴리라인, 연속 곡선 및 베지어 곡선

폴리라인을 사용하면 일련의 직선을 만들 수 있습니다.

클릭할 때마다 마지막 점을 기준으로 계속 선이 생성됩니다.

 

연속 곡선과 베지어 곡선도 마찬가지입니다.

차이점은 클릭하고 드래그하여 곡선을 조정할 수 있다는 것입니다.

베지어 곡선은 곡선과 직선이 약간 혼합되어 있습니다.

당신은 아마도 이러한 도구를 시도하고 스스로 생각..

"이것이 더 많은 줄을 만드는 것을 막는 방법..?!"

 

이 도구를 중지하는 세 가지 방법이 있습니다.

1) Enter 키를 누르면 마지막 커서를 기준으로 행이 중지됩니다.

2) ESCAPE를 누르면 기본적으로 모든 줄을 취소합니다.

3) Ctrl 키를 누른 상태에서 클릭하면 마지막 지점에서 멈춥니다.

5. 선과 모양 편집 + 벡터 지우개!

모양이 있지만 약간 엉망이라고 가정해 보겠습니다. 변경할 수 있습니까?

예! VECTOR LAYERS를 사용하는 한 쉽게 편집할 수 있습니다!

 

OBJECT TOOL(단축키: O)을 사용하여 점, 선, 곡선을 편집할 수 있습니다.

개체를 클릭하고 점을 선택한 다음 원하는 대로 편집합니다.

 

더 고급 수정을 위해 CORRECT LINE TOOL(단축키: Y)을 사용할 수 있습니다.

포인트를 추가/삭제하고 여러 항목을 개별적으로 조정할 수 있습니다.

 

개체 도구를 사용하여 선 두께를 편집할 수도 있습니다.

개체를 선택한 다음 매개변수를 변경하기만 하면 전체 모양이 변경됩니다!

벡터 레이어로 작업하는 경우 한 가지 더 유용한 것이 있습니다: ERASER TOOL!

기본 지우개를 사용할 수 있습니다. 벡터 지우개가 선택되어 있는지 확인하십시오.

 

벡터 지우개에는 세 가지 옵션이 있습니다.

1) 왼쪽은 브러시처럼 평소와 같이 지울 수 있습니다.

2) 중간에 교차선을 지울 수 있습니다.

3) 오른쪽은 모든 줄을 함께 지울 수 있습니다.

빠른 팁: 항상 선을 더 길게 만들고 나중에 교차로를 삭제하세요.

이것은 또한 모양과도 작동합니다.. 그래서 꽤 깔끔합니다!

6. Figure 도구를 사용하여 Lineart를 그립니다!

이제 모든 기본 사항을 얻었으므로 도면에서 시도해 보겠습니다!

여기선 선화부터 애니메이션까지의 과정을 설명하겠지만 인트로에서 제 유튜브 영상을 확인하시길 추천합니다.. 영상가이드로 따라하시면 더 쉽겠죠^^;

 

나는 또한 당신이 읽고/볼 때 이것을 시도하여 당신이 만든 것을 나에게 말할 수 있도록 권장합니다! :디

 

첫 번째는 스케치입니다. 여기서는 기본 브러시를 사용하여 고양이(?) 스케치를 만들었습니다.

다음으로 우리는 선화에 Figure 도구를 사용할 것입니다! 내가 한 일은 다음과 같습니다.

• 내가 원하는 모양에 가까운 도구를 사용했습니다.

• 개체 도구를 사용하여 위치와 곡선을 조정합니다.

• 벡터 지우개를 사용하여 교차선을 삭제합니다.

 

그러나 나중에 애니메이션할 수 있기 때문에 본문의 교차점을 지우지 않았습니다.

7. 타임라인으로 작업하세요!

먼저 타임라인 창(windows > 타임라인)을 열어야 합니다.

타임라인이 비어 있는 경우 새 타임라인 추가를 클릭할 수 있습니다.

이 튜토리얼에서는 CSP Pro 사용자도 시도해 볼 수 있도록 12fps 및 24프레임 지속 시간을 사용했습니다.

 

애니메이션을 만들기 위해서는 애니메이션 폴더를 생성해야 합니다.

그런 다음 애니메이션 폴더 안에 고양이의 선화를 넣습니다.

 

나중에 혼동을 줄이기 위해 이름을 "1"로 바꾸는 것을 잊지 마십시오.

(CSP가 자동으로 다음 레이어의 이름을 숫자로 변경하기 때문입니다)

"아니야, 애니메이션 폴더에 넣으면 그림이 없어져!"

셀 지정(체인이 있는 아이콘)을 선택한 다음 레이어 이름을 선택해야 합니다.

이렇게 하면 레이어가 타임라인에 배치됩니다!

 

빠른 팁: 타임라인에 없는 레이어는 그냥 저장됩니다.

표시하고 지속 시간을 갖도록 셀을 지정해야 합니다!

다음으로 고양이의 벡터 레이어를 복제합니다(오른쪽 클릭 > 레이어 복제).

그런 다음 첫 번째 프레임 옆에 셀 2 또는 3을 지정하십시오.

 

다음으로 도면 레이어 번호 "2"를 편집합니다. 변형 도구를 사용하여 눈을 변경하겠습니다.

ONION SKIN을 켜면 이전/다음 그림을 쉽게 확인할 수 있습니다.

 

"3" 그리기의 단계를 반복하십시오. 복제, 타이밍 클릭, 셀 지정, 편집.

타임라인으로 작업하세요!

도구 지정을 사용하여 만든 도면을 재사용합니다.

 

예를 들어 깜박이는 고양이 타임라인은 실제로 다음과 같습니다. 1 - 2 - 3 - 2 - 1

그래서 그것은 실제로 단지 세 개의 그림으로 구성되어 있습니다!

고양이 흔들기도 하고 꼬리도 움직여봤는데.. 혼자서도 탐험할 수 있어요!

만족하면 계속 지우개 도구를 사용하여 교차선을 삭제합니다.

맞아요.. 레이어별로 다 해줘야지.. 그럼 즐거운 시간 보내세요! :'디

 

다음은 최종 선화 타임라인 및 애니메이션 미리보기입니다.

8. 채색, 음영 및 마무리!

선이 완성되었으니 색칠을 계속해 봅시다!

그렇게 하려면 다른 애니메이션 폴더를 만들어야 합니다.

그러나 폴더 내에서 이번에는 Vector 대신 Raster Layer를 생성합니다.

 

선화 애니메이션 폴더 아래에 컬러 애니메이션 폴더를 배치합니다.

lineart의 가이드에 따라 채우기 도구를 사용하여 색상으로 처리합니다.

 

선화에서처럼 새 레이어를 만들고 셀 지정을 다시하는 것을 잊지 마십시오.

프로세스는 매우 유사하지만 이번에는 타이밍 가이드가 있습니다.

따라서 선형 애니메이션 타이밍을 일치시키기만 하면 됩니다.

Shading의 경우 색상 애니메이션 폴더 위에 Multiply를 사용하여 새 레이어를 자릅니다.

곱하기 그림을 색으로 채우고 몇 부분을 지운 다음 색조와 채도를 조정합니다.

이것은 정적이고 단순한 음영이므로 재생하고 실수를 다시 확인하십시오.

 

다음으로 색상 아래에 배치된 별도의 레이어에 Drop Shadow를 추가합니다.

Gradient, Change Line Color 등과 같은 효과를 자유롭게 추가하십시오.

이제 배경의 경우 이 자습서에서는 CSP의 기본 자료를 사용했습니다.

그것을 사용하려면 재료를 끌어다 놓고 그림자 아래에 놓기만 하면 됩니다.

 

2D 카메라 폴더를 이용하여 줌 이동을 추가할 수도 있습니다.

먼저 카메라 폴더 안의 모든 폴더와 레이어를 이동합니다.

 

다음으로 키프레임 추가 버튼을 클릭합니다. 카메라 폴더의 첫 번째 키프레임이 됩니다.

두 번째 키프레임의 타이밍을 선택한 다음 키프레임 추가를 클릭합니다.

이제 편집하려는 키프레임에서 개체 도구를 사용하여 카메라 크기를 조정합니다.

 

카메라 움직임이 표시되지 않으면 애니메이션 > 재생 설정으로 이동하여 "2D 카메라 렌더링"을 확인하십시오.

 

키프레임 이동 및 애니메이션 테스트와 같은 몇 가지 사항을 조정할 수 있습니다.

마지막으로 동영상으로 내보내려면 파일 > 애니메이션 내보내기 > 동영상을 클릭합니다.

(카메라를 사용하는 경우 2D 카메라 효과 적용을 확인하십시오)

 

또는 애니메이션 GIF로 내보낼 수 있습니다.

(훨씬 작아지고 반복 재생됩니다)

폐쇄

다음은 최종 결과입니다! (애니메이션 GIF)

이 글을 읽거나 영상을 끝까지 봐주시면 감사하겠습니다. 이것은 내 첫 번째 튜토리얼 게시물이므로 몇 가지 실수를 한 경우 사과드립니다(너무 렁 하하 하하).

 

나는 여전히 내 Youtube로 작업하고 있으며 앞으로 다른 튜토리얼을 게시할 계획입니다. 아직 작기 때문에 모든 지원이 정말 감사합니다!

 

이 튜토리얼로 무엇을 만드셨는지 저도 궁금합니다..

아래 의견에 자유롭게 알려주십시오! :디

 

마지막으로 이 튜토리얼을 즐기고 도움이 되었기를 바랍니다!

안전에 유의하시고 좋은 하루 보내세요! ^^