웹페이지 제작시 기술적인 부분에서 가장 중요한 것이 무엇일까요? 바로 로딩 속도입니다.
플래쉬를 많은 사이트들이 사용하는 이유도 적은 용량으로 화려한 애니메이션을 가능하게 해주기 때문입니다. 그러나 플래쉬 무비를 제작할 때 어떻게 제작하느냐에 따라서도 용량이 크게 차이가 나게 됩니다. 가령 우리가 플래쉬에서 이미지를 사용할 때 하나의 이미지를 가지고 손오공이 머리털을 뽑아서 자기를 여러명 만들어 내듯 가짜의 형상들을 만들어 낸다면 용량을 효과적으로 줄일 수 있습니다.
즉, 한 이미지를 가지고 반복해서 사용할 수 있게 만든 것이 바로 심볼(Symbol)이란 것입니다.

앞의 강좌를 통하여 그룹을 만들어 Motion Tweening 애니메이션을 만드는 방법들에 대하여 알아보았습니다. 그룹을 통한 애니메이션을 만들때 시작 키프레임과 마지막 키프레임에 있는 오브젝트들은 서로 모양이 같더라도 틀린 그림으로 인식됩니다. 그러나 심볼을 사용하면 같은 모양의 이미지를 100개 만들어 사용하더라도 용량은 하나값 밖에는 인식되지 않습니다.

또한 그룹을 통한 Motion Tweening애니메이션에서는 페이드 효과나 색상 변화 효과를 사용할 수 없었습니다. 그러나 심볼을 사용하게 되면 이러한 문제들이 말끔히 해소된답니다.

 
 
 
 

심볼을 만들 때는 2가지 방법이 있습니다. 하나는 심볼로 만들 그림을 그린다음 심볼로 등록하는 것이고, 두번째는 아무것도 없는 심볼을 만든 다음에 거기에 그림을 그려 주는 방식입니다.

그림을 그린 다음 심볼로 만들기

① 화면에 원툴을 이용해 그림을 그린 다음 선택툴로 오브젝트를 선택합니다.

② 상단메뉴에서 Insert/Convert to Symbol를 선택하고 이름과 Behavior에서 Graphic을 선택하여 줍니다.

심볼의 이름을 설정해주고 Behavior에서 Graphic을 선택하여 줍니다. 메뉴에서 보시는 것처럼 심볼에는 Movie Clip, Button, Graphic 세가지가 있는데 단순히 이미지를 반복해서 사용할 목적이라면 Graphic을 선택하시면 됩니다.

③ 심볼로 바뀐 모습

심볼로 바뀌게 되면 오브젝트의 둘레에 테두리선이 쳐지면서 가운데 +표시가 나타납니다.
그리구 더이상 지금의 화면에서는 오브젝트를 수정할 수 없게 되며 심볼편집화면에서 그림을 고칠 수 있습니다.

심볼 편집모드에서 심볼 만들기

① 화면에서 어떠한 오브젝트도 선택되지 않은 상태에서 상단메뉴의 Insert/New Symbol을 선택하여 Symbol Properties상자를 꺼내 아래그림과 같이 지정합니다.

② Symbol Properties상자에서 OK를 누르면 화면이 심볼 편집모드로 전환될것입니다. 여기에 심볼로 사용할 오브젝트를 그려줍니다.

심볼편집모드는 해당 심볼을 편집할수 있는 화면을 말합니다. 제작한 심볼의 모양을 바꿔주고 싶은 경웨는 심볼편집모드로 전환 하여야만 수정할 수 있습니다.

③ Scene1화면으로 다시 돌아 옵니다.

④ 상단메뉴에서 Window/Library를 선택하여 Library상자를 띄운 후 빨간원을 선택합니다.

 

⑤ Library윈도우에서 나타나는 심볼을 화면으로 드래그 하여 넣습니다.

이렇듯 심볼로 제작하게 되면 하나의 이미지를 계속해서 복사해 사용하실 수 있습니다. 또한 화면에 제작한 심볼을 100개를 복사하여 넣는다고 해도 용량은 그림 하나값 이외에는 전혀 늘어나지 않습니다.

 
 
 
 

제작한 심볼을 편집하기 위해서는 심볼 편집모드로 가야합니다. 심볼 편집모드로 가서 심볼을 수정하는 작업은 무비편집 모드에서와 같습니다.

Library 윈도우를 통한 이동방법

심볼팝업 버튼 사용하기

타임라인 우측 상단부분의 심볼팝업 버튼을 누르시면 심볼들의 이름이 나타나는데 해당 수정하고 싶은 심볼 이름을 선택해주면 됩니다.

상단 메뉴를 이용한 방법

화면에서 수정하고 싶은 심볼을 선택한 후 상단메뉴에서 Edit/Edit Symbol을 선택하시면 됩니다.

 

 
 
 
 
플레시란 무엇?
기본기능
Panels
심볼에 대한이해