안녕하세요 여러분, 오늘은 마법 소프트웨어 'CLIP STUDIO !!'로 마법 교실을 시작하겠습니다.

 

이 워크샵 튜토리얼은 소환 장면에 마법 효과를 만드는 방법을 보여줍니다. 당신의 일러스트레이션을 매혹시키는 데 적용 할 수 있습니다.

 

또는 약간의 변형으로 애니메이션 장면에 추가하십시오.

이 튜토리얼은 3 가지 주요 부분, 대칭 눈금자 도구로 대칭 소환 고리를 만드는 방법, 개체 도구로 간단한 회전 루프를 만드는 방법, 애니메이션 장면에 적용하는 방법으로 구성됩니다.

 

제 튜토리얼은 주로 CLIP STUDIO의 도구로 물건을 만드는 방법에 중점을 둡니다. 소프트웨어를 처음 사용하는 경우 단계별로 쉽게 따르거나 이미 도구에 대한 전문가 인 경우 작업 방법을 개선 할 아이디어를 얻을 수 있습니다.

시작하자!!

비디오 튜토리얼

파트 1 : 소환 링 그리기

대칭 자로 쉽게 소환 고리를 만들려면

한 지점에서 완벽하게 회전 할 수있는 대칭형 모양을 그릴 수 있습니다

그러나 대칭 눈금자는 손으로 그린 소환 고리가 더 잘 작동합니다.

 

나중에 모양을 추가하면 개체의 회전 중심이 대칭 눈금자의 중심과 동일하지 않을 수 있습니다.

 

이 이미지는 90도 회전 가능해야하지만 루프로 만들면 회전 중심에 대칭 눈금자가 없으면 90도 완벽하게 회전 할 수 없음을 알 수 있습니다.

(루핑에 약간의 점프가 있습니다. 그러나이 문제는 360도 회전으로도 고칠 수 있지만 부드럽게 느리게 유지하려면 더 긴 타임 라인이 필요합니다)

그리드로 그리면 완벽하게 회전 할 수 있습니다

 

나중에 재료 변형 방법을 사용하여 대칭 눈금자 그리기를 격자 안에 넣을 수도 있습니다

팁 :

여기에서 언급 한 회전 각도는 파일을 최적화하는 데 도움이됩니다. 좁을수록 파일을 천천히 회전하려면 더 적은 프레임이 필요합니다.

 

이 예에서 : 동일한 속도에 대해

90도 대칭으로 16 프레임을 사용하여 완벽한 루프로 회전하면

60도 대칭은 12 프레임 만 필요합니다.

180도 대칭은 32 프레임이 필요합니다.

 

(걱정하지 마세요. 파일 크기가 조금 더 작아야하는 경우에만 필요하지 않습니다.)

 

반지의 평범한 디자인을 만들고 대칭자를 사용하여 디자인을 돕습니다.

 

[눈금자] 하위 도구에서 찾을 수 있습니다. 여기에서는 선 대칭이 확인 된 8 개의 선을 대칭으로 사용합니다.

 

[Shift] 키를 누른 상태에서 캔버스 중앙의 선을 드래그하면 캔버스의 수직, 수평, 45도 정렬에 스냅됩니다.

여기에서는 2 단계의 소환 링을 만들어 움직일 때 상세하고 자세하게 보이도록합니다.

 

2 개의 레이어로 따로 그리기 만하면됩니다.

대칭 통치자가 필요하지 않은 룬을 그리기 위해,

대칭 눈금자를 숨기거나 명령 모음에서 특수 눈금자에 대한 스냅을 비활성화 할 수 있습니다.

 

팁 : 그리드에 벡터 잉크를 쉽게 만들 수 있도록 디자인을 깨끗한 모양으로 유지하십시오. 기하학 모양을 사용하면 더 깔끔하게 보입니다.

 

다음 단계에서는 디자인을위한 벡터 라인을 그립니다.

 

그리드를 활성화하려면 [보기> 그리드]로 이동합니다.

 

그런 다음 [그리드 / 눈금자 설정]으로 그리드를 설정합니다.

작업 세부 사항과 일치하도록 그리드를 설정하고, 모양을 쉽게 끌 수 있도록 선 사이에 약간의 간격을 두십시오.

잉크 레이어의 불투명도를 낮추고 새 벡터 레이어를 만듭니다.

그리드에 스냅을 활성화했는지 확인하십시오.

원 부분부터 시작하여 [그림] 하위 도구의 Ellipse 도구를 사용합니다.

원 가장자리의 상단과 왼쪽에 닿는 그리드 선의 교차점에서 드래그

원이 그리드에 스냅되고 스케치 선에 맞을 때까지 아래로 드래그합니다.

나중에 더 작은 세부 사항을 작업 할 때 격자를 조정할 수 있습니다.

여기에서 그리드를 원 안의 사각형 모양으로 조정하면 조정이 선에 놓이지 않기 전에 그리드를 볼 수 있으며 실제 스케치에는 그릴 수 없습니다

사각형 또는 다각형 도구 [사각형 그림 포함]을 사용하여 사각형 모양을 그립니다.

다른 다각형 모양의 경우 도형 선택에서 다각형을 선택하고 모서리 수를 설정할 수 있습니다.

새 벡터 레이어를 만들고 스케치에 나타나는 것과 같은 삼각형을 그립니다.

겹친 모양을 그리면 겹친 모양의 일부가 있고 여기서 삼각형의 바닥이 정사각형의 한면과 겹칠 것입니다

선이 겹치는 것을 방지하려면 분할 모드에서 [선 교정] 하위 도구의 [제어점] 도구를 사용하여 삼각형에서 측면을 분할합니다.

그런 다음 지우개 도구에서 벡터 지우개 모드로 선을 간단히 삭제할 수 있습니다

Clip Studio는 아직 개체를 그리드로 이동 및 스냅하는 기능을 제공하지 않았기 때문에 부품 회전에 사용하는 기술입니다.

(그리고 벡터 레이어 잉크로 만들고 싶기 때문에 Clip Studio에서 완벽하게 만드는 방법을 가르쳐 드리겠습니다)

 

새 벡터 레이어에 원을 그리고 모든 모양을 덮습니다.

 

[Shift] 키를 누른 상태에서 삼각형 레이어와 파란색 원 레이어를 선택합니다.

자유 변형 가장자리 만들기, [편집> 변형> 자유 변형]

 

또는 [Ctrl + T]

 

이제 [Shift] 키를 누른 상태에서 원하는 방향으로 모양을 회전 할 수 있습니다 (45도 단계).

[확인]을 클릭하거나 [Enter]를 눌러 변환을 적용합니다.

 

이 방법을 사용하면 회전 중심을 중심으로 모든 것을 쉽게 회전 할 수 있습니다.

 

레이어를 복사하고 단계를 반복하면 모든 부분에 동일한 파란색 원을 사용할 수 있습니다.

 

완료되면 레이어를 병합하고 파란색 원을 완성 된 모양과 병합하지 마십시오. 그러면 다른 부분 회전에 사용할 수 있습니다.

달 모양은 2 개의 겹쳐진 원을 그리고 불필요한 부분을 지 웁니다.

 

[중요!] 대칭 모양은 회전 중심에서만 투영되는 격자 선과 정렬되어야합니다!

우리가 만든 스케치에 비해 크기가 너무 큽니다.

 

크기를 조정하는 자유 변형을 만듭니다.

[중요!] 클릭 및 드래그로 이미지 크기를 조정하지 마십시오 (그리드에 스냅되지 않기 때문에). 도구 속성 패널에서만 비율 비율을 설정해야합니다 ([가로 세로 비율 유지]를 선택했는지 확인).

[Ctrl] 키를 누른 상태에서 [↓] 키 (키보드의 십자형 키)를 사용하여 모양을 해당 위치로 이동합니다.

([이동] 도구로 이동하고 Shift 키를 눌러 정렬 상태를 유지할 수도 있습니다.)

 

그림이 여전히 파란색 원 안에 있는지 확인하십시오.

삼각형 부분에했던 것과 같은 단계를 반복하십시오.

45도 스텝으로 회전 할 수없는 일부 부품의 경우 도구 속성에서 회전 각도를 설정합니다 (여기서는 +를 이동합니다).

저는 한면에 25도를 사용하고 다른면에 -25도를 사용합니다.

그런 다음 레이어를 병합하고 다른 부분처럼 이동합니다.이 방법을 사용하면 각 개체의 모든 회전 각도를 계산할 필요가 없습니다.

 

뒤집어서 다른쪽에 놓을 수도 있습니다

별은 이렇게 만들어져

완료되면 한 레이어에 모두 병합하고 원하지 않는 부분을 지 웁니다.

내부 소환 링이 완성되었습니다.

같은 방법으로 바깥 쪽 고리를 그립니다

(룬의 경우 그리드에 스냅을 비활성화하고 내부에 작성하십시오)

잉크의 두께를 변경하려면 개체 도구를 사용할 수 있습니다.

여러 벡터 부분을 선택하려면 [Shift] 키를 누르고 있습니다.

그리고 도구 속성에서 브러시 크기를 조정할 수 있습니다.

소환 링이 준비되었습니다

파트 2 : 그림에 소환 링 적용

이번에는 제가 만든 일러스트 레이터에 움직이는 소환 링을 추가하겠습니다.

가져올 파일 준비

 

[레이어 오른쪽 클릭> 파일 개체> 레이어를 파일 개체로 변환]

도면 영역으로 변환

이 방법을 사용하면 투명한 배경으로 파일을 쉽게 저장하고 회전 중심을 변경하지 않고 잘 자릅니다.

이제 애니메이션 할 시간입니다.

 

파일을 열고 [편집> 캔버스 크기 변경]으로 이미지에 더 많은 오프셋을 추가합니다.

 

캔버스의 두 차원에 픽셀 추가

소환 링의 조명 효과로 사용할 링의 흐림 버전을 만들기 위해 오프셋을 만들어야합니다.

 

레이어를 복사하고 래스터 화합니다.

 

그런 다음 [Gaussian blur] 필터를 사용합니다.

부드러운 조명 효과를 만들기 위해 강도 조정

그런 다음 링과 효과 레이어에 회전 운동을 적용하고 레이어 키 프레임 기능을 사용하여 변형을 지원합니다.

 

프레임 속도 8fps 설정으로 새 타임 라인 만들기 (애니메이션 일러스트 레이터 용)

 

두 레이어를 모두 선택하고 레이어 키 프레임을 활성화합니다.

첫 번째 프레임을 선택하고 [Linear interpolation] 키 프레임 생성 아이콘 (녹색으로 표시됨)을 클릭합니다.

또한 타임 라인 끝에 키 프레임을 만듭니다.

마지막 프레임에서 [객체] 도구로 그림을 선택하고 도구 속성 패널에서 회전 각도를 360으로 설정합니다.

참고 : 값을 편집하려면 하나의 레이어 만 선택해야합니다.

 

마지막 키 프레임을 타임 라인의 끝으로 드래그하여 루프의 중간 간격을 제거합니다.

 

완벽한 회전 링을 얻을 수 있습니다.

(소환 링은 24 프레임에서 360도 회전합니다)

링이 너무 빨리 움직이면 더 많은 프레임을 삽입하여 더 느리게 움직일 수 있습니다.

 

타임 라인을 오른쪽 클릭하고 [프레임 삽입]

 

추가 할 프레임 수 설정

이제 소환 링이 72 프레임으로 360도 회전합니다.

잉크 라인과 블러 효과 라인의 2 개 파일에 파일을 저장합니다.

 

효과 레이어를 삭제하고 파일을 저장하십시오

 

그런 다음 [Ctrl + Z]를 사용하여 실행을 취소하고 잉크 레이어를 삭제하고 [다른 이름으로 저장]을 사용하여 다른 파일에 저장합니다.

내부 링으로도 단계를 반복하십시오.

 

90도 대칭이기 때문에 회전 각도를 내부 링으로 전환합니다.

따라서 0에서 시작하여 외부 링과 같은 72 프레임에서 360으로 회전하는 대신

나는 180에서 시작하여 72 프레임에서 0으로 회전합니다 (외부가 전체 회전으로 회전 할 때 절반 만 회전)

 

외부 링 (시계 방향으로 완전히 회전 0 >> 360도)

 

내부 링 (시계 반대 방향으로 반 회전 180 >> 0도 회전)

이렇게 완벽한 루프로 회전합니다

우리는 4 개의 파일을 가질 것입니다

일러스트 레이터에 적용하고 링 파일과 동일한 프레임 속도 설정으로 새 타임 라인을 만듭니다.

그런 다음 [파일> 가져 오기> 파일 개체 만들기]를 사용하여 링과 효과를 캔버스로 가져옵니다.

여러 파일을 선택하여 모두 가져 오기

모든 링 레이어를 선택하고 [이동 도구]를 사용하여 함께 이동합니다.

자유 변형 [Ctrl + T]을 사용하여 크기 조정

효과 오브젝트 블렌딩 모드를 [Add (Glow)]로 설정하여 조명 효과를 만듭니다.

 

링을 다시 칠하려면 효과를 위해 레이어 색상을 사용하고이 아이콘을 클릭하거나 레이어 속성 패널에서

색상을 선택하고 바에 적용 할 버킷을 클릭합니다.

모든 링 레이어 위에 글로우 모드를 사용하여 나중에 새로 만들어 더 많은 빛을 추가합니다.

 

그리고 부드러운 에어 브러시로 여분의 빛을 칠하십시오

 

외부 링 효과를 복사하고 캐릭터 위로 이동하여 캐릭터에 빛의 효과를 추가하십시오.

조명 효과를 캐릭터에 클리핑하여 배경으로 새지 않도록합니다.

더 자연스럽게 만들려면 새 레이어를 만들고 부드러운 에어 브러시로 밝은 영역을 칠하십시오.

오른쪽 클릭> 레이어에서 선택> 선택 만들기로 선택 만들기

(또는 [Ctrl] 키를 누른 상태에서 레이어 축소판 클릭)

 

그런 다음 효과 레이어를 마우스 오른쪽 버튼으로 클릭하고 [레이어 마스크> 선택 영역 외부 마스크]

에어 브러시 레이어 숨기기 (또는 삭제) (더 이상 필요하지 않음)

결과

파트 3 : 소환 링에 전환 적용

이렇게 내 장면을 위해 공중에서 떠 다니고 회전하도록 할 것입니다.

또한 좀 더 입체적으로 보이도록 위치를 약간 이동하십시오.

애니메이션 장면의 경우 타임 라인의 올바른 타이밍에 나타나도록 전환을 추가합니다.

애니메이션 장면 만들기에서 시작

제 튜토리얼의 이전 에피소드에서 벡터 레이어로 프레임 단위 애니메이션을 만드는 방법을 공부할 수 있습니다.

파일 (.clip)을 별도로 준비하세요. 여기서는 초당 24 프레임의 프레임 속도를 사용하겠습니다.

모든 파일의 프레임 속도가 동일한 지 확인

 

장면에 대한 새 파일을 만듭니다. 영화 사전 설정을 사용하고 프레임 속도를 초당 24 프레임으로 설정합니다.

모든 개체 파일을 캔버스로 가져 오기

[파일> 가져 오기> 파일 객체 생성]

 

팁 : 개체 (소환 링)가 나타날 것으로 예상되는 프레임을 선택합니다. 개체를 가져올 때 타임 라인 위치에 나타납니다.

모든 개체를 선택하고 자유 변형을 만들어 타임 라인에 나타나야하는 위치에 놓습니다.

작업 할 때 효과를 더 명확하게 볼 수 있도록 용지 색상을 설정하십시오.

레이어 효과와 색상을 개체 레이어에 적용합니다 (이전 튜토리얼 부분에서했던 것과 동일).

링에 전환 움직임을 추가하여 장면과 함께 애니메이션을 만들고, 링 개체 소환에 레이어 키 프레임을 활성화합니다.

캐릭터 캐스팅으로 소환 효과가 나타나는 부분에 약간의 차이가 있습니다.

각 링에 대해 해당 지점에서 Smooth 보간 키 프레임을 생성하면 효과 전환의 끝 점이됩니다.

[오브젝트] 도구로 내륜을 약간 이동

키 프레임을 복사하여 다른 개체에 붙여 넣을 수 있습니다. 그러면 키 프레임의 위치 속성이 복사됩니다. 따라서 조심스럽게 움직일 필요가 없습니다.

내부 링이 앞에 표시되므로 끝점 앞에 다른 키 프레임을 만듭니다.

링이 나타나기 시작하는 프레임에서 작은 크기로 축소

또한 지점에서 불투명도 조정

타임 라인에서 [+] 아이콘을 클릭하여 불투명도에 대한 타임 라인을 표시 할 수 있습니다.

복사하여 붙여 넣을 수도 있습니다.

외부 링으로 단계를 반복하고 키 프레임 a를 이동 한 다음 뒤로 이동하여 첫 번째 링 뒤에 표시되도록합니다.

조명 효과를 위해 추가 (글로우) 모드로 레이어를 칠하십시오.

또한 반지의 변형에 맞게 불투명도를 설정하십시오.

참고 : 외륜과 내륜을 별도로 조명 오버레이를 만듭니다.

 

마무리 캐스팅 효과로 변형의 끝점에서 조명 레이어의 불투명도를 높입니다.

 

또한 캐릭터 오브젝트 위에 추가 (글로우) 모드로 새 레이어를 만들어 캐릭터에 조명을 적용합니다.

 

조명 및 클립을 캐릭터 개체에 페인트

 

애니메이션 타이밍과 관련된 불투명도 수준을 변경합니다.

마법이 일어났다

보너스 파트 : 변형을위한 추가 효과

다음은 카메라 효과와 조명 변환 효과를 사용한 장면의 최종 렌더링입니다.

효과는 프레임 별 애니메이션 방법으로 생성됩니다.

 

새 애니메이션 폴더와 개체 키 프레임에 대한 빈 키 프레임 매핑을 만듭니다 (장면과 개체의 프레임 속도가 동일하기 때문에 완벽하게 매핑 할 수 있음).

 

캐릭터 오브젝트 선택 생성

선택 영역 확장

그리고 애니메이션 폴더의 첫 번째 키 프레임에 색상을 채 웁니다.

개체 선택 해제 [Ctrl + D] 및 흐림 필터 적용

폴더 아이콘으로 드래그하여 레이어를 폴더에 넣습니다.

캐릭터를 다시 선택하고 새 레이어에 색상을 채 웁니다.

그런 다음 블러 레이어의 투명을 잠그고 밝은 색상으로 채 웁니다.

다른 키 프레임으로 단계를 반복합니다.

개체와 관련된 표시 프레임도 적용

레이어 키 프레임을 활성화하고 개체에 불투명도를 설정합니다.

폴더를 추가 (글로우) 모드로 설정하면 더욱 매력적으로 보입니다!

추가 조명 효과 : 새 애니메이션 폴더를 만들고 펜 도구로 조명 효과를 그립니다.

팁 : 물방울 에어 브러시로 입자를 추가합니다

변형 애니메이션에도 효과를 적용합니다

키 프레임 작업에서 시간을 절약하기 위해 자동 작업 방법을 사용할 수 있습니다. Mattlamp의 자습서를 확인하십시오.

애니메이션 폴더를 사용하여 개체의 추가 하이라이트 세부 정보도 칠할 수 있습니다.

카메라 효과를 추가하여 소환 링 효과로 흔들림

모든 레이어를 2D 카메라 폴더에 넣습니다.

효과가 발생하는 타임 라인 지점에서 개체 도구를 사용하여 카메라 회전

키 프레임은 타임 라인에 자동으로 나타납니다.

타임 라인에서 카메라를 무작위로 회전하여 카메라 흔들림 생성

그리고 여기에 최종 결과가 있습니다 !!

내 튜토리얼이 프로젝트의 마법 효과 작업에 대한 아이디어를 제공하기를 바랍니다.

 

좋은 하루 되세요 !! 즐거운 애니메이션 !! <3