차례:
- 애니메이션 만들기
- 좋은 흐름을 얻기 위해 양파 스키닝 사용
- 실제 애니메이션을 만드는 것은 확실히 로켓 과학이 아니지만 움직이기 전에 선택한 상태에주의를 기울여야합니다.
- Fireworks 대지 또는 웹에서 직접 애니메이션을 테스트 할 수 있습니다.
비디오: [에프터이펙트 한글판] 3강 마스크를 이용한 텍스트 애니메이션 .1 / 편집 2025
Adobe Fireworks Creative Suite 5에서 이미지를 만드는 과정은 간단합니다. 애니메이션 용 이미지를 만드는 작업은 간단하지만 약간 다릅니다. 그 이미지는 여러 가지 상태에서 하나씩 만들어져 움직임의 환상을 창조한다는 것입니다.
애니메이션 만들기
애니메이션 이미지를 만들려면 다음 단계를 따르십시오.
-
애니메이션을 적용 할 객체를 만들거나 엽니 다.
이 예제에서는 타원 도구로 원을 만듭니다.
-
포인터 도구를 사용하여 원을 선택하십시오.
-
창 → 상태를 선택하십시오.
상태 패널에 상태가 하나씩 표시됩니다.
-
오른쪽 상단의 패널 메뉴에서 중복 상태를 선택합니다.
중복 된 상태 대화 상자가 나타납니다.
-
숫자 슬라이더를 사용하여 세 가지 새로운 상태를 추가하십시오.
-
새 상태 삽입 섹션에서 현재 상태 이후 라디오 단추를 선택하고 확인을 클릭합니다.
모든 주들은 동일하기 때문에 아무런 변화가 없습니다. 객체는 서로의 위에 배치됩니다.
좋은 흐름을 얻기 위해 양파 스키닝 사용
애니메이션에서 어니언 스키닝을 사용하려면 다음 단계를 따르십시오.상태 패널에서 상태 2 행을 선택합니다.
-
패널의 왼쪽 하단 모서리에있는 어니언 스키닝 단추를 클릭하십시오.
-
드롭 다운 목록이 나타납니다.
선택한 상태 전후 하나의 상태를 표시하려면 모든 상태 표시를 선택하십시오.
-
애니메이션 이동
실제 애니메이션을 만드는 것은 확실히 로켓 과학이 아니지만 움직이기 전에 선택한 상태에주의를 기울여야합니다.
애니메이션을 움직이려면 다음 단계를 따르십시오.
상태 패널에서 상태 2를 선택하여 상태 2 원을 봅니다.
-
포인터 도구를 사용하여 원을 위쪽으로 살짝 끕니다.
-
상태 3을 선택하면 상태 3 원을 볼 수 있습니다.
-
상태 2 원 오른쪽 아래의 원을 드래그하십시오.
-
상태 4를 선택하려면 상태 4를 선택하십시오.
-
상태 3 원의 위와 오른쪽에 원을 드래그하십시오.
-
원시적 인 방법으로 튀는 공을 나타내는 흐름을보아야합니다.
애니메이션 테스트
Fireworks 대지 또는 웹에서 직접 애니메이션을 테스트 할 수 있습니다.
Fireworks에서 테스트
Fireworks는 대지 창의 오른쪽에 여러 가지 재생 컨트롤을 제공합니다.Fireworks에서 이러한 컨트롤을 사용하여 애니메이션을 테스트하려면 다음 단계를 따르십시오.
애니메이션을 시작하려면 재생 버튼을 클릭합니다.
-
재생 버튼이 중지 버튼으로 변경됩니다.
애니메이션을 재생 한 후 중지 버튼을 클릭하여 애니메이션을 중지합니다.
-
웹에서 테스트
브라우저에서 미리보기 기능을 사용하면 애니메이션이 뷰어에 표시되는 방법을보다 정확하게 알 수 있습니다. 이 과정은 매우 간단하므로 아무 단계도 필요 없습니다. 파일 -> 브라우저에서 미리보기를 선택하고 애니메이션을 미리 볼 브라우저를 선택하십시오.
브라우저에서 애니메이션이 작동하지 않는 경우 Fireworks의 최적화 패널에서 파일 형식 내보내기로 GIF를 선택해야합니다.
