웹디자인 강의
Flash [허접 tip]회전하는 3D 글짜 흉내 내기
2003.03.11 15:05
수평 또는 수직으로 회전하는 물체는 모션트위닝을 가지고 한다는 것은 다 아는 이야기라,
복습 겸 허접한 예제하나 올립니다.
앗! nzeo를 nezo로 표시되었군요.^^;; 자진 방법하라는 말씀은 마시길...
[따라 하기]
1. 새 장을 열고 Insert>New Symbols를 선택하고 image심벌을 선택합니다. 원하는 글짜를 입력하는데 1번 레이어에는 음영 값을 주기 위해서 먼저 검정색으로, 또 하나는 레이어 구별을 위해서 원하는 색상으로 줍니다. 약 1~2px정도 검정색 글짜를 옮겨주면 음영이 생겨 입체감을 주게 됩니다.
2. 글짜의 색이 단조로와 그라데이션을 주고 싶다면, 레이어와 레이어 사이에 글짜를 덮을 만한 그라데이션 사각형을 만들어 삽입합니다.
3. 글짜의 이미지 심벌의 레이어와 작업스테이지는 다음과 같은 모양이 됩니다.
4. 예제처럼 2개의 글짜로 회전되기를 원하면 같은 방법으로 만듭니다.
5. 라이브러리에 등록된 2개의 이미지 심볼을 작업 스테이지에서 모션트위닝을 줍니다.
6. 모션 트위닝을 주기위해 Free Transform을 실행하면 다음과 같은 모양이 됩니다. 이때 중심점은 하얀색 동그라미로 표시되는데 이 중심점을 그림과 같이 가운데 윗 부분으로 옮겨 주어야 수평을 유지한체 회전을 하게 됩니다.
7. 중심점을 옮긴 후 아래 그림처럼 길이를 줄여 줍니다. 그리고 타임라인에서 모션트위닝을 주면 180도 회전을 하게 됩니다.
8. 이렇게 되면 180도만 회전하게 됨으로 같은 방법을 역으로 해서 다시 모션트위닝을 주면 360도 회전하는 것처럼 보이게 됩니다. 아래는 두개의 이미지 심벌에게 모션트위닝을 준 전체 타임라인 구조입니다.
아주 간단하게 텍스트를 360도 수평으로 회전하는 것처럼 만들어 보았습니다. 물론 무게 중심을 좌측으로 옮겨 놓고 움직이면 수직으로 회전하는 것처럼 보이게 됩니다.
무게 중심점을 이동 시켜서 만들면 어떻게 될까요?
복습 겸 허접한 예제하나 올립니다.
앗! nzeo를 nezo로 표시되었군요.^^;; 자진 방법하라는 말씀은 마시길...
[따라 하기]
1. 새 장을 열고 Insert>New Symbols를 선택하고 image심벌을 선택합니다. 원하는 글짜를 입력하는데 1번 레이어에는 음영 값을 주기 위해서 먼저 검정색으로, 또 하나는 레이어 구별을 위해서 원하는 색상으로 줍니다. 약 1~2px정도 검정색 글짜를 옮겨주면 음영이 생겨 입체감을 주게 됩니다.
2. 글짜의 색이 단조로와 그라데이션을 주고 싶다면, 레이어와 레이어 사이에 글짜를 덮을 만한 그라데이션 사각형을 만들어 삽입합니다.
3. 글짜의 이미지 심벌의 레이어와 작업스테이지는 다음과 같은 모양이 됩니다.
4. 예제처럼 2개의 글짜로 회전되기를 원하면 같은 방법으로 만듭니다.
5. 라이브러리에 등록된 2개의 이미지 심볼을 작업 스테이지에서 모션트위닝을 줍니다.
6. 모션 트위닝을 주기위해 Free Transform을 실행하면 다음과 같은 모양이 됩니다. 이때 중심점은 하얀색 동그라미로 표시되는데 이 중심점을 그림과 같이 가운데 윗 부분으로 옮겨 주어야 수평을 유지한체 회전을 하게 됩니다.
7. 중심점을 옮긴 후 아래 그림처럼 길이를 줄여 줍니다. 그리고 타임라인에서 모션트위닝을 주면 180도 회전을 하게 됩니다.
8. 이렇게 되면 180도만 회전하게 됨으로 같은 방법을 역으로 해서 다시 모션트위닝을 주면 360도 회전하는 것처럼 보이게 됩니다. 아래는 두개의 이미지 심벌에게 모션트위닝을 준 전체 타임라인 구조입니다.
아주 간단하게 텍스트를 360도 수평으로 회전하는 것처럼 만들어 보았습니다. 물론 무게 중심을 좌측으로 옮겨 놓고 움직이면 수직으로 회전하는 것처럼 보이게 됩니다.
무게 중심점을 이동 시켜서 만들면 어떻게 될까요?
