Flash Catalyst에서 그래픽을 버튼으로 전환

• 할 수있다 5, 2024

PhotoshopLayout.psd 포트폴리오 프로젝트 파일을 Adobe로 가져 왔습니다.^{아르 자형} 플래시^{아르 자형} 촉매^TM Catalyst 작업 영역을 살펴보면 포트폴리오 탐색을 수행 할 준비가되었습니다.

현재 프로젝트에 대한 하나의 페이지 또는 상태 만 있습니다. 각 페이지마다 다른 로고를 표시 할 수 있도록 두 개의 페이지를 더 만들어야합니다.

1. Pages / States 패널에서 Duplicate States 버튼을 두 번 클릭합니다. 이것은 우리에게 Page2와 Page3를 줄 것입니다. 그러나 그들은 모두 비슷합니다. 처리해 봅시다.

2. Page1 아이콘을 클릭하고 레이어 패널로 이동하십시오. 로고 폴더를여십시오. 이 페이지에는 로고 1 만 보이기를 원합니다. 로고 2와 3의 가시성을 끕니다.

3. Page2 아이콘을 클릭하고 로고 1 및 3의 가시성을 끕니다. 로고 2의 가시성을 켭니다.

4. Page3 아이콘을 클릭하고 로고 1과 2의 가시성을 끕니다. 로고 3의 가시성을 켭니다.

다음으로 포트폴리오에 대한 버튼을 만듭니다. 각 로고의 썸네일이 있습니다. 버튼이됩니다.

5. 페이지 / 상태 패널에서 아이콘을 클릭하여 페이지 1로 돌아갑니다. 레이어 패널에서 축소판 폴더를 엽니 다. 대지에서 로고 1의 축소판을 클릭합니다. 이렇게하면 HUD가 열리고 속성 패널이 변경됩니다.

먼저 HUD에서 작업합시다. 여기서 비트 맵 이미지를 버튼으로 만들고 싶다고 Catalyst에 알려줍니다.

6. 아트 워크 변환에서 아트 워크를 컴포넌트로 변환을 클릭하고 컴포넌트 목록에서 버튼을 선택하십시오. 버튼에 대한 새로운 컨트롤을 제공하도록 HUD가 변경됩니다. 사용자 정의 상호 작용 목록을 펼친 후 더하기 아이콘을 클릭하십시오. 목록에서 클릭시를 선택하십시오. 작업 수행이라는 다른 드롭 다운 메뉴가 나타납니다. 이 메뉴에서 Play Transition to State를 선택하십시오. Choose State 드롭 다운 메뉴에서이 단추를 사용하여 뷰어를 Page1로 이동 시키려면 Page1을 선택하십시오.

7. 로고 2의 썸네일을 클릭하고 이전 단계를 반복하십시오. 상태 선택을 2 페이지로 설정하십시오.

8. 로고 3의 썸네일을 클릭하고 이전 단계를 반복하십시오. 상태 선택을 3 페이지로 설정하십시오.

버튼을 테스트 해 봅시다. 메뉴 표시 줄에서 파일 – 프로젝트 실행을 클릭하십시오. 웹 브라우저에서 열립니다. 각 버튼을 클릭하면 올바른 로고가 표시됩니다.

다음 튜토리얼에서는 보이는 로고의 버튼을 흐리게하고 페이지 간 전환을 추가합니다.

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

비디오 지침: Digestive System, Part 1: Crash Course A&P #33 (할 수있다 2024).