Flash Catalyst CS5 타임 라인

• 할 수있다 4, 2024

당신이 나와 같다면, 응용 프로그램에 상호 작용을 추가하면 재미가 시작됩니다. 마지막 플래시에서^{아르 자형} 촉매^TM CS5 검토 기사에서는 웹 사이트 응용 프로그램의 페이지 / 상태에 대해 논의했으며 Catalyst가 웹 사이트의 한 페이지에서 다른 페이지로 이동하도록 단추를 프로그래밍하도록 지시했습니다.

CityView, UnionParkView 및 CentralParkView의 세 페이지 만있는 예제 웹 사이트를 계속하겠습니다. 이 페이지를 표시하도록 단추를 프로그래밍 할 때 탐색에 대해 약간 연구했습니다. 우리는 다음과 같은 버튼을 만들었습니다.

버튼 1은 UnionParkView 페이지를 표시합니다
버튼 2는 CentralParkView 페이지를 표시합니다
버튼 3은 CityView 페이지를 표시합니다

Catalyst는 타임 라인에서 이러한 페이지 / 상태 간의 관계를 추적하며 웹 사이트 응용 프로그램을 탐색하기위한 시각적 가이드로 Catalyst Timeline을 사용할 수 있습니다.

Flash를 사용한 경우 일련의 프레임으로 구성된 타임 라인에 익숙합니다. 그러나 Catalyst 타임 라인은 응용 프로그램의 페이지 / 상태와 해당 페이지 / 상태 간의 전환으로 구성됩니다. 한 번 보자.

Catalyst 타임 라인은 4 개의 열로 구성됩니다. 가장 왼쪽에는 페이지 / 상태 목록이 있습니다. 프로젝트의 버튼 및 페이지 / 상태를 기반으로 Catalyst는이 열에 웹 사이트 페이지 간의 관계를 표시합니다. 보시다시피, 우리는 4 가지 방법으로 페이지 사이를 이동할 수 있습니다. 이들 각각은 타임 라인에서 레이어에 배치됩니다.

여기서부터
시티 뷰
시티 뷰
UnionParkView
센트럴 파크뷰

여기서 끝나는
UnionParkView
센트럴 파크뷰
시티 뷰
시티 뷰

타임 라인의 두 번째 열에는 시작 상태가 표시됩니다. 타임 라인에서 각 레이어를 클릭하면 Catalyst는이 두 번째 열의 맨 위에 활성 페이지 (현재보고있는 페이지)를 표시합니다. 예를 들어 첫 번째 계층에서는 CityView 페이지에서 UnionParkView 페이지로 이동합니다. 따라서 CityView가 시작 상태로 표시됩니다. 그러나 맨 아래 레이어에서 CentralParkView에서 CityView로 이동하면 CentralParkView 페이지가이 열에 표시됩니다.

세 번째 열에는 한 페이지에서 다른 페이지로 이동하는 데 필요한 해당 전환이 표시됩니다. 여기에서 Catalyst가 버튼을 통해 페이지 사이를 이동할 것이라고 결정했으며 이미이 열에 "이동"전환을 적용했음을 알 수 있습니다. 애플리케이션 작업을 계속하고 더 많은 요소와 효과를 추가하면 Catalyst는 타임 라인에 올바른 전환을 자동으로 추가합니다.

네 번째 열에는 종료 상태가 표시됩니다. 타임 라인에서 각 레이어를 클릭하면 마지막 열에 대상 페이지 (이동중인 페이지)가 표시됩니다. 이제 타임 라인과 응용 프로그램의 관계를 이해 했으므로 웹 사이트에 전문적으로 보이는 몇 가지 애니메이션을 추가 할 준비가되었습니다.

* Adobe는 무료로 리뷰 사본을 제공했습니다.

저작권 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] 등록 상표 또는 상표입니다.

비디오 지침: InfiniteSkills Tutorial | Flash Catalyst CS5.5 | Using The Timeline (할 수있다 2024).