요약

이게 당신이 어떻게 움직이는 Movieclip에 적용할 물 반사 만드는 방법을 배웁니다 입문서합니다.

여기에 최종 결과 :


요구 사항

플래시 8, 플래시 CS3의 또는 Flash CS4.

참고 :이 튜토리얼의 플래시 CS3의에서 만들어진의 스크린샷. 그것은 정확히 같은 플래시 8에서 작동합니다. 이 튜토리얼은 ActionScript가 2 일 (없지만 ActionScript가) 필요합니다.

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

다운로드 물 반사 효과는 여기에. 제발 설치 지침에 따라 구성 요소 패널에서. FLA에 파일의 라이브러리에 구성 요소를 드래그합니다.

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

2 단계 - 오리 Movieclip 만들기

가져오기 오리 이미지를 [Ctrl 키를 누르십시오 - R을] 또는 "파일"- ""가져오기 "- 무대에서" "가져오기 ...". 그 오리 투명 배경 이미지. png로되어 있는지 확인합니다.

이미지 가져오기

해당 이미지를 선택하고 Movieclip [F8 키를 눌러 변환] 또는 마우스 오른쪽 단추로 MovieClip에 - ""로 변환 심볼 ... ". Movieclip "오리"이름을 알려 줘요.

오리 Movieclip 만들기

3 단계 - 애니메이션 Movieclip 만들기

[Ctrl 키를 - F8 키를 눌러] 또는 삽입 - ""새로운 심볼 ... "와 함께 새로운 Movieclip 만듭니다. 이름이 Movieclip "애니메이션".

새 Movieclip 만들기

새 Movieclip 만들기

귀하의 도서관에서 타임 라인에서 첫 번째 프레임에 오리 Movieclip 끕니다. 지금은 60 프레임을 클릭하고 [F6 키를 눌러] 또는 마우스 오른쪽 버튼으로 클릭하고 새 키프 레임을 만들 "키프 레임 삽입".

새로운 키프 레임 만들기

새로 만든 키프 레임을 클릭하고 캔버스에 오리 Movieclip을 선택합니다. 이제 커서를 오른쪽으로 열쇠 (말 100px)이 Movieclip로 이동하실 수있습니다. 당신은 정보 패널에서 새 위치를 확인할 수있습니다.

Movieclip 이동

다시 타임 라인의 첫 번째 키프 레임로 이동합니다. 속성 패널을 선택합니다 Tween에서 : "모션". 타임 라인에서 당신은 지금 어디를 클릭하면 그 오리 Movieclip 왼쪽에서 오른쪽으로 이동합니다를 참조하십시오.

모션 설정 Tween

4 단계 - 기본 타임 라인에 올려 애니메이션 Movieclip

장면 1 "에 대한 기본 타임 라인에 가서 자"를 클릭하십시오. 만약 오리 Movieclip 제거 아직 거기입니다.

다시 메인 타임 라인으로 이동

귀하의 도서관에서 타임 라인의 첫 번째 프레임에 애니메이션 Movieclip로 이동합니다.

타임 라인에 올려 Movieclip

"만약 당신이 원하는 animation_mc"(당신은 다른 이름을 선택할 수있습니다 Movieclip의 인스턴스 이름을 설정합니다. 그 인스턴스에 고유한 이름을 지정되었는지 확인합니다). 인스턴스 이름이 없으면, 구성 요소 Movieclip을 감지할 수있습니다.

인스턴스 이름 설정

5 단계 - 효과 적용 구성 요소

새 레이어 만들기, 첫 번째 프레임을 선택하고 귀하의 도서관에서 애니메이션 Movieclip에 효과가 구성 요소를 드래그합니다. 구성 요소를 자동으로 스냅인을 것입니다.

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

스크린샷에서와 같은 구성 요소 검사기 패널의 내부 구성 요소의 매개 변수를 설정합니다. 모든 Movieclips이 프레임에서 인스턴스 이름을 가진 "대상 Movieclip"를 선택 목록에 나열되어있습니다. 당신이 단 하나 Movieclip 가지고, 구성 요소, 당신에 대한 효과를 적용하려면 가정 Movieclip ""animation_mc.

설정 매개 변수

참고 :이 설정은 구성 요소의 적용이 하나의 인스턴스에 적용됩니다. 만약 당신이 다른 Movieclip (다른데. FLA에 또는 새로운 프로젝트에서 안으로) 설정을 다시 설정해야합니다에 대한 구성 요소를 그립니다.

이제 수출 ([Ctrl 키를 누른 다음 Enter 키를 누릅니다] 또는 ...). 당신은 오리의 머리를 어떻게든 잘라 표시됩니다. 그게 전부 있기 때문에 구성 요소 오리 Movieclip 정확히 크기가있다. 하지만 이후 반사 물결이 더 이상 적합하지 않습니다 크기가 증가합니다.

반사 잘라입니다

6 단계 - 애니메이션 Movieclip을 조정합니다

이 문제를 해결하려면, 오리 Movieclip, 이는 Movieclip 약간 크기의 배경에 보이지 않는 모양을 삽입합니다.

뒤로를 두 번 귀하의 도서관에서을 클릭하여 오리 Movieclip 해.

편집 오리 Movieclip

Tween 레이어 아래에 새 레이어를 만듭니다.

새 레이어 만들기

사각형 선택 도구와 오리의 넓이와 모양을 그립니다. 높이가 높은 몇 픽셀 후 오리 (약 10 만 화소)이어야합니다. 그것은 타임 라인에서 윤곽 아이콘을 설정하려면, 오리 이미지의 크기를 보는 데 도움이있습니다.

그리기 사각형 모양

모양과 색상 패널을 여십시오를 선택하고 알파를 0으로 설정합니다.

모양 설정 알파

당신이 지금 영화를 테스트하면 반사 구멍이 오리에 적용되어 나타납니다.

아니 더 잘라

6 단계 - 배경 이미지 추가

애니메이션 및 구성 요소와 레이어 아래에 새 레이어를 만듭니다. 가져오기 이미지 일치합니다. 이제 애니메이션 Movieclip의 그것의 배경과 조화를 만들 위치를 변경할 수있습니다.

최종 결과

다운로드

여기를 클릭하여이 튜토리얼의 FLA에 다운로드합니다. 참고 :. FLA에 효과가 구성 요소의 유일한 플래시 IDE에서지만 브라우저가 아닌 내부 (플래시 8, 플래시 CS3의 또는 Flash CS4) 작동 시험 버전이 포함되어있습니다.

또한 여기에 물 반사 효과를 다운로드할 수있습니다.

  • 공유 / 북마크