초보자를 위한 CSP의 눈(깜박임) 애니메이션
소개
안녕하세요, 저는 bluero입니다. 오늘은 클립 스튜디오 페인트에서 애니메이션을 적용하는 방법에 대한 간단한 소개를 드리겠습니다. 이번에는 아주 간단하고 쉬운 방법으로 눈이나 눈 깜박임을 준비- 그림을 만들면 클립 스튜디오 pro 또는 ex 버전이 있더라도 이 작은 가이드를 따를 수 있습니다.
1.- 애니메이션하고 싶은 일러스트 열기
이 애니메이션은 이미 완성된 일러스트레이션에서 시작됩니다. 이것은 제 것입니다.
2.- 타임라인
[타임라인] 창을 보이게 하여 [창]으로 이동하여 [타임라인]을 누릅니다.
다음과 같은 새 창이 나타납니다.
이제 새 타임라인을 생성하고 다음 아이콘을 클릭합니다.
다른 옵션이 있는 새 창이 표시되지만 이 애니메이션의 경우 [Velocity(R)] 및 [Duration]에만 관심이 있습니다.
[속도]는 초당 프레임 수로 기본적으로 초당 프레임 수가 많을수록 애니메이션이 더 자세하고 유동적입니다.
이해하기는 복잡할 수 있지만 매우 간단합니다. 다음을 생각해 보십시오.
애니메이션은 기본적으로 많은 정적 이미지가 변경되면서 움직이는 착시가 생성되고 초당 이미지 양이 [속도] 또는 FPS(초당 프레임 수)로 정의됩니다.
이 애니메이션에서는 24FPS를 사용합니다.
12FPS와 24FPS의 애니메이션 비교
[지속 시간]은 기본적으로 [속도]가 24이고 초당 프레임에 해당한다고 이미 말한 이 경우 애니메이션의 매초마다 24프레임이 있다고 가정합니다. 이 경우에는 저는 1초만 지속되는 애니메이션을 수행할 것이기 때문에 지속 시간을 24로 설정했습니다.
우리는 이것을 받아들이고 이와 같은 것을 보게 될 것입니다.
3.- 애니메이션을 적용할 레이어/폴더 구성
다음으로 내 일러스트레이션의 레이어를 그룹으로 나누었습니다. 저는 일반적으로 많은 레이어로 작업합니다. 일러스트레이션이 모두 한 레이어에 있는 경우 눈을 다른 모든 것과 분리해야 하거나 그 위에 페인트를 칠하려는 경우에 대비합니다.
이번에는 눈과 관련된 그룹/레이어에만 관심이 있습니다. 보시다시피 "눈 선화"(파란색)라는 그룹과 이름에서 알 수 있듯이 "눈 색"(주황색)이라는 또 다른 그룹이 있습니다. 그룹에는 선화가 있고 다른 그룹에는 색상이 있습니다.
[타임라인]에서 각 그룹을 숨기면 숨겨지는 것을 볼 수 있습니다.
선화를 색상으로 그룹화해야하므로 CTRL을 사용하여 눈에 속한 그룹을 선택해야합니다. 두 그룹을 모두 선택된 상태로 유지할 수 있습니다. 이제 [레이어]> [폴더 만들기 및 레이어 삽입]으로 이동합니다. 그리고 그 안에 선화와 색상이 있는 새 그룹이 있습니다.
애니메이션을 만들 때 애니메이션 폴더를 생성해야 하므로 다음을 수행합니다.
[애니메이션] > [새 애니메이션 레이어] > [애니메이션 폴더]를 클릭하면 애니메이션 폴더가 생성됩니다.
복잡해지면 첫 번째 아이콘은 [애니메이션 폴더] 두 번째 아이콘은 일반 [레이어 그룹]입니다.
다음으로 애니메이션 폴더의 이름을 변경하겠습니다. 이름을 "eyes"로 지정하고 레이어 그룹을 애니메이션 폴더 내부로 드래그한 후 이름을 "1"로 지정합니다. 날씨 라인에서 식별
중요: 애니메이션 폴더가 생성되면 그 안의 각 레이어 또는 그룹은 이제 ANIMATION CEL이라고 하며 타임라인에서 이것이 인식되는 방식입니다.
이제 (1) 타임라인에서 눈이 더 이상 표시되지 않는 선화 및 색상이 있는 애니메이션 폴더로 그룹을 이동하면 완전히 정상이므로 걱정하지 마십시오.
"눈"이라는 애니메이션 폴더가 있는 타임라인에 위치합니다. 눈을 다시 보이게 하려면 [셀 지정]을 수행해야 합니다.
마우스 오른쪽 버튼을 클릭하면 그룹 이름이 이 경우 "1"을 찾는 창이 나타나고 이를 누르면 눈이 다시 표시됩니다.
더 긴 방법으로 할 수도 있습니다.
[애니메이션] > [트랙 편집] > [셀 지정]을 누르거나 녹색 상자 안에 있는 아이콘을 누르면 개인적으로 오른쪽 클릭을 사용하는 것이 더 편합니다.
5.- 눈
기본 깜박임 애니메이션을 만들기 위해 그림을 시작할 때입니다. 3개의 그림만 필요합니다: 열린 눈, 반 뜨고 닫힌 눈 또는 두 개(열고 닫힘). 더 많은 것을 만들고 싶다면 언제든지 더 많은 그림을 추가할 수 있습니다. 사이.
눈에 애니메이션을 적용하려면 먼저 그려야 합니다. 제 경우에는 이미 눈을 뜨고 있으므로 눈을 감고 눈을 반쯤 감으면 됩니다.
5a.- 눈을 감았다 (2)
우리가 할 일은 색상과 눈의 선이 있는 레이어 "1"을 복제하는 것입니다. [레이어] > [레이어 복제]로 이동하면 "1"의 정확한 복사본이 자동으로 "2"라는 이름으로 생성됩니다. 그리고 그 안에 우리는 이 애니메이션에 대해 닫힌 눈을 그릴 것입니다.
타임 라인에 표시되지 않습니다. 수동으로 셀 "2"를 표시하고 타임 라인에 위치를 지정하고 마우스 오른쪽 버튼을 클릭하면 창이 나타나고 거기에서 "2"를 선택해야 합니다.
색군(주황색)과 눈의 밝기, 선화 이외의 것은 모두 숨겨서 그릴 때 방해가 되지 않도록 하겠습니다.
그룹 1(눈을 뜬 상태)에서 색상과 밝기를 숨깁니다.
그리고 그룹 2 (감긴 눈을 그릴 곳)에서는 색상 레이어 (주황색)를 숨기고 눈을 감았기 때문에 사용하지 않기 때문에 눈의 밝기를 제거합니다. 우리가 이미 가지고있는 것은 쓸모가 없으며 "눈"이라는 동일한 레이어에서 0에서 그립니다.
[양파 종이]를 활성화하겠습니다. 이 옵션은 이전 그림(초록색)을 타임라인에서 다음 그림(분홍색)으로 시각화하는 데 유용합니다. 이를 바탕으로 올바르게 그릴 수 있습니다. 우리가 이미 가지고 있는 것.
보시다시피 2가 비어 있는 것을 볼 수 있으며 닫힌 눈을 그리고 양파 피부를 활성화할 때 열린 눈(1)이 녹색으로 표시되어 쉽게 계속할 수 있습니다.
양파 종이를 사용하여 닫힌 눈을 그리고 결국에는 이와 같은 것을 갖게 될 것입니다. 드로잉 스타일에 따라 또는 사람의 눈인지 아닌지에 따라 분명히 다를 것입니다.
우리는 닫힌 눈 (2)의 색상으로 계속할 것입니다. 닫힌 눈에는 작동하지 않기 때문에 색상 그룹을 제거하고 새 레이어를 만들고 색칠합니다.
채색 후 결과는 다음과 같을 것입니다
그래서 우리는 "1"과 "2"를 가질 것입니다.
이 두 그림을 사용하여 깜박임을 완벽하게 달성할 수 있지만 더 자연스럽고 유동적으로 보이도록 하기 위해 마지막 그림을 하나 만듭니다.
5b.- 반쯤 뜬 눈(1a)
이제 우리는 1(열린 눈)과 2(감긴 눈) 사이의 중간 그림을 만들어야 합니다. 이 그림은 원하는 대로 반 뜨거나 반 감은 눈이 됩니다.
타임라인을 따라 셀 2를 드래그하여 1과 2 사이에 프레임을 남겨두고 거기에 반쯤 뜬 눈(1a)이 있는 새 셀을 배치합니다.
이제 그룹 1(셀 1)을 선택하고 이전과 마찬가지로 레이어를 복제합니다.
[레이어]> [레이어 복제] 및 1a라는 새 레이어가 생성됩니다.
타임라인에 표시되지 않으므로 [셀 지정]을 통해 표시해야 합니다.
타임 라인을 마우스 오른쪽 버튼으로 클릭하고 "1a"를 선택하십시오.
선화만 표시하도록 그룹 "2"(눈 감고)의 색상을 숨길 것입니다.
양파 종이를 활성화하여 "1a"에서 반쯤 감은 눈을 그리기 시작합니다.
이제 우리는 단순히 반쯤 감긴 눈을 그립니다. 제 경우에는 선택 브러시 도구가 이미 있는 선을 수정한 다음 그리는 데 도움이 되었습니다.
완료되면 다음과 같이 됩니다.
눈의 밝기와 1a의 컬러 레이어(주황색)를 다시 보이게 하고 반감기 눈에 맞게 수정합니다.
그것이 끝나면 우리는 이와 같은 것을 남길 것이고 우리는 그림으로 끝낼 것입니다.
마지막으로 색상 그룹과 해당 항목의 눈 밝기를 표시합니다.
그리기 프로세스가 끝나면 다음과 같이 됩니다.
1: 눈을 뜨다
1a: 반쯤 감은 눈
2: 눈을 감았다
6.- 애니메이션
그림이 완성되면 애니메이션을 적용할 시간입니다. 이것이 눈을 애니메이션으로 만드는 유일한 방법은 아니며 항상 할 수 있으며 찾고 있는 것과 좋아하는 것에 대해 실험해 보시기 바랍니다.
시작하기 전에 다음 이미지는 이제부터 제가 명명할 몇 가지 것들의 이름을 알 수 있도록 예시한 것입니다.
녹색 상자에 있는 숫자는 프레임에 해당하고 주황색 상자에 있는 숫자는 애니메이션 셀입니다.
이제 눈에 애니메이션 효과를 줄 수 있는 시퀀스의 몇 가지 예를 보여 드리겠습니다.
6 a.- "열기 천천히 닫기 빠르게" 깜박임
이것은 눈을 감는 것보다 느리게 뜨는 기본 깜박임 순서입니다.
1(눈 뜨기)_1a(눈 반감기)_2(눈 감음)_1(눈 뜨기)
프레임 1:1(눈 뜨기)
프레임 2: 1a(반쯤 감긴 눈)
프레임 3:2(눈을 감음)
프레임 4:1(눈 뜨기)
이 예에서는 셀 사이에 공간을 두지 않고 차례로 배치됩니다.
프레임 4에 위치를 지정하고 [셀 지정]으로 이동하여 1을 선택합니다.
보시다시피 동일한 셀을 다시 그릴 필요 없이 동일한 타임라인에서 동일한 셀을 여러 번 사용할 수 있습니다.
이것은 다음과 같이 보일 것입니다. 제 취향에는 조금 빠르며 솔직히 우리는 훨씬 더 잘할 수 있습니다. 그것이 우리가 할 일입니다.
우리는 각 셀 사이에 1 프레임의 분리를 남길 것이고 이것은 깜박이는 것을 느리게 보이게 하고 더 잘 감상할 수 있게 할 것입니다.
프레임 1:1(눈 뜨기)
프레임 3: 1a(눈 반감기)
프레임 5: 2(눈을 감음)
프레임 7: 1(눈 뜨기)
이렇게 하면 훨씬 나아질 것입니다. 그렇죠?
이제 동일한 작업을 수행하지만 각 애니메이션 셀(셀) 사이에 2개의 프레임을 분리합니다.
프레임 1:1(눈 뜨기)
프레임 4: 1a(눈 반감기)
프레임 7: 2(눈을 감음)
프레임 10:1(눈 뜨기)
나는 당신에게 다음과 같은 비교를 남깁니다.
각 셀 사이에는 간격이 없습니다. 1프레임 간격, 셀 간격 2프레임 간격입니다.
이를 통해 우리는 각 애니메이션 셀 사이에 분리된 프레임이 많을수록 애니메이션이 느려지고 반대로 셀이 서로 가까울수록 움직임이 더 빨라진다는 결론을 내릴 수 있습니다.
다른 예에서는 두 번째 속도 옵션(즉, 각 애니메이션 셀 사이에 1프레임을 남겨둠)을 사용할 것입니다. 가장 좋아하는 것을 사용하거나 원하는 결과에 가장 적합한 것을 사용할 수 있음을 기억하십시오. 성취하다.
6 b .- "빠르게 닫고 천천히 열림" 깜박임
이 옵션에서는 깜박임이 느리게 시작하고 빠르게 끝나는 것을 찾습니다.
프레임 1:1(눈 뜨기)
프레임 3: 2(눈을 감음)
프레임 5: 1a(눈 반감기)
프레임 7: 1(눈 뜨기)
6 c .- 깜박임 "천천히 열림 천천히 닫힘"
이 예에서는 느리게 시작하고 느리게 끝나는 눈 깜박임을 찾습니다.
개인적으로 이 시퀀스가 가장 마음에 드는 시퀀스여서 더 자연스러워 보입니다.
프레임 1:1(눈 뜨기)
프레임 3: 1a(눈 반감기)
프레임 5: 2(눈을 감음)
프레임 7: 1a(눈 반감기)
프레임 9:1(눈 뜨기)
6 d.- 깜박이는 3가지 예의 비교
이것은 내가 공유한 세 개의 시퀀스가 "느리게 열기 닫기 빠르게", "느리게 열기 닫기 닫기" 및 "느리게 열기 닫기 닫기"와 같이 보일 것입니다.
여러 가지 방법으로 실험하고 자신과 원하는 것에 가장 적합한 결과를 얻을 수 있으며 이 경우 모든 애니메이션은 1초이며 애니메이션 시간이 많을수록 눈 깜박임이 많이 달성될 수 있음을 기억하십시오. 더 자연스럽습니다.
7.- 애니메이션 저장
마지막으로 애니메이션을 gif로 저장할 것입니다.
[파일] > [애니메이션 내보내기] > [애니메이션 GIF]로 이동합니다.
파일 이름을 지정하고 저장하는 창이 나타나면 다음 창이 나타납니다.
gif에 대해 원하는 크기를 조정합니다.
내 경우에는 모든 프레임인 1에서 24까지의 내보내기 범위입니다.
24fps의 속도
GIF가 재생될 횟수를 선택할 수 있습니다.
마지막으로, 그렇게 할 때 디더 상자를 활성화하는 것이 좋습니다. 특히 많은 색상 및/또는 그라디언트를 사용하는 경우 gif가 일러스트레이션 색상에 훨씬 더 충실할 것입니다.
예를 들어 gif를 지원하지 않는 Instagram에서 공유할 수 있도록 동영상(mp4 비디오)으로 저장할 수도 있습니다.
[파일] > [애니메이션 내보내기] > [동영상]
이름을 지정하고 저장하는 창이 나타납니다.
그런 다음 다음 창이 나타나면 비디오를 저장할 크기와 초당 프레임을 결정합니다. 24fps를 권장합니다.
8.- 최종 애니메이션
그리고 이것이 최종 결과가 될 것입니다. 1초 눈 깜박임 애니메이션
댓글