간단한 공이 튀는 애니메이션을 만듭니다

 

그리는 것은

래스터 레이어로 "도형"도구 하위 도구 '타원형'에서 긍정적 엔 채우기를 하나 만듭니다

귀찮은 공부 나에게는 매우 좋은지도 모릅니다

완성 예정

프레임 속도 12 초 반복 애니메이션을 만듭니다

신규 일러스트 (600 × 800px)

신규 애니메이션이 아닌 '그림'을 만든 후 시작하려고합니다

"기준 크기" "이 귀찮다는 이유입니다

 

단위는 px입니다 가로 600 높이 800로했습니다

 

"보기"메뉴의 "그리드"를 선택

"보기"메뉴의 "그리드 눈금자 설정"의 "그리드 눈금자의 원점"을 "중앙"으로 설정했습니다

배경에 3D의 소재를 두었습니다

체육관 내부 (컨텐츠 ID : 1722498)

어느새 업데이트되어 했습니다만 이전 그대로의 소재를 사용하고 있습니다

볼과 바닥의 그림자를 래스터 레이어로 만들

캔버스로

하위 도구 "타원"도구 속성

"선 · 그린"의 "채우기 만들기"에서 검은 동그라미를 그렸습니다

캔버스에 그리는 것은 여기까지입니다

 

레이어 팔레트에서

그린 레이어를 복제합니다

위의 레이어는 공 아래의 레이어는 바닥의 그림자입니다

 

컬러 세트 등으로 공의 색상을 선택

"편집"메뉴의 "선 색상을 전경색 변경"을 선택합니다

선택한 색상이 공의 색이됩니다

 

레이어 속성 팔레트의 "효과"의 "경계 효과"를 클릭합니다

"경계선의 색 '을 검정하고

"경계선 두께"의 값을 1 ~ 2 정도합니다 (여기에서는 1입니다)

이 경계선은 변형에 좌우되지 않는 두께를 유지합니다

 

또 하나의 레이어를

레이어 이동 (shift) 키를 누른 상태에서 바로 아래 끕니다

이 원형의 중심 공 떨어지는 위치합니다

 

"편집"메뉴의 "변형"의 "확대 축소"를 선택

도구 특성 팔레트의 "배율"의 "비율 유지"의 체크를 해제

"세로"를 "20 (%)"로 축소했습니다

여기서 그리드는 숨겨 버리고 상관 없습니다

표시 한 채 작업하고 말았지 만, 이후 그리드를 이용하는 것은 없습니다 ^^

 

이것으로 사용할 그림을 준비 할 수 있기 때문에 그림에서 애니메이션으로 전환합니다

새 타임 라인

애니메이션하는 것은 매우 간단합니다

 

"창"메뉴의 "타임 라인"을 선택합니다

타임 라인 팔레트의 왼쪽 상단의 "새 타임 라인 '아이콘을 누릅니다

 

이번에는 (프레임 속도 12)에서 (1 초 +1 프레임)의 타임 라인을 만듭니다

"변형의 픽셀 보간"여기에서 선택할 수 있으므로 "정밀 (색상의 평균)」로했습니다

 

위의 공의 레이어를 선택

타임 라인의 "레이어의 키 프레임을 활성화」아이콘을 눌러

"키 프레임을 부드럽게"로 설정합니다

 

하위 도구 '객체'를 선택합니다

튀는 공의 키 프레임

타임 라인의 프레임 1을 선택한 상태

 

캔버스의 중앙에 공 레이어의 중심점이 표시되어 있습니다

이 중심점 (shift) 키를 누른 상태에서 드래그하여

공 바로 아래로 이동시킵니다

이 중심점을 중심으로 변형, 회전 등을합니다

 

중심점을 이동 시키면

타임 라인에 "키 프레임"이 추가되어 있습니다

 

타임 라인의 마지막 프레임 (1 + 1)을 선택하고

"키 프레임을 추가"아이콘을 클릭하여 키 프레임을 추가합니다

첫 번째 프레임과 마지막 프레임의 같은 위치에있는이되었습니다

타임 라인 (0 + 7)을 클릭합니다

캔버스 공 (shift) 키를 누른 상태에서 드래그하여

또 하나의 레이어의 중심으로 이동합니다

타임 라인에 키 프레임이 추가되어 있습니다

 

계속하고 도구 특성 팔레트의 "배율"을 (가로 110) (세로 80)합니다

변형을 수작업이 아닌 키 프레임으로 만들어갑니다

바닥에 맞고 볼이 무너져있는 느낌입니다

 

중심점으로 변형하고 있기 때문에 바닥과 접지하는 곳은 이동하지 않습니다

 

타임 라인 (0 + 6)을 선택

도구 특성 팔레트의 "배율"을 (가로 100) (가로 100)로 되돌립니다

 

캔버스 바닥에서 볼이 떠올라 있지만 그대로 둘 수 있습니다

 

타임 라인 (0 + 8)을 선택

도구 특성 팔레트의 "배율"을 (가로 90) (세로 110)합니다

뛰고 성장하고있는 느낌입니다

 

타임 라인 (0 + 9)을 선택

도구 특성 팔레트의 "배율"을 (가로 100) (가로 100)로 되돌립니다

 

(0 + 1) ~ (0 + 6)과 (0 + 9) ~ (1 + 1) 사이는 둥근 채 변형되지 않는다

키 프레임 편집 및 (함수 곡선 편집 모드)

여기에서 애니메이션을 재생해도 좋다고 생각 합니다만

"이런 공의 탄력 방법은 싫다!"이된다고 생각합니다

よさげ 움직임에 편집합니다

 

타임 라인에서 레이어 이름 왼쪽에있는 "+"를 클릭합니다

"+"가 "-"가되어 더 ">"가 표시됩니다

">"를 누르면 키 프레임 기록되는 항목이 표시됩니다

 

"위치"키 프레임의 일부를 삭제합니다

 

타임 라인 (0 + 6) (0 + 8) (0 + 9)의 키 프레임을

(shift) 키를 누른 상태에서 선택합니다

(0 + 7)은 선택하지 않습니다

 

타임 라인의 '키 프레임을 제거 "아이콘을 누릅니다

선택하고 키 프레임 만 삭제되었습니다

"기능 커브 편집 모드"

타임 라인의 왼쪽의 명령 아이콘 '기능 커브 편집 모드 "입니다

누르십시오

 

함수 곡선 편집 모드로 전환됩니다

"기능 커브 편집 모드 '옆의'드래그 줌"을 클릭합니다

 

표시가 경단 상태이므로 타임 라인보기를 펼칩니다

왼쪽에서 오른쪽으로 드래그하면 확대합니다

 

"끌어 줌"이 밀린 상태로는 다른 작업을 할 수 없기 때문에

다시 눌러 해제합니다

 

펼치면 옆에 기지개 한 키 프레임이 나타납니다

 

왼쪽의 키 프레임 항목의 "위치"를 클릭합니다

위치 "기능 커브 '만 표시됩니다

 

항목을 선택하고 필요한 기능 커브만을 표시하고 조작 할 수 있습니다

빨간색 X 축 기능 곡선, 녹색 Y 축 기능 커브입니다

공의 수직 운동을 편집하기 때문에 녹색의 기능 커브를 조작합니다

 

녹색 정점의 키 프레임 지점을 클릭하여 선택합니다

여기 바닥에 접촉 한 위치입니다

(위가 낮다는 것은 익숙해지지 않으면 이해하기 어려울지도 모릅니다)

 

"키 프레임 커브의 전후를 분할"아이콘을 누릅니다

 

분할 된 핸들은 좌우로 자유롭게 움직일 수 있습니다

 

함수 곡선을 곤두시킴으로써

접지 된 볼이 힘차게 연주 한 움직임입니다

 

좌우의 기능 커브가 알맞은 형태가되면

함수 곡선 모드를 종료합니다

"기능 커브 편집 모드"아이콘을 눌러 원래의 타임 라인으로 돌아갑니다

함수 곡선을 이용한 탄력 공

여기까지의 애니메이션

바닥의 그림자에 키 프레임을 추가

바닥의 그림자는 볼이 높아지면 바닥의 그림자는 사방에서 빛의 영향으로 사라집니다

그 모습을 키 프레임으로 만들려고 생각합니다

 

타임 라인

바닥의 그림자 레이어의 프레임 1을 클릭합니다

"레이어의 키 프레임을 활성화"아이콘을 누릅니다

 

하위 도구 '객체'임을 확인하고

캔버스 "바닥 그림자 레이어"의 "중심"을

(shift) 키를 누른 상태에서 드래그로 「그림자」의 중심으로 이동합니다

 

도구 특성 팔레트의 "배율"을 (가로, 세로) 모두 50 (%)로합니다

 

타임 라인 (1 + 1)을 클릭하여 "키 프레임을 추가"를 누릅니다

(0 + 1) 및 (0 + 1)의 키 프레임 배율이 동일합니다

타임 라인 (0 + 7)을 클릭합니다

도구 특성 팔레트의 "배율"을 (가로, 세로) 함께 (100)로 되돌립니다

 

타임 라인 왼쪽의 "함수 곡선 편집 모드"아이콘을 누릅니다

 

왼쪽 항목의 '배율'을 누릅니다

 

X 축과 Y 축이 예쁘게 방법 s되어 있기 때문에 Y 축 녹색이 아래로되어있어 보이지 않습니다

표시를 'Y'만함으로써 'X'로 방해하지 않고 "Y"를 표시 할 수 있습니다

 

"Y"키 프레임 정점을 클릭하여

"키 프레임 커브의 전후를 분할"아이콘을 누릅니다

 

좌우 핸들을 조작하여 키 프레임의 정점을 곤두 세우고 있습니다

 

"X"를 표시하고

"X"키 프레임 정점을 클릭하여

"키 프레임 커브의 전후를 분할"아이콘을 누릅니다

 

가능한 "Y"함수 곡선과 겹치게

"X"의 좌우 핸들을 조작하여 키 프레임의 정점을 곤두 세우고 있습니다

 

할 수 있으면

"기능 커브 편집 모드"아이콘을 눌러 원래의 타임 라인으로 돌아갑니다

공의 높이에서 그림자가 사라지는 모습을 만듭니다

 

타임 라인 (0 + 4)를 클릭합니다

레이어 팔레트의 "불투명도"를 0으로합니다

캔버스에서 바닥의 그림자가 사라집니다

 

타임 라인 (0 + 10)을 클릭하여

레이어 팔레트의 "불투명도"를 0으로하는 것이지만

0의 상태로는 키 프레임이 추가되지 않으므로 0 이외의 슬라이더를 이동 한 다음

0으로 되돌립니다

이제 키 프레임이 추가됩니다

 

이것은 용도 아닌데 뭔가 작업을 해 버리면

거기에 키 프레임이 생성되어 버리는 것입니다

필요없는 것을 해 버리면 (ctrl + z) (command-z)로 돌아 가자

 

타임 라인 (0 + 7)을 클릭하여

레이어 팔레트의 "불투명도"숫자를 50로합니다

이것이 공이 바닥에 접촉했을 때의 그림자입니다

 

키 프레임은 여기까지입니다

마지막으로 범위 설정을합니다

타임 라인 (0 + 1)과 (1 + 1)은 같은 그림입니다

같은 그림이 있다고 반복했을 때 거기 멈춰서 보입니다

 

1 프레임을 깎습니다

타임 라인의 맨 위에 표시 시간 좌우의 파란색 막대가 표시 범위를 나타냅니다

엉덩이 파란 막대를 드래그하여 왼쪽에 1 프레임 이동시켜 줄입니다

이제 프레임 속도 12 초 반복 애니메이션의 완성입니다

키 프레임은 보이지 않는 마법 같은 것입니다

잘 사용하면 놀라는 움직임도 표현할 수 있을지도 모릅니다

 

끝