플래시 모션 트윈으로 블링키 마무리
마지막으로 플래시 깜박임 애니메이션 작업을했을 때 텍스트 효과를 마쳤습니다. 애니메이션에서 마지막으로 나타나는 텍스트 효과는 웹 사이트 이름 "J3 Designs"의 모양과 사라짐입니다. 타임 라인 전환 효과 (타임 라인의 전환 3)와 함께 스테이지 왼쪽에서 사라집니다. 그 이유가 있었으며 그 이유가 무엇인지 알아 내려고합니다.

디자인 세부 사항의 일부로 두 개의 무당 벌레가 있습니다. 글쎄, 그들이 일을 할 시간이다. 깜박임 프로젝트에 레이어를 만들 때 Bug 1 레이어에 금색 무당 벌레를 추가했습니다. 이제 우리가 할 첫 번째 일은 두 번째 무당 벌레를 새 레이어에 추가하여 버그 2라고 부릅니다.이 빨간 무당 벌레는 카메오 아래에서 나타나기를 원합니다. 따라서 Static Details 레이어 아래에 새 레이어를 배치해야합니다.

flashie2.fla를 Flash CS3로 열고 작업을 시작하겠습니다. 웹 사이트 이름이 사라지기 시작함에 따라 무당 벌레가 카메오 아래에서 움직이기 시작합니다. 우리는 무당 벌레 때문에 텍스트가 사라지는 것처럼 보이기를 원합니다. 따라서이 새로운 무당 벌레를 프레임 110에 추가 할 것입니다. 이것은 텍스트가 사라지기 시작할 때입니다.

  1. 파일 – 가져 오기 – 라이브러리로 가져 오기를 클릭하여 가져 오기 대화 상자를 열고 빨간색 무당 벌레를 라이브러리에 추가하십시오.

  2. Static Details 레이어 아래에 새 레이어를 추가하고 이름을 "Bug 2"로 지정합니다. 키 프레임 (삽입 – 타임 라인 – 키 프레임)을 프레임 110에 추가합니다. 라이브러리에서 빨간색 무당 벌레를 카메오 아래로 드래그하여 시야 밖으로 끕니다.

    이 무당 벌레는 텍스트가 사라질 때 스테이지에서 사라질 때까지 왼쪽으로 이동하기를 원합니다. 따라서 우리는 프레임 160에 도달 할 때까지 무당 벌레를 무대의 왼쪽과 끝까지 끝까지 원합니다.

  3. Bug 2 레이어에서 프레임 160을 클릭하고 키 프레임을 추가 한 다음 빨간색 무당 벌레를 왼쪽으로 완전히 스테이지 밖으로 끕니다. 프레임 110과 160 사이를 마우스 오른쪽 버튼으로 클릭하고 팝업 메뉴에서 모션 트윈 만들기를 선택하십시오.

    영화를 테스트하면 무당 벌레가 움직일 때 텍스트가 사라지는 것을 볼 수 있습니다. 빨간 무당 벌레가 무대에서 떨어지면 금 무당 벌레 (버그 1 레이어)가 무대에서 사라질 때까지 오른쪽으로 움직입니다.

  4. Bug 1 레이어에서 프레임 160을 클릭하고 골드 무당 벌레 애니메이션의 시작점에 대한 키 프레임을 추가하십시오. 20 개의 프레임을 사용하여 금 무당 벌레를 무대 밖으로 옮깁니다. 프레임 180을 클릭하고 키 프레임을 추가하십시오. 금 무당 벌레를 무대 위로 올리거나 내립니다.

  5. 프레임 160과 180 사이를 마우스 오른쪽 버튼으로 클릭하고 모션 트윈을 만듭니다. 프레임 180을 클릭하고 정적 세부 사항 및 배경 레이어에 프레임을 추가하여이 레이어의 내용을 다시 표시하십시오.

    마지막으로 금 무당 벌레를 무대 왼쪽 하단의 원래 위치로 다시 이동하려고합니다. 그러나 우리는 버그가 무대 위에서 아래로 내려 오는 것을 원하지 않습니다. 우리는 무대 아래에서 위로 올라 가기를 원합니다. 따라서 먼저 금 무당 벌레를 왼쪽과 무대 아래에 배치해야합니다. 그런 다음 애니메이션을 반복 할 수 있도록 원래 위치로 위로 이동하면됩니다. 무당 벌레를 다시 제자리로 옮기기 위해 10 개의 프레임을 사용할 것입니다.

  6. Bug 1 레이어의 프레임 1로 돌아가 골드 무당 벌레를 선택하십시오. 골드 무당 벌레의 원래 위치를 저장하려면 편집 – 복사를 클릭하십시오.

  7. 여전히 Bug 1 레이어에서 프레임 190에 키 프레임을 추가하십시오. 이미있는 금색 무당 벌레를 제거하려면 편집 – 지우기를 클릭하십시오. 그런 다음 Edit – Paste in Place를 클릭하여 금색 무당 벌레를 원래 위치로 되돌립니다.

  8. 여전히 Bug 1 레이어에서 프레임 181을 클릭하고 키 프레임을 추가하십시오. 그런 다음 이미있는 금색 무당 벌레를 제거하십시오. 금 무당 벌레를이 프레임의 원래 위치에 다시 놓으십시오 (붙여 넣기). 그런 다음이 무당 벌레를 무대 아래로 드래그하십시오. 프레임 181과 190 사이에 모션 트윈을 추가하면이 무당 벌레가 스테이지 위로 올라갑니다.

  9. 프레임 190을 클릭하고 정적 세부 사항 및 배경 레이어에 프레임을 추가하여이 레이어의 컨텐츠를 다시 표시하십시오.

깜박임을 테스트하고 blinkie3.fla로 저장하십시오. 그런 다음 깜박임을 .swf 파일로 게시하고 새 깜박임을 즐기십시오.

J3 디자인

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