변형 기능이있는 손쉬운 애니메이션 대칭 배경

5,274

viciaia

viciaia

안녕하세요 여러분,이 튜토리얼에서는 Clipstudio 변형 기술로 대칭적인 배경을 만드는 아주 쉬운 방법을 보여 드리겠습니다. 모든 것을 그리는 데 시간을 절약 할뿐만 아니라 원근법에 대한 전문 지식 없이도 배경에 놀라운 효과를 만들어냅니다 !!

대칭적인 모습 디자인

아트의 대칭 배경을 디자인하기 전에 먼저 그것이 어떻게 대칭인지 알아야합니다. 예를 들어 우주선의 터널 배경을 중심으로 이어지는 1 점 투시로 디자인합니다.

 

아주 기본적인 원 포인트 투시는 이런 방입니다

 

방의 각 모서리에 평행선을 그려 방에 더 많은면을 만듭니다.

이제 우리는 8면이 있습니다

 

반대쪽에 동일한 디테일을 만들어 양쪽에 디테일을 추가합니다.

나중에 추가하기 위해 비대칭 세부 사항을 계획 할 수도 있습니다.

이제 배경 (패널 제외)이 수직축에서 대칭임을 알 수 있습니다.

수평축에서도 대칭입니다.

이 패턴을 사용하면 한 면만 그리고 다른면에서 반복됩니다.

그런 다음 나중에 추가 패널을 추가하여 덜 대칭 적으로 보이게합니다 (선택 사항).

1 단계 : 백그라운드 용 파일 준비

배경의 경우 3 개의 벽이 합성됩니다.

 

별도의 파일로 그립니다.

 

먼저 ..

 

1 : 측벽

 

새 캔버스를 만들고 벽을 그리기위한 그리드를 활성화합니다.

 

그런 다음 메뉴 [격자 / 눈금자 설정]으로 격자를 설정합니다.

 

더 쉽게 그릴 수 있도록 간격을 더 많은 픽셀로 설정

 

메뉴 모음에서 [격자에 맞추기]를 활성화합니다.

직사각형 도구를 사용하여 벽의 기둥 상세를 그립니다.

 

각 막대 사이의 공간이 동일한 지 확인하십시오.

 

직사각형 선택 도구를 사용하여 자르기 선택을합니다.

다음과 같이 영역을 자르려면 선택하십시오.

 

또한 나중에 이음새없는 패턴을 계획하므로 마지막 공간과 첫 번째 공간의 간격 요약은 중간 간격 크기와 같습니다.

 

이미지를 자르려면 [편집> 자르기]로 이동합니다.

배경의 한쪽에 대한 원활한 패턴 조각을 얻을 수 있습니다.

조명 효과를 추가하려면 막대 레이어를 복제합니다 (레이어를 [새 레이어] 아이콘으로 드래그)

블러 필터를 적용하고 [필터> 블러> 가우시안 블러]로 이동합니다.

바에 대한 흐림 강도 조정

그런 다음 블러 레이어의 투명도를 잠그고 밝은 색상을 선택한 다음 레이어에 채 웁니다 [Alt + Del]

선택 사항 : 다른 레이어를 복사하고 약간 뒤로 이동 한 다음 밝은 색상을 채워 열에 깊이를 추가합니다.

더 강한 빛을 원한다면 빛 레이어를 복사 할 수 있습니다.

레이어 블렌딩 모드 [추가 (글로우)]로 조명 효과를 만들 수도 있습니다.

완료되면 파일을 Clipstudio 형식 (.clip)으로 저장합니다.

2 : 라이트 바

 

너비가 긴 새 캔버스를 만듭니다. 이것은 루프 애니메이션의 길이가됩니다.

 

폴리 라인 도구로 화살표를 그리고 선 / 채우기 모드를 채우기로 설정 한 다음 화살표를 하나씩 그립니다.

참고 : 이동 도구는 그리드에 스냅되지 않습니다. 그리드에 하나씩 반복해서 그리는 것이 좋습니다.

 

그림을 약간 앞으로 이동하여 효과에 약간의 공간을 제공하고 왼쪽 가장자리의 간격이 각 삼각형 사이의 다른 간격과 같은지 확인합니다.

 

이동할 때 [Shift] 키를 누르고 있으면 이전 위치와 동일한 수평으로 정렬됩니다.

 

조명 효과를위한 새 래스터 레이어를 만든 다음 [전경에서 투명] 모드로 그라디언트를 칠하고 가장자리 프로세스를 반전 모드로 설정 한 다음 그라디언트를 캔버스에서 드래그합니다.

다른 그라디언트 웨이브를 지우고 하나만 유지하십시오.

레이어를 [이미지 소재 레이어]로 변환

그라디언트 개체의 중심점이 표시됩니다.

그래디언트의 중심이 이미지의 가장자리에 맞춰 지도록 드래그합니다.

그라디언트를 화살표에 클리핑하면 화살표 막대에 쉽게 빛나는 효과가 나타납니다.

다음은 가벼운 움직이는 애니메이션의 기본 단계입니다.

 

새 타임 라인을 만들고 프레임 속도를 설정합니다. 여기서는 12fps와 30 프레임 길이를 사용합니다.

 

레이어 키 프레임을 활성화하여 조명 애니메이션

타임 라인의 시작과 끝에 새 키 프레임 추가 (선형 보간 모드 사용)

마지막 키 프레임을 클릭하고 그라디언트를 앞으로 이동하면 빛이 쉽게 움직일 수 있습니다.

루프로 만들려면 애니메이션의 시작과 끝을 동일하게 표시해야합니다. 애니메이션을 적용하기 전에 개체를 복사하여 앞에 붙여 넣습니다.

 

이것은 루프 애니메이션의 시작과 끝 점이 될 것입니다.

 

개체를 개별적으로 이동하는 대신 모든 그라디언트 레이어를 폴더에 넣고 폴더의 레이어 키 프레임을 활성화하여 함께 이동합니다.

그라디언트를 폴더로 함께 이동하는 경우 루프 애니메이션을 만드는 것을 볼 수 있지만 여기에는 여전히 루프에서 약간의 깜박임 간격이 있습니다.

완벽하게 매끄럽게 만들려면 3 개의 그라디언트가 필요하고 가능한 한 균등하게 간격을 조정하십시오.

빛나는 효과를 만들기 위해 화살표 막대를 복사하고 흐림 효과를

라이트 레이어 폴더도 복사하여 최상위로 이동 한 다음 화살표 레이어의 레이어 모드를 [추가 (광택)]로 설정합니다.

불투명도를 낮추면 바에 매우 쉬운 글로우 효과를 얻을 수 있습니다.

완료되면 클립 스튜디오 파일 (.clip)에 저장합니다.

 

3 : 층

 

바닥 타일의 경우 그리드에서 폴리 라인 도구를 사용하여 하나의 타일 만 그립니다.

 

전경을 투명 모드로 사용하여 금속성 빛나는 효과를 만듭니다.

 

참고 : 수평축에서 여전히 대칭인지 확인하십시오.

 

그런 다음 하나의 타일로 자르면 바로 사용할 수 있습니다.

결론적으로 배경을 만들기위한 3 개의 클립 스튜디오 파일이 있습니다.

2 단계 : 변형을 통해 이미지를 배경으로 결합

스케치에서 다른 부분과 대칭 인 한 부분을 자릅니다.

 

선택 도구로 영역을 선택한 다음 [편집> 자르기]

나중에 이미지 크기를 조정할 때 품질 저하를 방지하려면 이미지 크기를 조금 더 크게 조정하십시오.

 

[파일> 이미지 해상도 변경]

 

새 레이어를 만들고 폴리 라인 도구로 배경을 그립니다.

벽 오브젝트를 캔버스로 가져오고 [파일> 가져 오기> 파일 오브젝트 만들기]로 이동합니다.

개체를 프레임에 맞게 조정하고 개체 도구를 사용합니다.

도구 속성 패널에서 모드를 [원근]으로 선택하면 한 쌍의 평행 노드에서 벽 이미지를 조정할 수 있습니다.

프레임에 맞게 이미지를 조정하고 축소하여 개체의 전체 테두리를 볼 수 있습니다.

[배율] 또는 [배율 / 회전] 모드를 사용하여 개체의 너비를 축소합니다.

또한 [가로 세로 비율 유지]를 선택 취소하여 이미지의 한 면만 크기를 조정합니다.

도구 속성 패널에서 타일링을 활성화하고 타일링이 수평으로 반복되도록 설정합니다.

바닥으로 단계를 반복하십시오.

애니메이션 막대의 경우 먼저 이미지에 대한 타임 라인을 만들어야합니다.

 

중요 : 바 파일과 동일한 설정을 사용하십시오.

 

첫 번째 프레임을 선택하여 파일 개체로 가져옵니다. [파일> 가져 오기> 파일 개체 만들기]

다른 부분과 마찬가지로 프레임에 맞게 조정하십시오.

새 레이어를 만들고 끝 영역이나 이미지에 색상을 채우고 원하는대로 조정합니다.

이렇게 배경의 한면에 대한 애니메이션이 표시됩니다.

색조가 잘 맞지 않더라도 걱정하지 마세요. 보정 레이어로 조정할 수 있습니다.

 

저는 [색조 / 채도 / 광도]를 사용하여 색조를 조정하는 것을 좋아합니다.

 

수정이 한 부분에만 나타나도록하려면 부분 레이어로 잘라냅니다.

[오버레이] 레이어 모드로 이미지에 색조를 추가 할 수도 있습니다.

나는 또한 더 자세한 내용을 위해 여분의 선을

완료되면 클립 스튜디오 형식 (.clip)으로 파일을 저장합니다.

3 단계 : 이미지에 배경 적용

디자인에서 인감과 소녀를 별도의 클립 스튜디오 파일 (.clip)로 그립니다.

투명한 배경을 만들기 위해 종이 레이어를 삭제하십시오.

조합 장면에 대한 새 캔버스를 만들고 동일한 배경 파일 설정으로 타임 라인도 만듭니다.

그런 다음 배경의 파일 개체를 캔버스로 가져옵니다.

한 모서리로 이동

도구 속성 패널의 타일링 설정에서 반전 모드로 설정하십시오.

(마법 같네요 !!)

 

개체 도구에서 변형 모드를 사용하여 원하는 비율로 조정할 수도 있습니다.

 

타임 라인을 오른쪽 클릭하고 [프레임 삽입]을 클릭하여 프레임 길이를 늘립니다.

배경 파일 개체의 프레임 번호가 장면의 프레임 번호보다 작기 때문에 타임 라인에 간격이 표시됩니다.

헤더를 클릭하여 전체 막대를 선택하여 타임 라인 막대를 복사합니다.

그런 다음 [오른쪽 클릭> 복사]

바 뒤의 빈 곳에 붙여

이제 프레임 번호를 확장 할 수 있습니다.

애니메이션이 함께 나타나 멋진 효과를 만들어보세요 !!

빈 영역에 추가 패널을 추가하여 더 자세하게 만듭니다.

벽에 직접 그리는 것은 복잡한 작업이므로 그리드를 활성화하고 여러 그림 하위 도구를 사용하여 새 레이어에 그립니다.

 

재미있는 작업입니다 ^ _ ^

 

나중에 모든 레이어를 선택하고 자유 변형을 만듭니다 [Ctrl + t]

 

(또는 [편집> 변형> 자유 변형])

도구 속성 패널에서 변형 모드 (개체 도구와 동일)를 찾을 수 있습니다.

 

먼저 전체를 조정 한 다음 나중에 개별 패널을 조정합니다.

 

뒤집기를 사용하여 다른면에 패널을 적용 할 수도 있습니다.

모든 패널을 선택하고 레이어를 병합 한 다음 레이어를 투명하게 잠급니다.

채우기 도구를 사용하여 패널에 여러 색상 채우기

패널 레이어를 복사하고 블러 효과를 적용한 다음 [추가 (글로우)] 모드로 설정하여 패널에 조명 효과를 적용합니다.

캐릭터를 이미지에 파일 객체로 가져 오기

[추가 (글로우)] 레이어 모드로 빛을 더할 수 있습니다.

[곱하기] 레이어 모드로 추가 그림자

 

결과:

4 단계 : 장면에 대한 추가 애니메이션

다음은 Clip studio 변형 기능을 사용하여 중간 키 프레임을 만드는 데 매우 유용한 팁입니다.

 

사이 키 프레임을 그리지 않고 캐릭터의 눈 깜빡임 애니메이션을 만듭니다. 아주 쉽습니다 !!

 

눈과 바디 레이어가 분리되어 있어야합니다. 여기에 눈 레이어를 폴더에 넣어요

타임 라인에서 새 애니메이션 폴더를 만들고 눈 레이어 폴더를 안에 넣으십시오.

 

참고 : 타임 라인에서 더 쉽게 주문할 수 있도록 폴더 이름을‘01’로 변경했습니다.

 

첫 번째 키 프레임에서 [셀 지정] 아이콘을 클릭하여 캔버스에 나타나게하고 눈 키 프레임 용 폴더를 선택합니다.

폴더를 [새 레이어] 아이콘으로 드래그하여 키 프레임을 복사하면 새 폴더의 이름이 '02'로 자동 변경됩니다.

타임 라인에 표시 할 폴더 지정 (오른쪽 클릭 후 폴더 선택)

[shift]를 누른 상태에서 키 프레임 폴더의 모든 레이어를 선택합니다.

그런 다음 [편집> 변형> 메시 변형]으로 메시 변형을 만듭니다.

 

눈에 메쉬 변형을 만듭니다.

도구 속성에서 [벡터 너비 변경]이 선택 해제되어 있는지 확인합니다.

그런 다음 중간 키 프레임을 위해 눈을 반쯤 가까이로 쉽게 조정할 수 있습니다.

 

어니언 스킨을 활성화하여 이전 장면을 볼 수 있으므로 조정하기가 더 쉽습니다.

[Enter]를 누르거나 [OK] 버튼을 클릭하여 변환을 확인합니다.

 

완전히 닫힌 눈을 위해 그립니다.

눈을 뜨는 키 프레임도 반복 (반대) ^ ^

참고 : 기본 장면과 일치하도록 타임 라인 길이를 설정하는 것을 잊지 마십시오.

 

[중요!] 장면으로 가져 오기 전에 캐릭터 파일에 타임 라인을 만들어야합니다. 이후에 타임 라인을 추가하면 애니메이션이 장면에 나타나지 않습니다.

 

장면에 캐릭터에 대한 부동 애니메이션을 추가하고 타임 라인의 시작과 끝에 새 키 프레임을 만들어 루프 애니메이션을 만듭니다.

 

타임 라인 중간에 활성화 된 경우 개체 도구로 개체를 이동하거나 회전하면 이동을위한 키 프레임이 자동으로 생성됩니다.

밝은 빛 효과를 위해 레이어 키 프레임을 활성화하고 타임 라인에서 광선 레이어의 불투명도를 조정할 수 있습니다.

(타임 라인 레이어의 [+] 아이콘을 클릭하면 타임 라인의 불투명도를 조정할 수 있습니다.)

 

장면에 더 많은 장면 이동을 만들기 위해 카메라 회전을 추가 할 수도 있습니다.

 

새 2D 카메라 폴더 만들기

 

그런 다음 카메라와 함께 이동해야하는 모든 레이어를 폴더 안에 넣습니다.

움직일 수있는 공간을 만들기 위해 카메라 크기를 약간 아래로 조정합니다 (프레임 1에서 활성 상태인지 확인).

그런 다음 카메라 폴더의 타임 라인 끝에 키 프레임을 추가합니다.

타임 라인 중간에서 카메라를 약간 회전하여 카메라 회전 움직임을 만듭니다.

결과를보기 위해 카메라보기로 전환 할 수도 있습니다.

[선택 사항] 또한 장면에 홀로그램 효과를 추가합니다.

홀로그램 효과에 대한 튜토리얼을 확인하십시오.

최종 결과

이 튜토리얼이 Clip Studio의 변형 기능으로 작업 할 수있는 아이디어를 제공하기를 바랍니다.

 

집에서 안전하게 지내시고 CLIP STUDIO로 예술 창작을 즐기세요! 좋은 하루 보내시고 다음 튜토리얼에서 만나요 ^ _ ^

댓글

신착

공식 신착