Flash 애니메이션 객체에 그림자 추가

• 4 월 30, 2024

플래시에 가장 추가 된 것 중 하나^{아르 자형} 기술은 필터에 애니메이션을 적용하는 능력이었습니다. 이 자습서에서는 매우 간단한 튀는 공 애니메이션을 만든 다음 공을 따라 그림자를 애니메이션합니다.

1. Flash CS3에서 새 프로젝트를 시작하십시오. ActionScript 3.0 무비의 기본 문서 설정을 사용하십시오.
   
   
2. 타임 라인에서 레이어 1의 이름을 "그림자"로 바꿉니다. 이 레이어에는 그림자 애니메이션이 포함됩니다.
   
   
3. 그림자 레이어의 프레임 1에서 타원 도구를 사용하여 원을 그립니다. 속성 관리자에서 채우기를 원하는 색상으로 설정하고 획을 null로 설정합니다. 너비와 높이를 약 80 픽셀로 설정하십시오. 우리는 공이 무대의 왼쪽 상단에서 시작되기를 원합니다. X 및 Y 위치를 50으로 설정하십시오.
   
   
4. 공에 애니메이션을 적용하려면 공을 심볼로 변환해야합니다. 공은 여전히 ​​선택되어 있어야합니다. 메뉴 표시 줄에서 수정 – 기호로 변환을 클릭하십시오. 대화 상자에서 심볼 이름을 "Ball"로 지정하고 유형을 무비 클립으로 설정하십시오.
   
   
5. 애니메이션의 길이는 약 30 프레임으로 애니메이션 프레임 15의 중간 점이됩니다. 프레임 15에서 키 프레임 (삽입 – 타임 라인 – 키 프레임)을 추가하고 공을 스테이지의 하단 중앙으로 이동합니다. 속성 관리자에서 X 위치를 260으로 설정하고 Y 위치를 300으로 설정합니다. 그러면 그림자가 바닥에 충분한 공간이 남습니다.
   
   
6. 프레임 30은 애니메이션의 마지막 프레임입니다. 프레임 30에서 키 프레임을 추가하고 공을 스테이지의 오른쪽 상단 (X 480, Y 120)으로 이동하십시오.
   
   
7. 애니메이션을 만들 차례입니다. 1에서 15 사이의 프레임을 마우스 오른쪽 버튼으로 클릭하고 메뉴에서 모션 트윈 만들기를 선택하십시오. 애니메이션의 두 번째 섹션에 대해 이것을 반복하십시오.
   
   컨트롤 – 무비 테스트를 클릭하십시오. 공은 무대를 가로 질러 한 번 튀었다가 반복해야합니다.
   
   이제 그림자 필터를 추가 할 준비가되었습니다. 예를 들어, 나는 하늘에서 태양이 높을 것이고 그림자는 공 바로 아래에 있다고 결정했습니다. 따라서 그림자 필터 각도를 90 도로 설정했습니다. 광원이 다른 각도에 있음을 제안하기 위해 필터의 Angle 속성을 실험 해 볼 수 있습니다.
   
   
8. 우리는 공이 맨 위에 있더라도 그림자가 무대의 맨 아래에 있기를 원합니다. 그러므로 공과 그 그림자 사이의 거리는 공이 무대의 바닥에 가까울 때보 다 큽니다. 또한 공이 맨 위에 있으면 그림자의 강도가 떨어집니다.
   
   타임 라인의 프레임 1에서 공을 선택합니다. 필터 탭으로 이동하여 더하기 부호를 클릭하십시오. 필터 메뉴에서 그림자를 선택하고 다음 값을 설정하십시오.
   
   X와 Y를 흐리게 : 20
   힘 : 30 %
   품질 : 높음
   각도 : 90
   거리 : 150
   
   

다음 →

저작권 2018 Adobe Systems Incorporated. 판권 소유. Adobe 제품 스크린 샷은 Adobe Systems Incorporated의 허가하에 재 인쇄되었습니다. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, 플래시, ActionScript, 불꽃 놀이, 참여, 사로 잡기, 플래시 촉매 및 플래시 용지 는 미국 및 / 또는 기타 국가에서 사용되는 Adobe Systems Incorporated의 [a] 등록 상표 또는 상표입니다.

비디오 지침: 플래시 강좌 - Lesson05-4(Motion Tween 애니기능 알아보기 4(글자를 이용한 애니) (4 월 2024).