안녕하세요 여러분! 제 이름은 Syl입니다. 이 기사에서는 Clip Studio Paint EX에서 캐릭터에 애니메이션을 적용하는 방법을 보여 드리겠습니다. 이 기사에는 소프트웨어 설정, 내 애니메이션 작품 중 일부를 예로 들어 설명하고 마지막으로 나와 함께 애니메이션을 만드는 방법이 포함되어 있습니다. 초보자도 이해할 수 있도록 최대한 간단하고 자세하게 안내해 드리겠습니다.
참고: 튜토리얼에는 비디오 형식과 텍스트 형식이 있습니다(본 문서)
1. 설정
이 단계에서는 애니메이션을 시작하기 전에 필요한 지식과 설정을 준비합니다. 이미 기본 기술이 있고 이전에 애니메이션을 제작한 적이 있다면 이 단계를 건너뛰어도 됩니다!
ㅏ. 애니메이션 프로그램: CLIP STUDIO PAINT EX
CLIP STUDIO PAINT에는 PRO와 EX의 두 가지 버전이 있다는 점을 기억하세요. 애니메이션을 사용하려면 EX 버전을 구입해야 합니다.
비. 캔버스 설정
*새 캔버스를 만들려면 [파일] 메뉴 > [새로 만들기]를 선택하세요
프로젝트 섹션에서 애니메이션(비디오 아이콘)을 클릭하세요
기본 설정 옵션은 1920x1080으로 설정하시길 권장드립니다.
*또한 이해하고 싶은 몇 가지 설정이 있습니다.
- 빈 공간: 내보내기 영역(최종 애니메이션) 외부 영역입니다. 이 공간을 메모, 카메라 이동에 사용할 수 있습니다.
- 프레임 속도: 초당 프레임 수이며 표준은 24fps이지만 많은 독립 애니메이터는 (저처럼) 12fps를 사용합니다.
- 재생 시간: 애니메이션의 길이(프레임)입니다. 300으로 설정하면 애니메이션 프레임이 300개로 나중에 조정할 수 있습니다.
더 많은 설정 섹션이 있다는 것을 알 수 있지만 실제로 애니메이션을 시작하기 위해 모든 설정 섹션을 이해할 필요는 없습니다. 압도당하지 않기를 바랍니다! 그리고 솔직히 처음 애니메이션을 만들 때 크기 설정 부분만 이해했어요 :D.
씨. 작업공간 설정
이것은 애니메이션을 할 때의 작업 공간입니다. 저와 동일하게 설정할 필요는 없지만, 초보자의 경우 작업 공간을 제 작업 공간에 정확하게 맞춰서 제 단계를 쉽게 따라할 수 있도록 하는 것이 더 낫다고 생각합니다.
Clip Studio에서 내 작업공간을 다운로드하고 가져올 수 있습니다. 다음 ID로 검색하세요. 2076802
*가져오려면 [창] 메뉴 -> [재료] -> [재료: 다운로드]로 이동하세요. 작업공간에 재료 창이 없는 경우.
그런 다음 내 작업 공간 자료를 캔버스로 드래그 -> 확인
*또는 [windows]로 이동하여 이와 같은 창을 모두 엽니다.
디. 몇 가지 기본 애니메이션 기능 이해
모든 것을 설정하고 나면 필요한 작업 공간을 갖게 됩니다. 나는 처음으로 타임라인 창을 보는 것만으로도 스트레스를 받았기 때문에 지금 기분이 어떤지 안다.
하지만 걱정하지 마세요. 이 복잡한 검은 화면에서 모든 도구를 이해하도록 강요하지는 않습니다. 대신 몇 가지 기본 기능을 미리 살펴보고 동기를 유지하기 위해 애니메이션을 시작하겠습니다.
그리고 제가 지금 설명하는 내용 중 하나라도 이해가 안 되신다면 괜찮습니다! 배우고 연습하는 것이 동시에 더 쉬울 것이라고 생각합니다. 새로운 지식에 압도되지 않고 기능을 더 잘 기억할 것입니다.
* 타임라인 창:
- 표시되는 시퀀스 번호는 프레임의 순서이고, 그 위에 있는 숫자는 길이(초)입니다.
- 타임라인 메뉴에서 -> 썸네일 크기 -> 없음 타임라인이 이름 그대로 나와 똑같이 보이도록 하려면 해당 프레임의 썸네일을 표시하지만 너무 공간을 많이 차지하는 것 같습니다.
- 새 애니메이션 셀/프레임 만들기: 타임라인에서 시간을 클릭하고 "새 애니메이션 셀" 아이콘을 클릭합니다.
- 일부 애니메이션 용어: 키프레임 - 동작의 기본 프레임(예: 깜박임: 눈을 감는 프레임 및 눈을 뜬 프레임), 사이: 키프레임 사이의 프레임
이 정도면 충분할 것 같아요! 제가 놓친 부분이 있으면 추가 단계에서 언급하겠습니다. 이제 2단계로 가보겠습니다!
2. 내 애니메이션 분석
이 단계에서는 스케치, 선화, 채색, 음영 처리, 최종(효과 추가) 및 무작위 팁과 같은 단계별 프로세스를 보여줌으로써 내 애니메이션 작업 중 일부를 분석하겠습니다. 이 단계는 먼저 애니메이션 구조에 익숙해지는 데 도움이 됩니다. 그러나 해당 순서를 선호하는 경우 3단계 '애니메이션 만들기'로 이동한 다음 이 단계로 돌아갈 수 있습니다.
ㅏ. 간단한 루프 애니메이션
레이어
-> 간단한 루프 애니메이션을 위해 먼저 머리, 몸, 장신구 등의 스틸 부분이 포함된 스틸 메인 폴더를 만듭니다. 그런 다음 새 폴더를 만들어 머리카락에 애니메이션을 적용하고, 장신구를 움직이고, 눈을 깜박이고, 루프를 만들 수 있도록 배열해 보겠습니다.
스케치
라인 아트
착색
다중 폴더(음영)
최종(효과)
고품질 링크:
*나처럼 필터 레이어를 만들고 조정하려면 [레이어] 메뉴로 이동 -> [새 수정 레이어] -> 원하는 것을 시도해 보세요.
비. 일반 애니메이션
이 짧은 애니메이션을 선택하겠습니다.
캐릭터가 점프하는 시작 장면을 키프레임을 찍으려면 점프하는 모습을 직접 찍어야 겠네요 ㅎㅎ 복잡한 움직임을 애니메이션으로 만들고, 이를 녹화하고, 이를 바탕으로 애니메이션을 만들 때 사용할 수 있는 팁입니다.
참고: 먼저 키프레임을 결정하고 그린 다음 그 사이에 그려보세요. 모든 시퀀스 프레임을 추적하는 것은 권장하지 않습니다. 시도하다가 중간에 포기했습니다.
레이어
이번에는 정지된 부분과 움직이는 부분을 분리하지 않았기 때문에 선화 애니메이션 폴더와 컬러 애니메이션만 있습니다. 또한 이 애니메이션에서는 2D 카메라 움직임을 많이 사용했습니다
랜덤 팁/자세: 카메라를 조정하려면 [타임라인] 메뉴 -> [새 애니메이션 레이어] -> [2d 카메라 폴더] -> 기존 레이어를 모두 2d 카메라 폴더로 그룹화합니다
그런 다음 타임라인에서 아무 시간이나 선택 -> [키프레임] 만들기 -> [작업] -> 카메라 조정(시작) -> 다른 시간 선택 -> 새 [키프레임] 만들기 -> 카메라 조정 (종결). 그리고 카메라 움직임이 있을 것입니다
동영상 튜토리얼:
스케치
라인 아트
착색
농담
최종(효과)
링크:
3. 캐릭터 애니메이션 만들기
안녕하세요, 마지막 단계입니다. 이 단계에서는 원본 캐릭터의 짧은 애니메이션을 만드는 단계별 과정을 보여주고 설명하고 임의의 팁을 제공하겠습니다. 여러분은 제가 간단한 애니메이션을 만드는 방법을 알게 될 것이고, 자신만의 애니메이션을 시작할 동기를 갖게 될 것입니다.
팁: 앞으로 제가 올릴 애니메이션이 그리 어렵지는 않지만, 초보자라면 간단한 것(깜박임, 머리 움직임)부터 시작하는 것이 좋습니다. 너무 복잡한 아이디어부터 시작하면 포기하고 싶을 것입니다. 제 키프레임을 기반으로 연습하실 수 있고, 제 인스타그램에서 키프레임을 많이 공유하고 있어요.
\
또한 이것은 필요에 따라 깜박임 애니메이션을 공유하는 비디오입니다.
ㅏ. 아이디어
예! 먼저 두뇌에 광범위한 애니메이션 아이디어가 필요합니다. 아이디어는 우리를 위한 지침, 개요 및 동기 부여 역할을 합니다. 상상한 것을 애니메이션으로 구현한다는 생각이 참 멋지네요.
긴 애니메이션의 경우 스토리보드를 먼저 그려야 하지만 이 짧은 애니메이션 튜토리얼에서는 스토리보드가 필요하지 않습니다.
저는 주로 음악, 특히 Jpop을 통해 아이디어를 찾습니다.
Tut: mp3를 가져오려면 mp3 형식의 노래를 캔버스로 드래그하기만 하면 됩니다
비. 스케치
먼저 아이디어를 스케치해야 합니다. 이는 캐릭터를 형성하고 원래 아이디어를 고수하는 데 도움이 됩니다.
이전 단계에서 이러한 기능을 안내했습니다. 아직 이 작업을 수행하는 방법을 잘 모르겠다면 삽입 비디오도 시청하는 것이 좋습니다.
+ \-Ctrl저장 또는\[파일\]->\[저장\]을 통해 파일을 저장하고 10분마다 저장해야 한다는 점을 기억하세요!!
- 기본 애니메이션 폴더의 이름을 'sketch'로 바꿉니다(선택 사항).
- 프레임 1에서 스케치를 시작하고 새 시간으로 이동하여 새 프레임을 만든 다음 아이콘을 클릭합니다. 또는 프레임 1에서 프레임 2를 그리려면 프레임 1을 복사하여 붙여넣은 다음 타임라인에서 마우스 가운데 버튼을 클릭하면 보드가 나타나고 [2]라는 이름의 프레임을 선택하기만 하면 됩니다.
- 원하는 노래/시간에 맞는지 재생해 보세요.
- 만족할 때까지 다시 실행하고, 그리고, 플레이하세요.
팁: 사람들은 일반적으로 키프레임만 스케치하며, 중간을 포함하여 모든 것을 스케치할 필요는 없습니다.
팁: 초보자로서 철저한 스케치를 권장합니다. 비록 시간을 낭비하는 것을 싫어하기 때문에 내 스케치가 좋지는 않지만, 깔끔한 스케치는 중간에 포기하는 것을 방지하는 데 도움이 될 수 있습니다.
팁: 이 애니메이션에서는 슬로우 모션 장면을 제작합니다. 슬로우 모션을 애니메이션화하려면 키프레임 사이에 더 많은 프레임을 그리면 됩니다. (예를 들어 일반적으로 키프레임 1과 키프레임 2 사이에 3개의 프레임을 그립니다. 슬로우 모션으로 만들려면 그 사이에 10개의 프레임을 그려보세요.)
이 애니메이션의 길이는 40초입니다. 안타깝게도 이 글에서는 전체 애니메이션 과정을 기록하고 마무리할 수 없습니다. 내 오래된 노트북은 녹화와 애니메이션을 동시에 처리하는 데 어려움을 겪고(가난한 사람들 문제) 녹화할 때도 주의가 산만해집니다. 스케치부터 최종 제품까지 모든 단계를 보여주겠지만 (my oc Maris의) 첫 장면만 보여드리겠습니다.
씨. 라인 아트
다음 단계는 해당 스케치에 선을 긋는 것입니다.
내 선화 스타일이 정말 개략적으로 보입니다 ㅋㅋㅋ! 대부분의 사람들은 선화를 깨끗하고 연속적으로 그려서 중간과 채색에 도움이 됩니다. 초보자의 경우 이러한 접근 방식을 시도하는 것이 좋습니다. 그런데 요즘 이런 깔끔한 스타일에 푹 빠졌어요.
- 새 애니메이션 폴더를 만들고 이름을 선화로 바꿉니다.
- 스케치 불투명도를 10-20으로 줄여 더 쉽게 추적할 수 있습니다.
- 새 애니메이션 셀 생성, 키프레임 추적 시작
- 키프레임을 완료한 후 사이에 그립니다.
- 스케치 폴더 숨기기
도구: '어니언 스킨'을 켭니다. 사이에서 할 때. 녹색 선은 다음 프레임을 나타내고 보라색 선은 이전 프레임을 나타냅니다. 당신의 임무: 그들 사이에 그림을 그리세요(갈색 선은 내 스케치입니다)
팁: 저는 보통 머리, 옷, 특히 머리카락과 같이 서로 다른 부분을 별도의 레이어로 그립니다.
팁: 머리 비율을 결정하기 위해 눈, 코, 입, 턱을 표시한 다음 다음 프레임에 붙여넣기를 복사하고 이를 기반으로 그립니다.
팁: 머리카락 사이를 그릴 때 머리카락의 시작은 다음 프레임에 가까워야 하고 끝은 이전 프레임에 가까워야 합니다. (후속신청 원칙)
디. 착색
저는 일러스트레이션을 채색할 때와 동일한 채색 기법을 사용합니다. 먼저 기본 색상을 적용하고 그림자를 추가한 다음 마지막으로 효과(예: 효과)를 추가합니다. 애니메이션 업계에서는 먼저 색상 팔레트를 명확히 한 다음 다양한 색상 섹션을 나눕니다. 원하는 방법을 선택할 수 있습니다.
- 새 애니메이션 폴더를 만들고, 이름을 색상으로 바꾸고, 선화 폴더 아래로 드래그합니다.
- 새 애니메이션 셀을 만들고 색칠을 시작합니다.
- 컬러 애니메이션 폴더 위에 새 애니메이션 폴더를 만들고 [아래 레이어로 클리핑]을 선택한 다음 혼합 모드를 [곱하기]로 변경합니다.
- 새 애니메이션 셀을 생성하고 음영 추가 시작
사람들은 일반적으로 [채우기] 도구를 사용하여 애니메이션 색상을 지정하지만 이 선화에서는 올가미 도구를 사용하는 것이 더 좋습니다. [그림] -> [올가미 채우기]에서 올가미 도구를 찾을 수 있습니다.
그림자 작업을 하는 무대입니다. 그림자, 빛 그림자, 반사광을 표현하기 위해 다양한 색상을 사용하여 그림자의 다양한 부분을 구분하기 위해 색상 선을 그립니다. 이렇게 하면 실수로 잘못된 부분을 색칠하는 일이 발생하지 않도록 할 수 있습니다.
그러나 모든 프레임이 아닌 키프레임(중요 프레임)에 대해서만 이 작업을 수행합니다.
결과는 다음과 같습니다.
이자형. 효과(최종)
아아아아아 이 엄청나게 긴 튜토리얼을 거의 완료했습니다! 마지막 단계는 애니메이션에 효과를 추가하여 더욱 매력적으로 보이게 만드는 것입니다! 먼저 추가할 수 있는 효과와 추가 방법을 나열한 다음 이 애니메이션에 추가한 효과를 보여드리겠습니다.
*목록 효과
글로우 닷지: 저는 이 블렌딩 모드를 사용하여 빛을 추가합니다.
레이어 곱하기: 그림자를 추가하는 것 외에도 이 혼합 모드를 사용하여 일러스트/애니메이션의 톤을 설정합니다.
예를 들어 따뜻한 톤의 경우 칙칙한 주황색을 적용하고 불투명도를 줄입니다.
필터 기능(새 수정 레이어): 간단한 루프 애니메이션 분석에서 이를 안내했으며 색상 균형, 음영 등을 조정하는 데 사용됩니다...
(여기서는 색상 균형과 밝기/대비를 조정합니다)
*내가 얻은 최종 애니메이션: (GIF 형식으로 내보내므로 품질이 최적이 아닐 수 있습니다.)
그래서 저는 전체 조명(각 장면마다), 눈 조명 및 하이라이트(특정 프레임용)에 대해 3개의 글로우 닷지 애니메이션 폴더를 사용합니다
전체 톤을 위해 1개의 곱하기 레이어를 사용하고, 존재하는 모든 레이어 위로 드래그하고, 내 애니메이션의 각 장면에 대해 1개의 곱하기 애니메이션 폴더를 사용합니다(아기 -> 창 장면 -> 얼굴 닫기)
마지막 장면(얼굴 닫기)에는 색상 균형 보정 레이어가 2개 있습니다. 전반부는 캐릭터가 희망과 설렘을 느낄 때 따뜻한 톤으로 바뀌다가, 놀러 나갈 수 없는 현실로 돌아오면 쿨한 톤으로 바뀐다.
도구: 이렇게 부드러운 그라디언트를 만들려면 이 도구 [Gradient]를 사용합니다.
4. 결론
끝까지 읽어주셔서 감사합니다. 애니메이션에 대한 여러분의 열정이 느껴집니다. XD 여러분도 애니메이션 제작을 시작하여 아이디어를 작품으로 전환할 수 있기를 진심으로 바랍니다!
그리고 텍스트로 변환할 수 없는 정보도 있으므로 기사와 삽입된 동영상을 모두 읽고 시청하는 것이 좋습니다.
제 튜토리얼이 도움이 되셨다면 좋아요나 조언을 남겨주시면 제가 더 나은 팁을 더 많이 만들 수 있을 것입니다. :D
마지막으로 말씀드리고 싶은 것은 이것이 제 스타일로 애니메이션을 만드는 나만의 과정이라는 것입니다. 저는 애니메이션 학교를 다닌 적이 없어서 혹시 틀린 부분이 있으면 친절하게 조언을 남겨주셨으면 좋겠습니다! 감사합니다!
이 게시물에 '좋아요!'를 누른 사용자
댓글