소개 및 비디오 튜토리얼

이 튜토리얼에서는 클립 스튜디오 페인트에서 그림에 마법을 더할 수 있는 재미있는 애니메이션 효과를 만드는 세 가지 방법을 보여드리겠습니다.

 

각기 다른 유형의 애니메이션을 사용하여 번개, 불, 반짝임 효과를 만드는 방법을 설명하겠습니다.

비디오 튜토리얼은 여기 있습니다. 아래에는 전체 텍스트 버전도 있습니다!

클립 스튜디오 페인트 애니메이션에 대한 기본 지식이 필요하다면, 제 애니메이션 개요 튜토리얼을 확인해 보세요. 기존 그림에 애니메이션을 설정하는 방법을 모르겠다면, 그에 대한 튜토리얼도 있습니다!

전기: 프레임별 애니메이션

번개를 프레임별로 애니메이션하는 것부터 시작해 봅시다.

 

이것은 번개의 힘을 휘두르는 켄타우로스를 특징으로 하는 제 일러스트 중 하나입니다!

사라 윌킨슨(Sarrah Wilkinson), AKA MsRedNebula의 "폭풍 전사" (2013)

 

 

여기에서 효과 레이어를 제거하고 나머지는 평탄화했습니다.

프레임 속도 6, 재생 시간 6프레임으로 새 타임라인을 만들겠습니다.

 

팁: 타임라인 패널이 보이지 않으면, 창 메뉴로 이동하여 타임라인을 클릭하세요.

먼저, 제 그림 위에 가이드를 그릴 레이어를 만들겠습니다.

 

레이어를 드래프트 레이어로 설정하면 오른쪽에 연필 아이콘과 왼쪽에 연한 파란색 막대가 표시되어 작업 레이어임을 시각적으로 쉽게 알 수 있습니다. 또한 나중에 이 레이어를 숨기는 것을 잊어도 애니메이션과 함께 내보내지지 않습니다.

도형 도구 아래에서 타원 서브 도구를 선택하고 다음 설정을 변경하겠습니다:

 

선/채우기: 선 생성

종횡비 유형: ☑ 선택됨, 지정된 비율 옵션 - 항상 완벽한 원을 만듭니다.

 — 더하기 기호를 클릭하고 W: 1 및 H: 1을 지정해야 할 수 있습니다.

중앙에서 시작: ☑ 선택됨

 — 이 옵션이 보이지 않으면, 모서리의 스패너를 클릭하여 서브 도구 상세 팔레트를 여세요. 중앙에서 시작 옵션은 도형 조작 아래에서 찾을 수 있습니다. 옆에 있는 눈 아이콘을 클릭하여 도구 속성에 표시되도록 하세요.

고정 후 각도 조정: ☐ 선택 해제됨

 

위 옵션들을 사용하면 중앙에서 원을 빠르고 쉽게 그릴 수 있습니다. 브러시 크기와 같은 다른 옵션은 그림의 크기에 따라 달라집니다.

 

참고: 최근에 사용한 도구에 따라 도형 도구가 원 대신 다른 아이콘을 표시할 수 있습니다. 사각형, 선 또는 다각형처럼 보일 수 있습니다. 타원 서브 도구를 선택하면 원으로 변경됩니다.

색상환에서 흰색을 선택합니다.

번개 구슬이 나타날 위치를 가이드로 삼아 원을 그립니다.

가이드 레이어의 불투명도를 25%로 낮춰 방해되지 않도록 하겠습니다.

타임라인에서 새 애니메이션 폴더를 추가한 다음, 첫 번째 애니메이션 셀을 추가합니다.

이제 전기를 그릴 준비가 되었습니다. 펜 도구 아래에서 G펜 서브 도구를 선택하겠습니다.

 

작은 브러시 크기(이 경우 10px)를 사용하고 색상은 흰색으로 유지하겠습니다. 또한 그래픽 태블릿을 사용하여 그림을 그리는데, 이는 펜 압력에 따라 펜 도구가 가늘어지게 합니다.

제가 전기를 그리는 방식은 직선과 무작위 각도를 사용하여 원형 가이드를 들락날락하게 하는 것입니다. 작은 가지들은 갈라져 나와 점차 가늘어지면서 사라집니다.

그런 다음 두 번째 프레임을 만들고 모든 작업을 다시 합니다! 번개는 매우 혼란스럽기 때문에 이전 프레임을 보지 않고 매번 원형 가이드라인을 따라 새로운 패턴을 그립니다.

 

나머지 프레임에서 각 손에 대해 이 작업을 반복하겠습니다.

효과를 마무리하기 위해, 빛을 추가할 두 번째 애니메이션 폴더를 만들겠습니다. 프레임 1에서 이 새 폴더에 애니메이션 셀을 추가하겠습니다.

에어브러시 도구로 전환하고 부드러운 서브 도구를 선택한 다음, 손을 덮을 만큼 브러시를 크게 만듭니다.

아주 연한 파란색을 선택합니다.

각 손 주위에 부드러운 발광 효과를 칠합니다.

애니메이션 폴더와 레이어 블렌드 모드

저는 제 빛이 추가(발광) 블렌드 모드를 사용하기를 원합니다.

 

하지만 레이어의 블렌드 모드를 추가(발광)로 설정하려고 하면 아무것도 일어나지 않습니다!

 

이는 애니메이션 폴더의 블렌드 모드가 기본적으로 보통으로 설정되어 있기 때문입니다. 폴더의 블렌드 모드가 보통이면, 그 안에 있는 개별 레이어의 블렌드 모드는 같은 폴더 안의 다른 레이어에만 영향을 미칩니다. 폴더의 블렌드 모드를 통과로 설정하면 블렌드 모드가 아래 레이어에 영향을 미치도록 통과시킬 수 있습니다.

 

두 가지 옵션이 있습니다:

효과를 표시하려면 폴더의 블렌드 모드를 통과로 변경하거나, 각 레이어를 보통으로 유지하고 전체 폴더를 추가(발광)로 변경할 수 있습니다.

 

두 가지 방법 모두 작동하지만, 이 경우 폴더의 모든 레이어가 추가(발광) 블렌드 모드를 사용하기를 원하므로 폴더 자체를 추가(발광)로 설정하는 것이 더 쉽습니다.

에어브러시로 각 프레임에 약간 다른 빛을 칠했습니다. 번개처럼, 혼돈스러운 변화를 위해 각 프레임마다 매우 자유롭고 무작위적인 느낌을 유지했습니다. 또한 켄타우로스의 몸에 미묘하게 반사되는 빛도 추가했습니다.

 

드래프트 레이어에 만든 가이드는 애니메이션과 함께 내보내지지 않았다는 점에 유의하세요. 이것은 유용한 기능입니다.

 

이것으로 이 애니메이션은 완성되었습니다!

불꽃: 어니언 스킨을 이용한 순차 애니메이션

순서대로 움직임을 애니메이션하는 것은 조금 더 복잡하지만, 어니언 스킨 기능이 도움이 될 수 있습니다. 이제 불과 함께 놀아봅시다!

사라 윌킨슨(Sarrah Wilkinson), AKA MsRedNebula의 "아기 용들은 왜 멋진 장난감을 가질 수 없을까" (2023 재작업).

 

이 일러스트에서는 어린 용들이 왜 불연성 장난감을 필요로 할 수 있는지 보여줍니다. :)

여기에서 불꽃 효과를 제거하여 애니메이션할 수 있도록 했고, 남아있는 모든 레이어를 평탄화하여 방해되지 않도록 했습니다.

번개와 마찬가지로, 가이드를 스케치할 레이어를 만드는 것부터 시작하겠습니다. 불투명도를 25%로 변경하고, 작업용 스케치이므로 드래프트 레이어로 설정하겠습니다.

이 레이어에 불꽃의 밑부분과 전반적인 원뿔 모양을 스케치하겠습니다. 이번에는 이 그림에서 더 잘 보이도록 검은색을 사용하고 있습니다.

다음으로, 타임라인을 생성하여 애니메이션을 설정합니다. 이 경우 타임라인은 초당 12프레임, 총 12프레임 길이입니다.

그런 다음 애니메이션 폴더와 첫 번째 셀을 추가하겠습니다.

전체 폴더를 드래프트로 설정할 수 있으므로, 그 안에 있는 모든 레이어도 드래프트 레이어로 간주됩니다. 이 전체 애니메이션 폴더를 드래프트로 설정하여 불 애니메이션을 위한 프레임별 가이드를 만드는 데 사용할 수 있습니다.

 

다시 말하지만, 이렇게 하면 레이어를 끄는 것을 잊어도 애니메이션과 함께 내보내지지 않습니다. 또한 이들이 최종 작품의 일부가 아닌 작업 레이어라는 좋은 시각적 표시이기도 합니다.

 

이제, 불꽃 애니메이션을 위한 멋진 팁을 알려드리겠습니다!

테디베어 머리에서 거품이 솟아오르는 상상을 해봅시다. 첫 번째 셀에 반구 모양을 그립니다.

 

그런 다음 프레임 7로 이동하여 셀을 추가하고, 이 거품 경로의 끝을 나타내는 작은 원을 상단에 그립니다.

 

참고: 원을 쉽게 그리기 위해 타원 서브 도구를 다시 사용하고 있습니다.

프레임 3에서, 그 사이에 거품을 그릴 새 셀을 추가하겠습니다.

 

이렇게 하려면 타임라인에서 '어니언 스킨 사용'을 클릭하여 어니언 스킨 기능을 켭니다.

지금은 그림을 꺼두겠습니다. 그래야 더 잘 볼 수 있습니다.

 

어니언 스킨을 사용하면 이전 셀은 파란색으로, 다음 셀은 녹색으로 볼 수 있습니다.

중간 거품을 두 개의 중간 지점보다 약간 아래에 그리겠습니다. 거품이 솟아오를 때 진행 속도가 조금 빨라지기를 원하기 때문입니다.

어니언 스킨 기능을 사용하여 이 첫 번째 시퀀스의 나머지 거품을 계속 추가하겠습니다.

 

프레임 5와 9에서 새 거품을 시작하는 이 패턴을 반복하겠습니다. 첫 번째는 프레임 11에서 끝나고, 두 번째는 다시 처음으로 돌아와 프레임 3에서 끝납니다.

 

변화를 주기 위해 프레임 5와 9에서 시작하는 거품의 경로를 약간 곡선으로 만들었습니다. 이것은 전적으로 선택 사항입니다!

아직 불꽃이 보이지 않나요? 그렇다면 조금만 참아주세요 – 말장난은 아니지만요! 잠시 후에 더 이해가 될 것입니다.

다음으로, 가이드 위에 새 애니메이션 폴더를 만들고 첫 번째 셀을 추가하겠습니다.

 

또한 불꽃이 맥락에서 보이도록 그림을 다시 켜겠습니다.

기본 색상으로는 채도가 높은 적황색을 선택하겠습니다.

기본 색상으로는 채도가 높은 적황색을 선택하겠습니다. G펜 서브 도구를 사용하여 큰 브러시 크기(이 경우 80)로 불꽃을 그리겠습니다.

 

첫 번째 셀에서 거품을 가이드로 사용하여 밑부분 주위에 원뿔 모양을 만듭니다. 불꽃은 연료원에서 멀어질수록 가늘어집니다. 상단의 다른 거품은 무시하고, 잠시 후에 다시 다루겠습니다.

 

팁: 형태를 느슨하고 불규칙하게 유지하세요. 완벽한 대칭을 피하세요. 전기처럼 불꽃도 혼돈스럽습니다!

두 번째 셀을 추가합니다. 이번에도 밑부분을 그리겠지만, 거품 가이드의 모양을 따라 바깥쪽으로 퍼지기 전에 약간 집어넣겠습니다.

세 번째 셀도 마찬가지로, 조금 더 집어넣고 불꽃을 거품에 맞춰 작게 만듭니다.

 

참고: 어니언 스킨은 여전히 활성화되어 있습니다. 이 시점에서는 반드시 필요한 것은 아니지만, 도움이 될 수 있습니다.

네 번째 셀에서는 꼬집는 부분이 꽤 극단적으로 변합니다.

그리고 5번 셀에서 상단 불꽃이 떨어져 나가고, 첫 번째 프레임과 비슷한 모양으로 다시 시작합니다.

작게 꼬집힌 불꽃은 몇 프레임 동안 계속 줄어들다가 사이클을 반복하면서 완전히 사라집니다.

 

모든 프레임이 채워질 때까지 계속 진행하고, 처음 몇 개의 셀에 상단 불꽃을 다시 루프하고 추가하는 것을 잊지 않겠습니다.

애니메이션을 재생하면 불꽃이 형태를 갖추는 것을 볼 수 있습니다!

이 시점에서 저는 불꽃 모양을 다듬고 같은 기술을 사용하여 몇 개의 작고 보조적인 불꽃을 추가하는 데 시간을 보내는 것을 좋아합니다.

불꽃의 더 밝은 내부 부분에는 노란색을 선택하겠습니다.

이번에는 부드러운 에어브러시 서브 도구를 사용하는 것을 선호합니다.

어니언 스킨도 비활성화하고 가이드도 끄겠습니다. 더 이상 필요하지 않습니다.

 

각 레이어에 불꽃 외곽선과 비슷한 모양의 내부를 칠하겠습니다. 이를 위해 별도의 애니메이션 폴더를 만들 수도 있지만, 저는 기존 불꽃 셀에 직접 칠하고 있습니다. 그것은 여러분에게 달려 있습니다.

다음으로, 부드러운 지우개 서브 도구가 선택된 지우개 도구로 전환합니다.

불꽃의 아래쪽을 약간 흐리게 하여 자연스럽게 섞이도록 하겠습니다.

마지막으로, 맨 위에 새 애니메이션 폴더를 추가하고 셀을 추가하겠습니다.

이 폴더는 번개에 했던 것처럼 일부 발광 효과를 위한 것입니다. 폴더의 블렌드 모드를 추가(발광)로 변경하겠습니다.

 

팁: 각 애니메이션 폴더의 이름을 지정할 수 있다는 것을 잊지 마세요. 이런 폴더가 몇 개밖에 없더라도 괜찮지만, 12개 이상 있다면 어떨지 상상해 보세요!

불꽃의 밝은 내부 부분에 사용했던 것과 동일한 부드러운 에어브러시와 색상을 사용하여 각 셀에 미묘한 발광과 하이라이트를 칠합니다.

 

태블릿을 아주 가볍게 터치하거나, 발광이 너무 강하면 전체 폴더의 불투명도를 낮출 수 있습니다.

자, 여기 있습니다 - 불타는 불쌍하고 순진한 테디베어!

반짝임: 키프레임, 트위닝 및 파일 개체

일부 움직임의 경우, 컴퓨터가 중간 프레임을 처리하도록 하는 것이 더 쉽습니다. 키프레임을 사용하면 움직임, 회전, 심지어 불투명도까지 쉽게 애니메이션할 수 있습니다.

 

키프레임 애니메이션은 매우 복잡해질 수 있으므로 나중에 전체 튜토리얼을 할애할 계획입니다.

 

우선, 반짝이 그래픽이 필요합니다. 이미 사용하고 싶은 것이 있다면 좋습니다! 그렇지 않다면, 클립 스튜디오 에셋에서 무료 다운로드를 제공하고 있습니다:

 

아니면, 제가 어떻게 만들었는지 보고 싶다면 여기 링크된 제 간단한 튜토리얼을 따라할 수 있습니다:

자체 정사각형 캔버스에 반짝이 그래픽으로 시작합니다. 자체 레이어에 임시 검은색 배경을 포함합니다(또는 클립 스튜디오 페인트의 종이 레이어를 검은색으로 사용). 이렇게 하면 더 쉽게 볼 수 있습니다.

 

저는 1200px x 1200px 캔버스를 사용하고 있지만, 정사각형이고 반짝이가 캔버스 전체를 거의 채우는 한 상관없습니다.

프레임 속도 12인 타임라인을 만듭니다. 애니메이션 길이는 12프레임으로 하고 싶지만, 실제 재생 시간은 13프레임으로 만들겠습니다. 잠시 후에 그 이유를 알게 될 것입니다.

키프레임 애니메이션은 애니메이션 폴더가 필요 없으며 어떤 레이어나 폴더에서도 만들 수 있습니다.

 

반짝이 레이어가 활성화되어 있고 재생 헤드가 첫 프레임에 있는지 확인한 다음, 이 레이어에서 키프레임 활성화를 클릭하세요.

키프레임을 활성화하면 더 이상 레이어를 정상적으로 편집할 수 없다는 것을 알 수 있습니다. 이제 객체로 취급되므로, 애니메이션을 만들려면 '조작'으로 이동하여 '오브젝트 도구'를 선택하세요.

 

팁: 필요한 경우 키프레임을 꺼서 레이어를 편집할 수 있습니다. 키프레임을 다시 켜면 여전히 존재합니다.

먼저 회전을 추가하겠습니다. 재생 헤드를 첫 프레임에 놓고 여기를 클릭하여 키프레임을 추가하세요.

재생 헤드를 마지막 프레임으로 이동합니다. 그런 다음 오브젝트 도구를 사용하여 이미지를 90도 회전합니다. Shift 키를 누른 상태로 45도 단위로 회전을 고정하세요.

 

두 가지를 주목하세요. 변경 사항이 생겼고, 이로 인해 클립 스튜디오 페인트가 자동으로 새 키프레임을 추가했습니다. 또한 키프레임은 항상 재생 헤드 앞에 추가되는데, 이것이 제가 이 타임라인을 13프레임 길이로 만든 이유입니다.

재생을 누르면 프로그램은 시작 키프레임의 회전과 끝의 회전 사이를 이동합니다.

다음으로, 반짝이의 크기를 변경하겠습니다.

 

프레임 1로 돌아갑니다. 모서리 앵커를 클릭하고 유지한 다음, 이동하기 전에 Alt 키를 눌러 중앙 피벗 지점을 중심으로 크기를 조정합니다.

이제 애니메이션을 스크럽하면 마지막 프레임에 이미 스케일이 키프레임으로 설정되어 있기 때문에 시간이 지남에 따라 크기가 커지는 것을 볼 수 있습니다.

 

하지만 저는 시작과 끝이 같은 크기이기를 원합니다.

레이어 이름 옆의 타임라인에서 더 많은 옵션을 보려면 작은 더하기 버튼을 클릭한 다음, 그 옆에 나타나는 화살표를 클릭하여 각 변형 키프레임을 개별적으로 표시합니다.

재생 헤드를 13프레임으로 이동합니다. 스케일 비율 선의 마지막 키프레임을 선택하고 키프레임 삭제를 클릭하여 삭제합니다.

 

이제 크기 변경이 사라졌습니다.

 

이제 키프레임 추가를 클릭하여 이 상태를 새로운 최종 크기로 고정하면서 이전에 추가했던 회전을 유지합니다.

이제 프레임 7로 이동하여 반짝임을 더 크게 만듭니다. 변형 키프레임은 자동으로 추가됩니다.

애니메이션은 이제 다음과 같습니다:

마지막으로, 시간 경과에 따라 반짝이의 불투명도를 변경하겠습니다.

 

프레임 1로 이동하여 레이어의 불투명도를 0으로 설정합니다.

새로운 불투명도 키프레임이 나타나는 것을 볼 수 있습니다.

프레임 7로 이동하여 100%로 변경한 다음, 프레임 13으로 이동하여 다시 0으로 변경합니다.

자, 보세요! 반짝임이 생겼습니다!

 

이제 이것으로 할 수 있는 정말 멋진 것을 보여드리겠습니다.

 

먼저, 파일을 파일 개체로 사용할 수 있도록 준비해야 합니다.

검은색 배경을 삭제합니다. (숨기는 것만으로는 충분하지 않으며, 이 시점에서 삭제해야 합니다.)

파일을 클립 스튜디오의 .clip 형식으로 저장했는지 확인하세요.

 

이제 이 파일을 닫고 반짝임을 추가하고 싶은 이미지를 열 수 있습니다.

사라 윌킨슨(Sarrah Wilkinson), AKA MsRedNebula의 "작은 도둑" (2010)

 

여기에 보물이 가득한 제 일러스트 중 하나가 있습니다. 반짝이게 만들어 봅시다!

반짝이 효과를 제거하여 애니메이션할 수 있도록 한 이미지입니다. 이전과 마찬가지로, 타임라인에서 많은 공간을 차지하지 않도록 그림을 평탄화했습니다.

프레임 속도 12, 재생 시간 24인 타임라인을 만들겠습니다.

파일 - 가져오기로 이동하여 파일 개체 만들기를 선택합니다.

반짝이를 저장한 위치로 이동하여 선택하고 열기를 선택합니다.

과거에 '다시 표시 안 함'을 클릭하지 않았다면 이 알림이 나타날 수 있습니다. 클립 스튜디오 페인트에서 파일 개체를 사용하는 방법에 대한 유용한 정보가 포함되어 있습니다.

 

확인을 클릭하세요.

 

일반적으로 방금 가져온 파일을 볼 수 있어야 하지만, 이것을 확인해 보세요.

파일에 애니메이션이 포함되어 있기 때문에, 모든 프레임이 자동으로 가져와집니다!

조작 도구로 이동하여 오브젝트 서브 도구가 선택되었는지 확인합니다.

오브젝트 도구를 사용하여 반짝이를 이동하고 크기를 조정합니다.

반짝이 레이어를 마우스 오른쪽 버튼으로 클릭하고 레이어 복제를 선택합니다.

 

그러면 두 번째 반짝이가 생겨 다른 위치로 이동 및 크기 조정할 수 있으며, 타임라인에서 다른 시간에 재생되도록 이동할 수 있습니다.

반짝이 중 하나를 타임라인의 시작 부분으로 다시 루프하려면, 해당 반짝이를 마우스 오른쪽 버튼으로 클릭하고 클립 분할을 선택합니다. 그런 다음 첫 번째 절반을 애니메이션 끝으로 이동하고 두 번째 절반을 시작 부분으로 이동합니다.

몇 개의 반짝이를 더 추가한 후의 최종 결과입니다.

애니메이션 내보내기에 대한 간략한 참고 사항

애니메이션 내보내기 옵션은 파일 메뉴의 애니메이션 내보내기 아래에서 찾을 수 있습니다.

 

이미지 시퀀스, 애니메이션 GIF, 애니메이션 PNG 또는 AVI나 MP4 형식의 동영상 파일로 내보낼 수 있습니다.

 

제 애니메이션 개요 튜토리얼에서 애니메이션 내보내기에 대해 더 자세히 다루고 있습니다:

결론

이것으로 끝입니다!

 

이 튜토리얼이 클립 스튜디오 페인트에서 재미있는 애니메이션 효과를 시작하는 데 도움이 되었기를 바랍니다. 트위터나 인스타그램에서 저를 @MsRedNebula로 태그하여 여러분의 애니메이션을 보여주세요.

 

애니메이션은 큰 주제이며 제가 다룰 수 있는 더 많은 것들이 있습니다. 더 많은 정보를 원하시면 클립 스튜디오 팁에서 저를 팔로우하거나 제 유튜브 채널을 구독하세요. 제가 다루었으면 하는 내용이 있다면 알려주세요.

 

즐겁고 행복한 애니메이션 작업 되세요!