Fireworks CS5에서 Tweening 사용 방법 - 인형

트위닝은 Adobe Fireworks Creative Suite 5에서 애니메이션을 미세 조정하기위한 도구로 제공됩니다. 트위닝은 두 개의 다른 객체 사이에 상태를 생성하는 프로세스로, 일반적으로 애니메이션의 시작 또는 중지 지점으로 사용됩니다. 트위닝을 사용하여 공이 튀는 것과 같이 움직이는 물체를 시뮬레이션하거나 애니메이션 안팎으로 이미지가 흐려지는 현상을 시뮬레이트합니다.

심볼 만들기

Fireworks에서 트위닝 기능을 사용하려면 심볼 (예: 화살표)이 있어야합니다. 이 기호를 만들려면 다음과 같이하십시오.

->

1. 파일 → 새로 만들기를 선택하고 애니메이션을 포함 할 수있을만큼 큰 새 문서를 만듭니다.

   이 예에서는 500 x 500 픽셀을 측정하는 문서를 만듭니다.

2. 사각형 도구를 클릭 한 채로 도구 패널의 벡터 섹션에서 화살표 도구를 선택합니다.

3. 캔버스의 왼쪽 상단에서을 클릭하고 끌어 작은 화살표를 만듭니다.

4. 수정 → 기호 → 심볼로 변환을 선택하십시오.

   심볼로 변환 대화 상자가 나타납니다.

5. 이름 텍스트 상자에 기호와 같은 적절한 이름 (예: 화살표)을 입력하고 그래픽 라디오 단추를 선택한 다음 확인을 클릭합니다.

   Fireworks는 화살표 그래픽을 기호로 변환합니다.

심볼 복제

심볼을 만든 후에 심볼을 복제하여 애니메이션의 시작점과 끝점을 만들어야합니다. 다음 단계를 따르십시오.

1. 캔버스에서 화살표 기호를 선택하십시오.

2. Alt 키 (Windows) 또는 Option 키 (Mac)를 누른 상태에서 화살표를 캔버스의 오른쪽 아래 모서리로 드래그합니다.

   드래그하는 동안 Alt 또는 Option 키를 누른 상태로 화살표를 복제합니다.

   

3. 도구 패널의 선택 영역에서 크기 조절 도구를 선택하고 오른쪽 아래 모서리에있는 복제 된 화살표를 원본보다 크게 만듭니다.

4. 포인터 도구를 사용하여 두 화살표 기호를 원하는 모양으로 캔버스에 배치합니다.

   이러한 기호는 애니메이션의 시작 및 종료 지점이므로 애니메이션을 시작하고 끝낼 위치에 배치하십시오.

심볼 트위닝

대지에 심볼의 인스턴스가 두 개있을 때 심볼을 트위닝하여 애니메이션을 만들 준비가되었습니다. 다음 단계를 따르십시오:

1. 포인터 도구를 사용하여 화살표 기호 중 하나를 선택한 다음 Shift 키를 누른 상태에서 다른 기호를 동시에 클릭하여 선택하십시오.

2. 수정 → 심볼 → 트윈 인스턴스를 선택하십시오.

   Tween Instances 대화 상자가 나타납니다.

3. 단계 텍스트 상자에 값을 입력하십시오.

   이 예에서는 작은 화살표를 큰 화살표로 변형하기위한 5 개의 새로운 상태 (또는 프레임)를 만들기 위해 5를 입력하십시오.

   

4. 심볼을 한 번에 하나씩 표시하려면 상태 패널에서 해당 상태를 개별 상태로 분산하려면 상태로 배포 확인란을 선택합니다.

5. 확인을 클릭하십시오.

6. Fireworks 작업 영역의 오른쪽 아래에있는 재생 버튼을 클릭하여 애니메이션을 테스트 한 다음 파일을 저장합니다.