스테이지에서 내용 크기 조절

다음과 같은 방법으로 스테이지에서 항목의 크기를 조절할 수 있습니다.

  • [자유 변형 도구], [속성] 패널 또는 [변형] 패널을 사용하여 개별 심볼 인스턴스의 크기를 조절합니다.

  • 9슬라이스 크기 조절과 위에 나열된 도구 및 패널을 사용하여 개별 심볼 인스턴스의 크기를 조절합니다.

  • 스테이지의 크기를 조절할 때 스테이지의 전체 내용 크기를 조절합니다.

개별 심볼 인스턴스 크기 조절

  1. 스테이지에서 심볼 인스턴스를 선택합니다.

  2. 다음 중 하나를 수행합니다.

    • [도구] 패널에서 [자유 변형 도구]를 선택한 후에 인스턴스의 모서리나 가장자리를 드래그하여 크기를 조절합니다.

    • [속성] 패널([윈도우] > [속성])을 열고 인스턴스의 [높이] 및 [폭] 속성을 편집합니다.

    • [변형] 패널([윈도우] > [변형])을 열고 인스턴스의 [폭 조절] 및 [높이 조절] 속성을 편집합니다.

스테이지의 크기를 조절할 때 모든 내용의 크기 조절

  1. [수정] > [문서]를 선택합니다.

  2. [문서 설정] 대화 상자에서 문서의 [높이] 및 [폭] 크기에 대한 새 값을 입력합니다. 이것이 스테이지 크기입니다.

  3. [스테이지에 맞게 크기 조절] 옵션을 선택합니다. [확인]을 클릭합니다.

    모든 프레임의 모든 내용에 크기 조절이 적용됩니다.

자습서 및 비디오

9슬라이스 크기 조절 및 동영상 클립 심볼

9슬라이스 크기 조절을 사용하면 동영상 클립의 특정 영역에 크기 조절 작업을 적용하는 방법을 지정할 수 있으며 크기 조절 후에도 동영상 클립이 제대로 표시되도록 할 수 있습니다. 일반 크기 조절을 사용할 경우 Animate에서는 동영상 클립의 모든 부분을 수평과 수직 모두 균등한 크기로 조절합니다. 대부분의 동영상 클립에서 이러한 균등 크기 조절을 사용하면 클립의 그래픽, 특히 사각형 동영상 클립의 모서리와 가장자리 부분이 이상하게 보입니다. 버튼과 같이 사용자 인터페이스 요소로 사용되는 동영상 클립의 경우에도 마찬가지입니다.

동영상 클립은 눈금 형태의 오버레이와 함께 시각적으로 9개의 섹션으로 구분되며, 각 섹션의 크기는 독립적으로 조절됩니다. 동영상 클립의 시각적 무결성을 유지하기 위해 모서리의 크기는 조절되지 않지만 이미지의 나머지 영역은 필요에 따라 비율이 유지된 상태로 크거나 작게 조절됩니다.

동영상 클립 심볼에 9슬라이스 크기 조절을 적용하면 안내선과 함께 [라이브러리] 패널 미리 보기에 표시됩니다. 스테이지에서 동영상 클립 인스턴스의 크기를 조절할 때 [실시간 미리 보기 활성화] 기능이 켜져 있는 경우([컨트롤] > [실시간 미리 보기 활성화]) 9슬라이스 크기 조절이 적용된 상태로 심볼이 스테이지에 표시됩니다.

참고: [실시간 미리 보기] 설정은 ActionScript 3.0 문서에서는 사용할 수 없습니다.

 

참고:

9슬라이스 크기 조절은 그래픽 또는 버튼 심볼에 적용할 수 없습니다. 9슬라이스 활성 동영상 클립 안에 있는 비트맵은 9슬라이스 왜곡 없이 정상적으로 크기가 조절되지만 기타 다른 동영상 클립의 내용은 9슬라이스 안내선에 따라 크기가 조절됩니다.

참고:

9슬라이스 크기 조절은 경우에 따라 "scale 9"라고도 합니다.

9슬라이스 활성 동영상 클립에는 중첩 객체가 포함될 수 있지만 동영상 클립 안에 있는 특정 유형의 객체만 9슬라이스 방식으로 적절하게 크기가 조절됩니다. 동영상 클립의 크기를 조절할 때 내부 객체가 있는 동영상 클립에도 9슬라이스 크기 조절을 적용하려면 해당 중첩 객체가 모양, 드로잉 객체, 그룹 또는 그래픽 심볼이어야 합니다.

라이브러리 패널에서 9슬라이스가 활성화되어 스테이지에서 크기가 조절된 심볼

9슬라이스 크기 조절을 사용하여 동영상 클립 심볼 편집

기본적으로 슬라이스 안내선은 심볼의 가장자리에서 심볼의 폭 및 높이의 25%(1/4)되는 지점에 배치됩니다. 심볼 편집 모드에서 슬라이스 안내선은 심볼 위에 겹쳐진 점선으로 나타납니다. 또한 슬라이스 안내선은 페이스트보드로 드래그해도 물리지 않습니다. 심볼이 스테이지에 있을 때는 안내선이 나타나지 않습니다.

스테이지에서는 제자리에서 9슬라이스-활성 심볼을 편집할 수 없으며 심볼 편집 모드에서 편집해야 합니다.

참고: 9슬라이스-활성 동영상 클립 심볼에서 만든 인스턴스를 변형할 수 있지만 편집해서는 안 됩니다. 이러한 인스턴스를 편집하면 예상치 못한 결과가 발생할 수 있습니다.

기존 동영상 클립 심볼에 9슬라이스 크기 조절 활성화

  1. 소스 문서가 열린 상태에서 [윈도우] > [라이브러리]를 선택합니다.
  2. [라이브러리] 패널에서 동영상 클립, 버튼 또는 그래픽 심볼을 선택합니다.
  3. [라이브러리] 패널 메뉴에서 [속성]을 선택합니다.
  4. [9슬라이스 크기 조절의 안내선 활성화]를 선택합니다.

9슬라이스-활성 동영상 클립 심볼 편집

  1. 다음 중 하나를 수행하여 심볼 편집 모드로 들어갑니다.
    • 스테이지에서 심볼의 인스턴스를 선택하고 마우스 오른쪽 버튼으로 클릭(Windows)하거나 Control 키를 누른 상태에서 클릭(Macintosh)한 다음 [편집]을 선택합니다.

    • [라이브러리] 패널에서 심볼을 선택하고 마우스 오른쪽 버튼으로 클릭(Windows)하거나 Control 키를 누른 상태에서 클릭(Macintosh)한 다음 [편집]을 선택합니다.

    • [라이브러리] 패널에서 심볼을 두 번 클릭합니다.

  2. 수평 또는 수직 안내선을 이동하려면 안내선을 드래그하여 놓습니다. 심볼에 대한 [라이브러리] 미리 보기에서 안내선의 위치가 새로 업데이트됩니다.

비트맵 캐싱을 사용하여 렌더링 성능 향상

런타임 비트맵 캐싱을 사용하면 정적 동영상 클립(예: 배경 이미지)이나 버튼 심볼이 런타임에 비트맵으로 캐시되도록 지정하여 재생 성능을 최적화할 수 있습니다. 기본적으로 Flash Player는 모든 프레임에서 스테이지의 각 벡터 항목을 다시 그립니다. 동영상 클립 또는 버튼 심볼을 비트맵으로 캐싱하면 이미지는 비트맵이 되고 스테이지에서의 위치는 변하지 않으므로 Flash Player가 계속해서 항목을 다시 그릴 필요가 없어집니다. 따라서 재생 성능이 상당히 개선됩니다.

예를 들어 복잡한 배경이 있는 애니메이션을 만들 때 배경에 포함된 모든 항목이 들어 있는 동영상 클립을 만듭니다. 속성 관리자에서 배경 동영상 클립에 대해 [비트맵으로 캐시]를 선택합니다. 재생 중 배경은 현재 화면 깊이로 저장된 비트맵으로 렌더링됩니다. Flash Player는 스테이지에서 비트맵을 빠르게 한 번만 그려서 애니메이션이 빠르고 보다 자연스럽게 재생되도록 합니다.

비트맵을 캐싱하지 않으면 애니메이션이 너무 느리게 재생될 수 있습니다.

비트맵 캐싱을 사용하면 동영상 클립을 사용하고 그 자리에 자동으로 고정할 수 있습니다. 영역이 변경되면 벡터 데이터로 비트맵 캐시가 업데이트됩니다. 이 프로세스에서는 Flash Player가 다시 그려야 하는 횟수를 최소화하고 더 자연스럽고 빠르게 재생할 수 있습니다.

애니메이션의 각 프레임에서 동영상 클립의 내용이 아니라 위치가 변경되는 복잡하고 정적인 동영상 클립에서만 런타임 비트맵 캐싱을 사용하십시오. 내용이 복잡한 동영상 클립인 경우에만 런타임 비트맵 캐싱 사용 시 재생이나 런타임 성능이 향상되는 것을 확인할 수 있습니다. 단순한 동영상 클립을 통한 런타임 비트맵 캐싱에서는 성능이 향상되지 않습니다.

Guy Watson은 Animate 개발자 센터에서 비트맵 캐싱 사용을 자세히 설명하는 'Animate에서 비트맵 캐싱 사용(Using Bitmap Caching in Animate)'이라는 문서를 작성했습니다.

참고:

동영상 클립 및 버튼 심볼에만 [런타임 비트맵 캐싱 사용] 옵션을 사용할 수 있습니다.

다음과 같은 상황에서는 [런타임 비트맵 캐싱 사용]이 선택되어 있더라도 동영상 클립은 비트맵을 사용하지 않고 대신 벡터 데이터를 사용하여 동영상 클립이나 버튼 심볼을 렌더링합니다.

  • 비트맵이 너무 클 경우(어느 한 방향이건 2,880 픽셀 이상)

  • Flash Player가 비트맵의 메모리를 할당하지 못해 메모리 부족 오류가 발생하는 경우

심볼 인스턴스에 대한 비트맵 캐싱 지정

  1. 스테이지에서 동영상 클립이나 버튼 심볼을 선택합니다.
  2. 속성 관리자에서 [비트맵으로 캐시] 옵션을 선택하거나, [렌더링] 메뉴에서 [비트맵으로 캐시]를 선택합니다.

캐시된 심볼 인스턴스에 대해 배경색 지정

심볼 인스턴스에 대해 [비트맵 캐싱]이 설정되어 있으면 인스턴스에 대해 불투명 배경색을 선택할 수 있습니다. 기본적으로 배경은 투명합니다.

  1. 스테이지에서 인스턴스를 선택합니다.

  2. [속성] 패널의 [표시] 섹션에 있는 [비트맵 배경] 메뉴에서 [불투명]을 선택합니다.

  3. 색상 선택기에서 배경색을 선택합니다.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책