차가운 플래시 효과 자습서!

개요

이 튜토리얼에서는 어떻게 움직이는 Movieclip에 적용하는 물 반사를 만드는 방법을 배웁니다.

여기에 최종 결과 :

요구 사항

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

:이 튜토리얼에있는 스크린샷은 플래시 CS3의 만든됩니다. 그것은 정확히 플래시 8에서 동일하게 작동합니다. 이 튜토리얼은 ActionScript 2 (아니 ActionScript가 필요하지만)입니다.

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

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

2 단계 - 오리 만들기 Movieclip

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

선택이 이미지와 Movieclip [국가 F8 키를 누릅니다] 또는 MovieClip을 마우스 오른쪽 클릭 -> "변환 심볼 ..."로 들어가서 그것을 변환합니다. Movieclip에게 이름을 대라 "오리".

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

만들기와 새 Movieclip [출 판으로 Ctrl - F8을] 또는 삽입 -> "새 심볼 ...". 이름이 Movieclip "애니메이션".

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

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

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

4 단계 - 놔 애니메이션 Movieclip 메인 타임 라인에

지금 클릭 "장면 1"다시 메인 타임 라인에 도착합니다. 오리 Movieclip 아직 거기 그것을 제거합니다.

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

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

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

만들기에서 새 레이어의 첫 번째 프레임을 선택하고 라이브러리에서 애니메이션 Movieclip에 효과 구성 요소를 드래그합니다. 구성 요소가 자동으로 스냅됩니다.

설정은 스크린샷처럼 구성 요소 검사관 패널 내부 구성 요소의 매개 변수. 모든 Movieclips이 프레임에 인스턴스 이름이 "대상 Movieclip"를 선택 목록에 나열됩니다. 하나만 Movieclip을 가지고 있기 때문에, 구성 요소, 당신이 Movieclip에 효과를 적용하려는 가정 "animation_mc".

참고 :이 설정은 구성 요소의 영향이 하나의 인스턴스에 적용됩니다. 다른 Movieclip (다른 곳에. FLA에 또는 새로운 프로젝트)에 다시 설정을해야 내부에있는 구성 요소를 그려 바랍니다.

이제 수출 ([Ctrl 키를 누르면 다음 Enter] 또는 ...). 네가 그 오리의 머리가 어떻게든 상처가 표시됩니다. 한게 구성 요소가 오리 Movieclip의 정확한 크기를했기 때문에. 반사 파도의 크기를 증가하므로하지만 이것은 더 이상 적합하지 않습니다.

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

오리 Movieclip, 조금 Movieclip를 크기의 배경에서이 문제를 해결하려면, 당신은 삽입 눈에 보이지 않는 모양.

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

만들기 Tween 레이어 아래에 새 레이어.

사각형 선택 도구와 오리의 넓이와 모양을 그립니다. 높이가 몇 픽셀 높은 후 오리 (약 10 픽셀)되어야합니다. 그것은 타임 라인에서 윤곽 아이콘을 설정하는 오리 이미지의 유일한 차원을 보는 데 도움이 있습니다.

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

이제 동영상을 테스트했을 때, 그 반사가 홀 오리에 적용되어 나타납니다.

6 단계 - 배경 이미지 추가

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

다운로드

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

당신이 할 수있는 다운로드도 반사 효과를 여기에 물 .