안녕하세요, 마나입니다!

 

이것은이 작은 시리즈의 첫 번째 연습입니다. 일러스트레이션 애니메이션에 대한 초급 기본입니다.

먼저 간단한 것에 대해 이야기하겠습니다.

• 깜박임

• 빛

• 키 프레임 보간

 

제 마스코트 POCHI를 작업 할 것입니다. 디자인이 단순하여 편집도 매우 쉽고 간단합니다.

우리는 다음과 같이 할 것입니다.

이 프로젝트는 CLIP STUDIO PAINT PRO에서 이루어지며, 대부분의 사람들이 팔로우 할 수 있도록이 버전을 사용할 것입니다. 이를 위해 EX 버전을 사용할 수도 있습니다.

 

이 비디오 버전은 바로 여기에 있습니다.

이 프로젝트의 원시 파일과 최종 파일은 아래 링크에 있습니다.

따라 할 수 있도록 다운로드 할 수 있습니다.

 

그림 자르기

먼저 일러스트레이션을 열어 보겠습니다.

키보드에서 Ctrl O를 누르거나 캔버스 탭에서 아이콘을 클릭합니다.

 

완료되면 열기를 클릭합니다.

 

그리고 이것은 우리의 이미지입니다.

괜찮아! 보시다시피이 이미지는 JPG에 있으며 단일 레이어 이미지입니다.

또한 이것은 POCHI이고 내가 사용하는 배경은 Clip Studio Assets에서 가져온 것입니다. 원하는 경우 여기에서 얻을 수 있습니다.

 

뒷면의 조명 브러시는 다음과 같습니다.

먼저 첫 번째 것들; 우리가 염두에두고있는 애니메이션은 무엇입니까?

• 깜박임

• 조명

 

조명의 경우 다시 그리거나자를 필요가 없으므로 Blinking으로 이동합니다.

 

Blinking의 경우 몸에서 눈을 분리해야합니다.

 

이를 분리하려면 [선택] 도구를 사용하고 원하는 선택 도구를 사용합니다.

저는 보통 [올가미]와 [선택 펜]을 사용합니다

 

눈가 전체를 선택하면

완료되면 CTRL X를 잘라 내고 CTRL V를 눌러 새 래스터 레이어에 붙여 넣습니다.

해당 레이어의 이름을 변경하는 것을 잊지 마십시오.

Open_Eyes로 이름을 변경했습니다.

이제 Main Illustration 레이어로 돌아 가야합니다. 이전에 눈이 있던 빈 영역을 다시 그려야합니다.

 

[Selection Pen]을 가져 와서 눈이있는 가운데를 선택하겠습니다.

복사하려면 CTRL C를 누른 다음 새 래스터 레이어에 붙여 넣으려면 CTRL V를 누릅니다.

새로 붙여 넣은 영역을 빈 구멍으로 이동합니다.

 

다른 영역도 똑같이하십시오.

 

현재 선택된 부분 만 복제합니다. [레이어]> [복제 레이어]로 이동합니다.

그리고 그 부분을 다른 구멍으로 옮기십시오.

좋습니다. 두 구멍 (?)이 모두 덮이면 눈을 제외하고 모든 주요 일러스트레이션을 함께 결합하는 것을 잊지 마십시오!

 

이제 몸에서 분리 된 눈이 생겼습니다. 다음으로 눈 표현 작업을하겠습니다.

눈 표현

다음으로 눈 표현을 해보겠습니다.

 

다음에 할 일은 또 다른 눈 표현을 만드는 것입니다. 메인 일러스트레이션에서 추출한이 눈은 실제로 열린 눈이기 때문입니다.

 

이제 Blink 또는 Close_Eye를 만들어야합니다.

 

키보드에서 새 래스터 레이어 또는 CTRL Shift N을 만듭니다.

눈을 감 으려면 [선택 도구]> [직사각형]>을 사용하여 얇은 직사각형을 만들고 색상으로 채 웁니다.

 

⭐ 팁! Close_Eye의 위치에 대한 참조를 갖도록 Open_Eye 레이어의 불투명도를 낮 춥니 다.

 

디자인이 매우 쉽기 때문에 하나만 만들면됩니다.

 

그런 다음 레이어> 레이어 복제로 이동합니다.

그리고 복제 된 눈 사본을 다른 눈으로 조정합니다.

이 두 개의 Close Eyes 또는 키보드의 CTRL E를 병합합니다.

이 레이어의 이름이 Close_Eye로 바뀌 었는지 확인하십시오.

 

그리고 그게 다야. 이제 눈 표현이 생겼습니다.

 

⭐ 일부 눈 표현은 최대 6 개 이상의 표현 범위를 가질 수 있지만 일반적으로 수행하는 애니메이션의 종류에 따라 다르지만 매우 기본적인 애니메이션을 수행하고 있기 때문입니다.

빠른 개폐 눈은 괜찮습니다.

 

좋구나!

이제 애니메이션을 시작하겠습니다.

 

애니메이션 : 타임 라인

이제 타임 라인을 가져 오겠습니다.

[창]> [타임 라인]으로 이동합니다.

또는 작업 공간이 있다면; 그것을로드하십시오.

 

이제 타임 라인 탭에서이 아이콘을 클릭하십시오. 새 타임 라인이나 시퀀스를 만들어 보겠습니다.

그런 다음 타임 라인 설정을 가져옵니다.

•이 타임 라인의 이름을 POCHI로 변경

• 프레임 속도 : 12FPS

• 재생 시간 : 24

• 이미지 보간 : 매끄럽게 진행

• 프레임 시작 : 1부터 시작하겠습니다. 따라 가기가 더 쉽습니다.

 

완료되면 확인을 클릭합니다.

애니메이션 : 라이트 버전 1

먼저 Light 애니메이션을 해보겠습니다.

보시다시피, 저는 이것을 버전 1로 분류했습니다. 두 가지 버전을 만들겠습니다.

 

첫 번째는 가벼운 깜박임입니다.

두 번째는 빛이 켜지고 꺼지는 것입니다.

 

첫 번째는 깜박임입니다.

 

이제 키보드에서 새 래스터 레이어 또는 CTRL SHIFT N을 만들어 보겠습니다.

이 Light_1의 이름을 변경하겠습니다.

[Gradient] 도구> [Foreground to Transparency]에 있는지 확인합니다.

모양을 Circle 또는 Ellipse로 변경하고 [Ellipse]로 이동합니다.

이 가로등의 색상을 선택하거나 키보드에서 Alt 키를 누릅니다.

마우스가 스포이드로 바뀌고> 색상을 얻습니다.

확인. 이제 우리는 빛을 만듭니다.

 

이 광원의 중앙을 클릭> 마우스를 드래그하여 원을 만드십시오.

각도를 수정 한 다음 다시 클릭하여 놓습니다.

 

확인?

 

블렌딩 모드를 도면과 더 일치하도록 변경할 수 있습니다. 오버레이로 이동합니다.

 

이제 여기 타임 라인 영역으로 이동하겠습니다.

 

Light_1 레이어가 선택되어 있는지 확인한 다음 [이 레이어에서 키 프레임 활성화]를 클릭합니다.

레이어 이름에이 '변환'이 표시됩니다.

 

이것은이 레이어가 이제 키 프레임 준비가되었음을 의미합니다.

 

시작하려면 [Operation] 도구> [Object] 하위 도구 아래에 있는지 확인합니다.

[도구 속성]> [변형] 옵션에서

여기 [레이어 불투명도]로 이동합니다.

 

시작하기 전에 키 프레임 보간을 확인하십시오.

[SMOOTH] 보간을 사용하여 Light_1 레이어에서 작업 할 것입니다.

이제 플레이 헤드를 타임 라인의 맨 처음으로 드래그하십시오.

프레임 1 – [레이어 불투명도] 키 프레임 추가

 

타임 라인에서 키 프레임을 보려면 Light_1 레이어 옆에있는 + 아이콘을 클릭합니다.

 

이제 FRAME 6으로 가서 다시 [Layer Opacity]로 돌아갑니다. 이 슬라이더를 최소 50 %로 이동하면 키 프레임이 생깁니다.

이제 FRAME 12에서이 값을 100으로 되돌립니다. 슬라이더를 움직이면 자동으로 키 프레임이 생성됩니다.

확인.

연주 해보세요.

 

빛이 불투명도를 바꾸고 있죠?

계속합시다.

 

⭐ 일부 키 프레임을 복사하여 붙여 넣으려면.

키 프레임을 선택하고 복사를 마우스 오른쪽 버튼으로 클릭 한 다음 원하는 시간으로 이동> 마우스 오른쪽 버튼을 클릭하여 붙여 넣기를 선택해야합니다.

 

또는

 

⭐ 복사하려는 키 프레임을 선택하십시오.

예를 들어 50 % 및 100 %> 키보드에서 Alt 키 누르기

키 프레임을 원하는 위치로 드래그합니다.

 

그리고 그냥 놓아주세요.

 

이제 키 프레임을 복사하여 붙여 넣었습니다.

확인.

 

다시 해보겠습니다.

좋아 보인다.

잘 했어.

 

다시,

특히 루프를 만들려면 끝 키 프레임을 타임 라인의 맨 끝으로 이동합니다.

 

왜 그렇게해야합니까?

 

⭐ 시작 키는 반 프레임이고 종료 키는 같은 값이지만 1 프레임에서 재생되기 때문입니다. 따라서 동일한 값이 1.5 프레임에서 재생됩니다.

특히 루프를 조준하는 경우 다소 길다.

 

⭐ 따라서 종료 키를 타임 라인의 끝으로 이동하면 이제 시작 부분과 동일한 절반 프레임이됩니다.

두 개의 키 프레임 (First 및 Last)을 동일한 값으로 만들어 한 프레임에서 재생합니다.

 

확인?

 

그런 다음 다른 키 프레임을 이동하여 타임 라인의 표시에 맞춰 정렬합니다. 이는 저를 괴롭 히고 시간이 더 동기화되도록하기 때문입니다.

 

이 게임을 할 때 :

변경 사항은 미묘하지만 고정 프레임없이 루프를 만들려는 경우 도움이됩니다.

애니메이션 : Light_Ver2

이제 Light_2를 만들자

뒤쪽에서이 조명을 애니메이션합니다.

이것은 라이트 ON 및 OFF입니다.

다시 새 래스터 레이어를 만들거나 CTRL Shift N을 만듭니다. 이름을 Light_2로 변경

[Gradient] 도구> [Foreground to Transparency]> Shape; [타원]

*이 시점에서 여전히 가로등과 동일한 전경색이 있어야합니다.

*** 이걸 영어로 설명하는 방법을 모르겠습니다.

 

뒤에서 이들을 위해 대체 작은 조명을 만드십시오.

번갈아 하는!

 

✦ 선택 사항 : 혼합 모드를 [색상 닷지] 또는 원하는 밝기 또는 대비 혼합 모드로 변경합니다.

✦ 원하는 경우 Hue도 변경할 수 있습니다.

색조 및 채도 또는 키보드의 CTRL U로 이동하여 색조 슬라이더를 변경하십시오.

이제 새 래스터 레이어를 다시 만듭니다. 키보드에서 CTRL Shift N;

Light_2 1로 이름을 바꿉니다.이 레이어는 이전에 건너 뛴 대체 조명을위한 것입니다.

Gradient Tool> Foreground to Transparency> Shape Ellipse를 가져오고 나머지 조명에 Gradient를 추가하기 만하면됩니다.

-------------------------------------------------- ------- 

이제 애니메이션을 적용합니다.

 

Light_2 및 Light_2 모두에서 [이 레이어에서 키 프레임 활성화]를 클릭합니다. 1

 

[작업] 도구> [오브젝트] 하위 도구> [도구 속성]> [레이어 불투명도]에서 확인하십시오.

하지만 기다려.

 

키 프레임 보간을 변경합니다. 바로 여기에. 이 화살. 이것을 클릭하십시오; 이것을 HOLD로 변경하십시오.

⭐ HOLD Interpolation 키 프레임을 다른 값으로 변경할 때까지 유지합니다.

 

그래서 우리는이 빛에 HOLD를 사용할 것입니다.

 

지금 시작합시다. 타임 라인의 시작 부분에 있는지 확인하세요. 프레임 1.

Light_2에서 – 100 %에서 키 프레임 추가

Light_2 1 – 0 %에서 키 프레임 추가

이제 우리는 움직입니다. 프레임 7로 이동하겠습니다.

Light_2에서 – 레이어 불투명도 값을 0 %로 변경합니다.

On Light_2 1 – 레이어 불투명도 값을 100 %로 변경합니다.

Playhead를 스크롤 해 보겠습니다.

보다?

⭐ 잠시 Hold Interpolation에 대해 이야기 해 봅시다.

Light_2 1 레이어를 숨 깁니다

 

Light_2에

첫 번째 프레임의 값은 100 %이며 여기에있는 다른 값의 다음 키 프레임 (0 %)까지 해당 값을 유지합니다.

 

확인? 간단 하지요?

 

이제 Light_2 숨기기를 해제하겠습니다. 1

이 값을 복사하여 붙여 넣기 만하면됩니다.

 

⭐ 키 프레임을 선택하고 키보드에서 Alt 키를 누릅니다.

키 프레임을 원하는 위치로 드래그

Light_2 레이어도 똑같이하세요!

그게 다입니다.

 

재생 :

애니메이션 : 깜박임

이제 Blinking으로 이동합니다.

 

이전에했던 눈 표현 작업을 할 것입니다.

Open_Eye 및 Close_Eye 모두에서 [이 레이어에서 키 프레임 활성화]를 클릭합니다.

[작업] 도구> [오브젝트] 하위 도구> [도구 속성]> [레이어 불투명도]에 있는지 확인합니다.

그런데 우리는 HOLD 보간을 유지합니다.

확인?!

키 프레임 추가를 시작합니다.

 

⭐ 항상 타임 라인의 시작 부분에서 시작할 필요는 없습니다. 알 겠지요?

임의의 위치에서 시작할 수 있습니다 (예 : FRAME 5).

 

FRAME 5에 Open_Eye 및 Close_Eye에 대한 키 프레임을 추가하겠습니다.

포치가 눈을 뜨고 애니메이션이 시작됩니다.

 

Open_Eye는 100 %입니다

Close_Eye는 0 %입니다.

그런 다음 프레임 9로 이동합니다. 포치가 지금 깜박이기 때문입니다.

 

따라서 Open_Eye는 0 %가됩니다.

그리고 Close_Eye는 100 %

 

스크롤 해 보겠습니다.

보이 시나요? 간단 하지요?

 

계속하자‘포치가 눈을 뜨고 싶어서

프레임 11이라고합시다.

 

Open_Eyes는 이제 100 %가됩니다.

Close_eye는 이제 0 %입니다.

 

재생 해 봅시다 :

Pochi가 다시 깜박이고 싶어?

 

Close_Eye에이 두 키 프레임을 복사하여 붙여 넣습니다. 100 % 및 0 %

Open_Eye에서이 두 가지를 복사하여 붙여 넣습니다. 0 % 및 100 %

 

⭐ 다시; 키 프레임> Alt 키를 누른 상태에서 드래그하여 복사하여 붙여 넣습니다.

 

• Open_Eye 레이어도 똑같이하십시오.

 

재생 해 봅시다.

괜찮아. 그게 다입니다. 아주 간단 하죠?

 

⭐ 요약하자.

 

프레임 21 – Pochi가 깜박이고 싶다면

 

Open_Eyes는 0 %이거나 숨겨져 있어야합니다.

Close_Eyes가 표시되거나 100 %

 

그리고 포치가 눈을 뜨고 싶을 때

 

FRAME 23 – Close Eyes는 지금 숨겨야합니다.

Open_Eyes를 보이게 할 수 있습니다.

 

받았어?

 

지금 플레이 해보자 ~

그리고 이제 포치는 깜박입니다

(그녀는 많이 깜박입니다 ...)

애니메이션 내보내기.

애니메이션 내보내기 용 가장 선호하는 방법은 이미지 시퀀스입니다.

나는 모든 것을 제어 할 수 있도록 GIF와 영화를 혼자하는 것을 선호합니다.

 

수출하려면

[파일]> [애니메이션 내보내기]> [이미지 시퀀스]로 이동합니다.

이미지 시퀀스는 내 애니메이션을 프레임별로 내 보냅니다. 비디오 유형이 아니라 이미지입니다.

 

이러한 설정은 두려워 보이지만 내보내기 대상을 선택했는지 확인하십시오.

이미지 유형을 확인하십시오. Jpeg는 괜찮습니다.

사이즈를 확인하세요.

 

또한 프레임과 프레임 속도를 확인하십시오.

 

완료되면 확인을 클릭하세요.

 

그러면 이미지가 폴더 대상에 있으며 GIF 또는 비디오 편집을 수행 할 수있는 소프트웨어에이를 던질 수 있습니다.

저는 보통 Photoshop에서 GIF를 만듭니다.

Premiere Pro의 영화 또는 비디오.

 

온라인 소스도 있습니다

GIF의 경우; https://gifmaker.me/ 및 https://ezgif.com/maker

비디오 용; MakeAVI http://makeavi.sourceforge.net/을 사용해 볼 수 있습니다.

또는 Easy video maker https://www.easymakevideo.com/

 

 

끝난! | 다운로드 할 파일 | 다음 운동 →

괜찮아! 이것으로이 초급 기본 연습입니다.

 

다음 연습은 Beginner Animation입니다. Anime Blinking에 대해 이야기하겠습니다.

간단한 입 움직임, 간단한 머리카락 애니메이션. 그림자 및 조명 작업. 스톡 푸티지를 가져 와서 사용하고 문제 해결도 처리하겠습니다. 알 겠지요?!

그것은 매우 길어질 것입니다.

다시, POCHI의 파일은 여기에 있습니다

자유롭게 다운로드하여 직접 사용해 볼 수 있습니다.

 

⭐⭐ 다음 주제가 지연됩니다 ⭐⭐

나는 약간의 의학적 응급 상황이있었습니다.

다음 주제는 이미 기록되어 있으므로 조립하기 만하면됩니다.

정말 귀엽고 쉽기 때문에 다음 주제를 공유하고 싶어요 !!

(ﾉ ◕ ヮ ◕) ﾉ * : ･ ﾟ ✧ ✧ ﾟ

 

기다려주세요!

 

안전을 유지하고 마스크를 착용하십시오. 손을 씻으세요.

다음 주제에서 뵙겠습니다.

 

건배!