플래시 만들기 기초 - ① 모션 트위닝
좀 더 컴퓨터 전문가스러워 지고 싶다!
나도 뭔가 움직이는 장면들을 만들어보고 싶다!
그렇다면 이번에는 플래시에 도전해보자.
플래시를 만들기 위해서는 우선 플래시 프로그램이 필요하다.
나는 "매크로미디어 플래시 2004 (버전 7.0.1)" 로 플래시를 만들어보겠다.
우선, 프로그램을 실행을 딱 시키면
플래시문서
플래시슬라이드프레젠테이션
.
.
.
등등이 주루룩 나열되어 있는데 여기서 헤매지 말고 플래시문서를 클릭하면 된다.
그럼 타임라인, 레이어, 흰 프레임(이걸 프레임이라고 하는진 모르겠으나, 하얗고 네모난 사각형)
이 한데 묶여진 무제-1 이라는 게 화면 가운데 나타날것이다.
(주변에 있는 것들 때문에 복잡하다면
각 창의 오른쪽 끝에 붙어있는 것을 눌러서 '패널 닫기'를 선택하면 된다.)
그럼 이제 옆에 있는 도구들을 한 번 쫙 살펴보자.
아마 포토샵이나 그림판과 비슷할 것이다.
약간 다른 것은,
제일 처음에 보면 검은 색 화살표와 흰 색 화살표가 있다는 것인데,
(윽, 흰 색 화살표의 역할은 잘 기억이..... 안 나지만;;)
주로 사용하는 것은 검은 색 화살표이므로 검은 색 화살표만 주의 깊게 한 번 쳐다봐주고 넘어가자.
이제 준비는 끝났다.
플래시를 만드는 아~~~~~~주 기초적인 것을 연습해보자.
<<모션 트위닝>>
모션 트위닝은 우리가 선택한 어떤 물체가 움직이게 하는 아주 기초적인 방법 중에 하나다.
목표 : 모션 트위닝을 이용해서 동그란 원을 왼쪽 위에서 오른쪽 아래로
움직이면서 이동하게 만들기!!!
우선, 동그라미를 하나 그려보자.
도구에서 '타원형 도구'를 선택하고 흰 프레임 왼쪽 끝에 동그라미를 하나 그린다.
모션 트위닝을 제대로 하려면 우리가 만든 원과 그 원을 따라 그려진 검은 선이 그룹이 되어야 한다.
그룹화를 하기 위해서 바로 여기서 검은 색 화살표 도구가 필요하다.
도구에서 검은 색 화살표를 선택하고,
왼쪽 마우스를 누른 상태에서 원이 전부 다 들어가도록 드래그를 한다.
(주의! 원보다 크게 영역을 만들어서)
영역표시가 된다.
이렇게 원이 묶여진 상태에서
위에 메뉴를 보면 파일, 편집, 보기, 삽입, 수정, 텍스트 등등이 있는데 여기서
수정을 선택하고 그룹을 누르면 된다. (단축키 : ctrl + G)
그럼 파랗고 네모난 사각형 선이 원 둘레에 나타난다.
그룹화 성공!
이제 계속 검은 색 화살표 도구가 선택된 상태에서 연습을 진행해보자.
타임라인이라는 곳을 보면
1,5,10,15, 20 ..... 이렇게 숫자가 쓰여있고
1 이라고 적힌 부분이 검게 선택되어 있을 것이다.
이게 바로 초를 의미한다. 1초 5초 15초... 이런 순서로.
연습으로 30초 짜리 모션 트위닝을 만들어볼 것이니
일단 타임라인에서 30초를 마우스 왼쪽 클릭한다.
그럼 30초 밑 흰 부분이 파랗게 변한다. 이제 선택이 되었으니 그 파란 부분에 마우스를 놓고
오른쪽클릭을 하고 키프레임 삽입을 선택한다.
타임라인 부분에 1초부터 30초 까지 쭉 하나로 이어지는 검은 선이 나타난다.
지금 30초부분이 검게 선택되어 있으므로 이 상태에서 원을 프레임 오른쪽 아래로 이동시킨다.
이동시키는 것은 그냥 원에 마우스를 놓고 왼쪽클릭해서 드래그해서 원하는 곳에 두면 된다.
이렇게 원을 이동시켜 놓고 타임라인에서 1초와 30초 사이중 아무데서나 (대략 5초~25초쯤)
마우스를 놓고 오른쪽 클릭하면 제일 처음에 모션트윈생성이 있다.
마우스오른쪽클릭-모션트윈생성 선택
드디어 모션 트위닝 완성!!
움직임을 보고 싶으면 엔터키를 누르거나
Ctrl + Enter 를 누르면 큰 화면에서 움직이는 것을 볼 수 있다.
원이 왼쪽 위에서 오른쪽 아래로 이동하면서 움직이면 성공한 것이다.
이렇게
일일이 1초 2초 따로 이동시키지 않고 한 번에 원하는 시간만큼
자동으로 이동할 수 있게 해주는 것이
모션 트위닝의 장점이다.
헥헥 -_- 쓰는 거 힘들구나...
이해가 잘 안 되는 부분은 댓글로~
더 있는데 그건 나중에 올릴게요.... ;;
