요약

이게 당신이 어디에 어떻게 이미지를 3D 공간에서 카드 놀이처럼 질질 끌려 두 이미지 사이에 전환을 만드는 방법을 배웁니다 입문서합니다. 당신은 전환 기간 및 유형을 쉽게 제어할 수있습니다.

여기에 최종 결과 :


요구 사항

CS4 또는 Flash CS3의 플래시.
두 개의 이미지가이 사건을 550 × 400, 이미지, 튜토리얼 zip 파일에서 사용할 수 ()에

참고 :이 튜토리얼의 플래시 CS3의에서 만들어진의 스크린샷. 그것은 정확히 같은 플래시 CS4에서 작동합니다. 이 튜토리얼은 ActionScript를 3 프로젝트이다 (이것은 구성 요소를 독점적으로 AS3, 그래서 거기에 미래에 AS2 버전이 될 것입니다) 사용할 수있습니다.

1 단계 - 구성 요소를 설치 효과

구매 전환 효과 셔플. 제발 설치 지침에 따라 구성 요소 패널에서. FLA에 파일의 라이브러리에 구성 요소를 드래그합니다.

라이브러리에 구성 요소를 드래그하여

2 단계 - 슬라이드쇼 이미지 가져오기

두 이미지 가져오기 [기자 Ctrl 키를 - R을] 또는 "파일"- ""가져오기 "- 무대" "가져오기 ...".

이미지 가져오기 단계

첫번째 이미지를 선택하고 Movieclip [F8 키를 눌러 변환] 또는 마우스 오른쪽 단추로 MovieClip에 - ""로 변환 심볼 ... ". Movieclip "이름"image1주세요.

Movieclip 첫 번째 이미지로 변환

첫 번째 이미지의 설정 이름 Movieclip

선택하고 두 번째 이미지와 Movieclip [F8 키를 눌러 변환] 또는 마우스 오른쪽 단추로 MovieClip에 - ""로 변환 심볼 ... ". Movieclip "이름"image2주세요.

Movieclip으로 변환 번째 이미지

두 번째 이미지의 설정 이름 Movieclip

3 단계 - 이미지의 인스턴스 이름을 설정 Movieclip

원한다면 "첫 번째 이미지는 인스턴스 이름을"my_image_01의 Movieclip 줘 (당신은 다른 이름을 선택할 수있습니다. 그 인스턴스에 고유한 이름을 지정되었는지 확인합니다). 인스턴스 이름이 없으면, 구성 요소 Movieclip을 감지할 수있습니다. my_image_02 "두 번째 이미지를 Movieclip는"인스턴스 이름을 설정합니다.

Movieclip의 첫 번째 인스턴스 이름을 설정

Movieclip의 두 번째 인스턴스 이름을 설정

4 단계 - 효과 적용

상단에 Movieclip 라이브러리에서 구성 요소를 드래그합니다. 효과 것입니다 스냅인 구성 요소를 자동으로.

Movieclip에 구성 요소를 드래그하여

5 단계 - 효과의 설정을 조정합니다

구성 요소를 클릭하고 구성 요소 검사기 패널을 여십시오 [언론에서 Shift - F7 키] 또는 "창"- ""구성 요소 검사기 ". "시작 Movieclip"를 선택하십시오 목록에서 "my_image_01 있음"을 선택합니다.

체크하면 my_image_01 시작 Movieclip로 설정됩니다

이 프레임에서 인스턴스 이름을 가진 모든 Movieclips "시작 Movieclip"및 "최종 Movieclip"를 선택 목록에 나열되어있습니다. 당신이 Movieclip "my_image_01"에 영향을 끌고,이 첫 번째 Movieclip입니다. 마찬가지로 "최종 Movieclip" ""my_image_02을 선택합니다. 이제 다른 설정을 둡니다.

설정 my_image_02 최종 Movieclip로

6 단계 - 내보내기

내보내기 Ctrl 키를 영화 [다음 Enter 키를 누릅니다 플래시] 또는 "명령"- ""테스트 영화 "및 이미지 전이가 나타납니다.

결과

6 단계 - 플레이!

이제 매개 변수를 사용하면 효과를 사용자 정의하려면 주위를 재생할 수있습니다. 또한 ActionScript가이 효과를 사용할 수있습니다. 여기에 전체 문서를 찾는다.

다운로드

여기를 클릭하여이 튜토리얼. FLA에 다운로드합니다. 참고 :. FLA에하지 않는 효과가 구성 요소가 포함되어있습니다. 하기 위해서는 FLA에 작동하도록하려면, 당신은 여기에 타일 효과 셔플을 구입해야합니다.

여기 동영상 어떻게 다른 효과를 구현하는 방법에 튜토리얼을 찾을 수있습니다.

  • 공유 / 북마크