클래식 텍스트

클래식 텍스트는 Animate에 포함되어 있는 이전 텍스트 엔진의 이름입니다. CS5 이상에서는 여전히 클래식 텍스트 엔진을 사용할 수 있습니다. SWF 파일 크기를 최소화해야 하는 모바일 장치의 경우처럼 특정 유형의 내용에 대해서는 클래식 텍스트가 선호될 수 있습니다. 하지만 텍스트 레이아웃을 세밀하게 제어해야 하는 경우처럼 새로운 TLF 텍스트를 사용하는 것이 바람직한 경우도 있습니다. TLF 텍스트에 대한 자세한 내용은 TLF(Text Layout Framework) 텍스트 작업을 참조하십시오.

텍스트 객체를 선택한 다음 텍스트 속성 관리자에서 원하는 텍스트 엔진을 선택하여 스테이지의 개별 텍스트 객체에서 클래식 텍스트 엔진을 사용할지, 아니면 TLF 텍스트 엔진을 사용할지를 지정합니다.

참고:

언제든지 텍스트 객체에서 사용하는 텍스트 엔진을 변경할 수 있습니다. 클래식 텍스트를 TLF 텍스트로 변환하는 방법에 대한 자세한 내용은 클래식 텍스트와 TLF 텍스트 간 변환을 참조하십시오.

여러 가지 방법으로 Animate 응용 프로그램에 클래식 텍스트를 포함할 수 있습니다. 문서를 제작할 때 이미 결정되는 정적 텍스트가 포함된 텍스트 필드뿐만 아니라 주식 시세, 뉴스 헤드라인과 같은 업데이트되는 텍스트를 표시하는 동적 텍스트 필드도 만들 수 있습니다. 또한 양식이나 설문 작성을 위해 사용자가 직접 텍스트를 입력하는 입력 텍스트 필드도 만들 수 있습니다.

Animate에서는 텍스트를 사용하여 다양한 방식으로 작업할 수 있습니다. 예를 들어, 텍스트의 방향을 가로 또는 세로로 지정하거나, 글꼴, 크기, 스타일, 색상, 행 간격 등과 같은 특성을 설정하거나, 맞춤법을 검사하거나, 회전, 기울기, 뒤집기 등을 통해 텍스트를 변형하거나, 텍스트를 연결하거나, 텍스트를 선택 가능하게 만들거나, 텍스트에 애니메이션 효과를 적용하거나, 글꼴 대체를 제어하거나, 글꼴을 공유 라이브러리의 일부로 사용할 수 있습니다. Animate 문서는 Type 1 PostScript® 글꼴, TrueType® 및 비트맵 글꼴(Macintosh만 해당)을 사용할 수 있습니다.

HTML 태그 및 특성을 사용하여 텍스트 필드에서 서식 있는 텍스트 형식을 유지할 수 있습니다. 동적 또는 입력 텍스트 필드의 내용에 HTML 텍스트를 사용하면 SWF 파일, JPEG 파일 또는 동영상 클립과 같은 이미지 주위에서 텍스트를 배치할 수 있습니다. ActionScript 2.0 학습의 HTML 형식 텍스트 사용을 참조하십시오.

동영상 클립 인스턴스와 마찬가지로 텍스트 필드 인스턴스는 속성과 메서드가 있는 ActionScript® 객체입니다. 텍스트 필드에 인스턴스 이름을 지정하면 ActionScript를 사용하여 텍스트 필드를 조작할 수 있습니다. 그러나 텍스트 인스턴스에는 타임라인이 없으므로, 텍스트 인스턴스 안에는 ActionScript 코드를 쓸 수 없습니다.

ActionScript를 사용하여 입력 텍스트 및 동적 텍스트의 서식을 지정하고 스크롤 텍스트 필드를 만들 수 있습니다. ActionScript에는 스크립트를 캡처하여 트리거하는 데 사용할 수 있는 동적 텍스트 및 입력 텍스트 필드용 이벤트가 있습니다. ActionScript를 사용하여 텍스트를 제어하는 방법에 대한 자세한 내용은 ActionScript 2.0 학습의 텍스트 및 문자열 작업을 참조하십시오.

클래식 텍스트 필드

만들 수 있는 클래식 텍스트 필드 유형은 정적, 동적 및 입력의 세 가지입니다.

  • 정적 텍스트 필드에는 문자가 동적으로 변하지 않는 텍스트가 표시됩니다.

  • 동적 텍스트 필드에는 주식 시세 또는 일기 예보와 같이 동적으로 업데이트되는 텍스트가 표시됩니다.

  • 입력 텍스트 필드는 양식이나 설문지에서 사용자가 텍스트를 입력하는 데 사용할 수 있습니다.

    왼쪽에서 오른쪽 방향의 수평 텍스트 또는 오른쪽에서 왼쪽 방향이나 왼쪽에서 오른쪽 방향의 정적 수직 텍스트를 만들 수 있습니다. 클래식 텍스트 필드에서 수평 양방향 언어(히브리어, 아랍어 등)는 지원되지 않습니다.

    정적 텍스트를 만드는 경우, 입력함에 따라 늘어나는 한 행에, 또는 늘어나면서 자동 줄 바꿈이 되는 고정 폭 필드(수평 텍스트)나 고정 높이 필드(수직 텍스트)에 텍스트를 배치할 수 있습니다. 동적 또는 입력 텍스트를 만드는 경우 한 행에 텍스트를 배치하거나 폭과 높이가 고정된 텍스트 필드를 만들 수 있습니다.

    참고: 정적 수직 텍스트를 사용하여 작업하는 경우, 속성 관리자에서 폭 필드는 비활성화됩니다. 높이를 수정하면 폭 값이 자동으로 조정됩니다. 마찬가지로, 정적 수평 텍스트를 사용하여 작업하는 경우에는 속성 관리자에서 높이 필드가 비활성화됩니다. 폭을 수정하면 높이 값이 자동으로 조정됩니다.

     

    모든 클래식 텍스트 필드는 유니코드를 지원합니다.

    Animate에서는 각 텍스트 필드의 모서리에 표시되는 핸들을 보고 텍스트 필드 유형을 알 수 있습니다.

  • 확장되는 정적 수평 텍스트의 경우 텍스트 필드의 오른쪽 상단 모서리에 둥근 핸들이 나타납니다.

  • 폭이 고정된 정적 수평 텍스트일 경우 텍스트 필드의 오른쪽 상단 모서리에 네모난 핸들이 나타납니다.

  • 확장되며 오른쪽에서 왼쪽 방향인 정적 수직 텍스트일 경우 텍스트 필드의 왼쪽 하단 모서리에 둥근 핸들이 나타납니다.

  • 오른쪽에서 왼쪽 방향이며 높이가 고정된 정적 수직 텍스트일 경우 텍스트 필드의 왼쪽 하단 모서리에 네모난 핸들이 나타납니다.

  • 확장되며 왼쪽에서 오른쪽 방향인 정적 수직 텍스트일 경우 텍스트 필드의 오른쪽 하단 모서리에 둥근 핸들이 나타납니다.

  • 왼쪽에서 오른쪽 방향이며 높이가 고정된 정적 수직 텍스트일 경우 텍스트 필드의 오른쪽 하단 모서리에 네모난 핸들이 나타납니다.

  • 확장되는 동적 또는 입력 텍스트 필드일 경우 텍스트 필드의 오른쪽 하단 모서리에 둥근 핸들이 나타납니다.

  • 높이와 폭이 정의된 동적 또는 입력 텍스트일 경우 텍스트 필드의 오른쪽 하단 모서리에 네모난 핸들이 나타납니다.

  • 동적 스크롤 가능 클래식 텍스트 필드의 경우 원형 또는 사각형 핸들이 속이 빈 상태가 아니라 검정으로 채워집니다.

    Shift 키를 누른 상태에서 동적 텍스트 및 입력 텍스트 필드의 핸들을 두 번 클릭하면 스테이지에 텍스트를 입력할 때 확장되지 않는 텍스트 필드를 만들 수 있습니다. 이렇게 하면 고정된 크기의 텍스트 필드를 만들 수 있으며, 표시되는 것보다 많은 텍스트를 입력하면 텍스트가 스크롤됩니다.

    [텍스트 도구]를 사용하여 텍스트 필드를 만든 다음, 속성 관리자를 사용하여 텍스트 필드 유형을 지정하고 SWF 파일에서 텍스트 필드와 내용이 표시되는 방식을 제어하는 값을 설정합니다.

텍스트 필드 만들기 및 편집

기본적으로 텍스트는 가로이지만 정적 텍스트를 세로로 정렬할 수도 있습니다.

Animate에서도 대부분의 일반적인 워드 프로세스 기능을 사용하여 텍스트를 편집할 수 있습니다. [잘라내기], [복사] 및 [붙여넣기] 명령을 사용하여 Animate 파일 안에서 또는 Animate와 다른 응용 프로그램 사이에서 텍스트를 이동할 수 있습니다.

스테이지에 텍스트 추가

  1. [텍스트 도구]를 선택합니다 .
  2. 텍스트 속성 관리자 위쪽에 있는 [텍스트 엔진] 메뉴에서 [클래식 텍스트]를 선택합니다.
  3. 속성 관리자([윈도우] > [속성])의 팝업 메뉴에서 다음 텍스트 유형을 선택하여 텍스트 필드 유형을 지정합니다.

    동적 텍스트

    동적으로 업데이트되는 텍스트가 표시되는 필드를 만듭니다.

    입력 텍스트

    사용자가 텍스트를 입력할 수 있는 필드를 만듭니다.

    정적 텍스트

    동적으로 업데이트되지 않는 필드를 만듭니다.

  4. 정적 텍스트만 해당: 텍스트 속성 관리자의 [텍스트 방향] 메뉴에서 텍스트 및 흐름의 방향을 선택합니다. 기본 설정은 [수평]입니다.
  5. 스테이지에서 다음 중 하나를 수행합니다.
    • 텍스트가 한 줄로 표시되는 텍스트 필드를 만들려면 텍스트를 시작할 위치를 클릭합니다.

    • 고정 폭(수평 텍스트) 또는 고정 높이(수직 텍스트)의 텍스트 필드를 만들려면 마우스 포인터를 텍스트 시작 위치에 두고 원하는 폭 또는 높이로 드래그합니다.

    참고:

    입력할 때 스테이지 가장자리 너머로 확장되는 텍스트 필드를 만들어도 텍스트는 손실되지 않습니다. 핸들에 다시 액세스할 수 있도록 하려면 행을 분리하거나, 텍스트 필드를 옮기거나 [보기] > [페이스트보드]를 선택하십시오.

  6. 속성 관리자에서 텍스트 특성을 선택합니다.

텍스트 필드의 크기 변경

  1. 텍스트 필드의 크기 조절 핸들을 드래그합니다.

    텍스트를 선택하면 파란색 경계 상자를 사용하여 텍스트 필드의 핸들 중 하나를 드래그하여 텍스트 필드 크기를 조절할 수 있습니다. 정적 텍스트 필드에는 4개의 핸들이 있어서 텍스트 필드의 크기를 가로로 조절할 수 있습니다. 동적 텍스트 필드에는 8개의 핸들이 있어서 텍스트 필드의 크기를 가로, 세로 또는 대각선으로 조절할 수 있습니다.

텍스트 필드를 고정 폭 또는 고정 높이와 확장 사이에서 전환

  1. 크기 조절 핸들을 두 번 클릭합니다.

텍스트 필드에서 문자 선택

  1. [텍스트 도구]를 선택합니다 .
  2. 다음 중 하나를 수행합니다.
    • 문자를 선택하려면 드래그합니다.

    • 단어를 선택하려면 두 번 클릭합니다.

    • 선택 영역의 시작 부분을 클릭한 후 Shift 키를 누른 상태에서 선택 영역의 끝 부분을 클릭합니다.

    • 필드의 모든 텍스트를 선택하려면 Ctrl+A(Windows) 또는 Command+A(Macintosh)를 누릅니다.

텍스트 필드 선택

  1. [선택 도구]를 사용하여 텍스트 필드를 클릭합니다. 여러 텍스트 필드를 선택하려면 Shift 키를 누른 상태에서 클릭합니다.

동적 텍스트 및 입력 텍스트 옵션 설정

  1. 기존의 동적 텍스트 필드 내부를 클릭합니다.
  2. 속성 관리자의 팝업 메뉴에 [동적] 또는 [입력]이 표시되는지 확인합니다.
  3. 텍스트 필드에 인스턴스 이름을 입력합니다.
  4. 텍스트의 높이, 폭 및 위치를 지정합니다.
  5. 글꼴 및 스타일을 선택합니다.
  6. 속성 관리자의 [단락] 섹션에 있는 [비헤이비어] 메뉴에서 다음 옵션 중 하나를 지정합니다.

    한 행

    텍스트를 한 행으로 표시합니다.

    여러 행

    텍스트를 여러 행으로 표시합니다.

    여러 행을 한 행으로

    마지막 문자가 Enter(Windows) 또는 Return(Macintosh)과 같은 줄 바꿈 문자일 경우에만 줄을 바꿔 여러 행에 텍스트를 표시합니다.

  7. 동적 텍스트를 선택할 수 있게 하려면 [선택 가능]을 클릭합니다 . 동적 텍스트를 선택할 수 없게 하려면 이 옵션을 선택 취소합니다.
  8. 적절한 HTML 태그를 사용하여 서식 있는 텍스트(예: 글꼴 및 하이퍼링크)를 보존하려면 [HTML로 텍스트 렌더링] 을 클릭합니다 .
  9. 텍스트 필드에 검정 테두리와 흰색 배경을 표시하려면 [텍스트 테두리 표시] 를 클릭합니다 .
  10. (선택 사항) [변수] 상자에 텍스트 필드의 변수 이름을 입력합니다. Adobe의 Macromedia Flash Player 5 이전 버전용으로 제작하는 경우에만 이 옵션을 사용합니다.

    Macromedia Flash MX(버전 6)부터는 속성 관리자를 사용하여 텍스트 필드에 인스턴스 이름을 지정합니다. Macromedia Flash 5 및 이전 버전과의 호환성을 위해 동적 텍스트 필드에 변수 이름 메서드를 사용할 수도 있지만 다른 텍스트 필드 속성을 제어하거나 스타일 시트 설정을 적용할 수 없기 때문에 이 방법은 사용하지 않는 것이 좋습니다.

  11. (선택 사항) [포함]을 클릭하여 [글꼴 포함] 대화 상자를 엽니다. 자세한 내용은 일관된 텍스트 모양을 위한 글꼴 포함을 참조하십시오.

수직 텍스트 환경 설정

  1. [편집] > [환경 설정](Windows) 또는 [Animate] > [환경 설정](Macintosh)을 선택하고 [환경 설정] 대화 상자에서 [텍스트] 범주를 클릭합니다.

  2. [수직 텍스트]에서 다음 옵션을 설정합니다.

    기본 텍스트 방향

    새 텍스트 필드에 수직 방향을 자동으로 지정합니다.

    오른쪽에서 왼쪽으로

    수직 텍스트 행이 페이지에 오른쪽에서 왼쪽으로 채워집니다.

    자간 없음

    수직 텍스트에 자간 조정이 적용되지 않습니다. 수평 텍스트일 경우에는 자간이 계속 사용됩니다.

클래식 텍스트 특성 설정

클래식 텍스트 특성 필드

참고:

CSS(Cascading Style Sheet)를 사용하려면 ActionScript를 통해 스타일시트를 적용하십시오. 자세한 내용은 ActionScript 3.0 개발자 안내서에서 CSS(Cascading Style Sheet) 적용을 참조하십시오.

텍스트의 글꼴과 단락 특성을 설정할 수 있습니다. 글꼴 특성에는 글꼴 패밀리, 포인트 크기, 스타일, 색상, 문자 간격, 자동 자간 및 문자 위치가 포함됩니다. 단락 특성에는 정렬, 여백, 들여쓰기 및 행 간격이 있습니다.

정적 텍스트의 경우 글꼴 외곽선은 제작된 SWF 파일에서 내보내집니다. 수평 정적 텍스트의 경우 글꼴 외곽선을 내보내는 대신 장치 글꼴을 사용할 수 있습니다.

동적 텍스트 또는 입력 텍스트의 경우 Animate는 글꼴 이름을 저장하고, Flash Player는 사용자의 시스템에서 이 글꼴과 동일하거나 유사한 글꼴을 찾습니다. 동적 텍스트 또는 입력 텍스트 필드에 글꼴 외곽선을 포함시킬 수도 있습니다. 글꼴 외곽선이 포함되면 파일 크기는 늘어나지만 사용자가 올바른 글꼴 정보를 갖게 됩니다.

새 텍스트를 만드는 경우 Animate는 속성 관리자에 현재 설정되어 있는 텍스트 특성을 사용합니다. 기존 텍스트를 선택한 후 속성 관리자를 사용하여 글꼴 속성 및 단락 특성을 변경하고 글꼴 외곽선 정보를 포함하는 대신 장치 글꼴을 사용하도록 Animate를 지정할 수 있습니다.

글꼴, 포인트 크기, 스타일 및 색상 설정

  1. [선택 도구]를 사용하여 스테이지에서 하나 이상의 텍스트 필드를 선택합니다.
  2. 속성 관리자([윈도우] > [속성])의 [집합] 팝업 메뉴에서 글꼴을 선택하거나 글꼴 이름을 입력합니다.

    참고:

    _sans, _serif, _typewriter 및 장치 글꼴은 정적 수평 텍스트에서만 사용할 수 있습니다.

  3. 글꼴 크기의 값을 입력합니다.

    글꼴 크기는 현재 눈금자 단위에 관계없이 포인트 단위로 설정됩니다.

  4. 굵게 또는 기울임체 스타일을 적용하려면 [스타일] 메뉴에서 스타일을 선택합니다.

    선택한 글꼴에 굵게 또는 기울임체 스타일이 포함되지 않으면 스타일이 메뉴에 나타나지 않습니다. [텍스트] 메뉴에서 [가상 굵게] 또는 [가상 기울임체] 스타일을 선택할 수 있습니다([텍스트] > [스타일] > [가상 굵게] 또는 [가상 기울임체]). 가상 굵게 및 가상 기울임체 스타일은 운영 체제를 통해 일반 스타일에 추가됩니다. 가상 스타일은 실제 굵게 또는 기울임체 스타일을 포함하는 글꼴에 비해 보기가 좋지 않을 수도 있습니다.

  5. [앤티앨리어싱] 팝업 메뉴([색상] 컨트롤 바로 아래)에서 글꼴 렌더링 방법을 선택하여 텍스트를 최적화합니다.
  6. 텍스트의 채움 색상을 선택하려면 [색상] 컨트롤을 클릭하고 다음 중 하나를 수행합니다.
    • [색상] 메뉴에서 색상을 선택합니다.

    • 왼쪽 상단 모서리의 상자에 16진수 색상 값을 입력합니다.

    • [색상 선택기] 를 클릭한 다음 시스템 색상 선택기에서 색상을 선택합니다. 텍스트 색상을 설정하는 경우에는 그래디언트가 아닌 단색만 사용할 수 있습니다. 텍스트에 그래디언트를 적용하려면 텍스트를 분할한 후 구성 요소인 선과 채우기로 변환해야 합니다.

문자 간격, 자간 및 문자 위치 설정

문자 간격을 사용하면 문자 사이에 일정한 양의 간격을 삽입할 수 있습니다. 문자 간격을 사용하여 선택한 문자나 전체 텍스트 블록의 간격을 조정합니다.

[자간]을 사용하면 문자 쌍 사이의 간격을 조절할 수 있습니다. 대다수의 글꼴에는 자간 정보가 내장되어 있습니다. 예를 들어, AVAD보다 더 가까운 경우도 있습니다. Animate에서는 수평 추적/자간(수평 텍스트) 및 수직 추적/자간(수직 텍스트) 기능을 제공합니다.

수직 텍스트일 경우 [Animate 환경 설정]에서 기본적으로 자간을 비활성화할 수 있습니다. 그런 다음 속성 관리자에서 자간 옵션을 선택한 상태로 두면 수평 텍스트에만 자간이 적용됩니다.

  1. [텍스트 도구]를 사용하여 스테이지에서 하나 이상의 문장, 구 또는 텍스트 필드를 선택합니다.
  2. 속성 관리자([윈도우] > [속성])에서 다음 옵션을 설정합니다.
    • 문자 간격(자간/커닝)을 지정하려면 [문자 간격] 필드에 값을 입력합니다.

    • 글꼴의 내장된 커닝 정보를 사용하려면 [자동 커닝]을 선택합니다.

    • 위 첨자 또는 아래 첨자 문자 위치를 지정하려면 [위 첨자 전환] 또는 [아래 첨자 전환] 버튼을 클릭합니다. 기본 위치는 [보통]입니다. [보통]을 선택하면 텍스트가 기준선에 배치되고, [위 첨자]를 선택하면 기준선의 위쪽(수평 텍스트) 또는 기준선의 오른쪽(수직 텍스트)에 텍스트가 배치되며, [아래 첨자]를 선택하면 기준선의 아래쪽(수평 텍스트) 또는 기준선의 왼쪽(수직 텍스트)에 텍스트가 배치됩니다.

정렬, 여백, 들여쓰기 및 행 간격 설정

정렬을 사용하면 단락에 포함된 각 텍스트 줄의 위치를 텍스트 필드의 가장자리에 대해 상대적으로 지정할 수 있습니다. 수평 텍스트는 텍스트 필드의 가장자리 왼쪽과 오른쪽에 대해 상대적으로 정렬되고, 수직 텍스트는 텍스트 필드의 위와 아래쪽 가장자리에 대해 상대적으로 정렬됩니다. 텍스트를 텍스트 필드의 한 쪽 가장자리에 맞춰 정렬하거나, 텍스트 필드의 가운데에 맞춰 정렬하거나, 텍스트 필드의 양쪽 가장자리에 맞춰 정렬(양쪽 정렬)할 수 있습니다.

여백으로는 텍스트 필드의 테두리와 텍스트 사이의 간격을 지정합니다. [들여쓰기]로는 단락의 여백과 첫째 줄의 시작 부분 사이의 거리를 지정합니다.

[행 간격]으로는 단락의 인접한 행 사이 거리를 지정합니다. 수직 텍스트일 경우 [행 간격]을 지정하면 수직 열 사이의 간격이 조정됩니다.

수평 텍스트를 사용한 작업

  1. [텍스트 도구] 를 사용하여 스테이지에서 하나 이상의 텍스트 필드를 선택합니다.
  2. 속성 관리자([윈도우] > [속성])에서 다음 옵션을 설정합니다.
    • 정렬 방식을 설정하려면 [왼쪽], [가운데], [오른쪽] 또는 [양쪽 정렬]을 클릭합니다.

    • 왼쪽 여백 또는 오른쪽 여백을 설정하려면 속성 관리자의 [단락] 섹션에 있는 [여백] 텍스트 필드에 값을 입력합니다.

    • 들여쓰기를 지정하려면 속성 관리자의 [단락] 섹션에 있는 [들여쓰기] 텍스트 필드에 값을 입력합니다.

    • 행 간격을 지정하려면 속성 관리자의 [단락] 섹션에 있는 [행 간격] 텍스트 필드에 값을 입력합니다.

수직 텍스트를 사용한 작업

  1. [텍스트 도구] 를 사용하여 스테이지에서 하나 이상의 텍스트 필드를 선택합니다.
  2. 속성 관리자([윈도우] > [속성])에서 다음 옵션을 설정합니다.
    • 정렬 방식을 설정하려면 [위쪽], [가운데], [아래쪽] 또는 [양쪽 정렬]을 클릭합니다.

    • 위쪽 여백 또는 아래 여백을 설정하려면 속성 관리자의 [단락] 섹션에 있는 [여백] 필드에 값을 입력합니다.

    • 들여쓰기를 지정하려면 속성 관리자의 [단락] 섹션에 있는 [들여쓰기] 텍스트 필드에 값을 입력합니다.

    • 행 간격을 지정하려면 속성 관리자의 [단락] 섹션에 있는 [행 간격] 텍스트 필드에 값을 입력합니다.

클래식 텍스트 앤티앨리어싱

앤티앨리어싱을 사용하면 화면 텍스트의 가장자리를 매끄럽게 만들 수 있습니다. 앤티앨리어싱 옵션은 작은 글꼴 크기를 렌더링하는 데 특히 효과적입니다. 앤티앨리어싱이 활성화되면 현재 선택된 항목의 모든 텍스트가 영향을 받습니다. 앤티앨리어싱은 텍스트의 모든 포인트 크기에 대해 동일한 방식으로 작동합니다.

사용자 시스템에 Flash® Player 7 이상이 설치된 경우 앤티앨리어싱은 정적, 동적 및 입력 텍스트에 대해 지원됩니다. 사용자의 시스템에 이전 버전의 Flash Player가 설치된 경우에는 정적 텍스트에 대해서만 지원됩니다.

Animate 문서에서 작은 텍스트를 사용할 경우에는 다음 지침을 고려하십시오.

  • Helvetica 또는 Arial 등의 Sans serif 텍스트는 크기가 작을 경우, serif 텍스트보다 더 선명하게 나타납니다.

  • 굵은체 및 기울임체와 같은 일부 글꼴 스타일에서는 크기가 작은 텍스트를 읽기가 어려울 수도 있습니다.

  • 어떤 경우에는 텍스트가 다른 응용 프로그램에서 사용된 같은 포인트 크기의 텍스트보다 약간 더 작게 나타납니다.

Animate 텍스트 렌더링 엔진은 Animate(FLA) 문서와 제작된 SWF 파일에 선명한 고품질 텍스트 렌더링을 제공합니다. [가독성을 위한 앤티앨리어싱] 설정을 사용하면 텍스트, 특히 글꼴 크기가 작은 텍스트의 가독성이 향상됩니다. 사용자 정의 앤티앨리어싱을 사용하면 개별 텍스트 필드에 사용된 글꼴의 두께 및 선명도를 지정할 수 있습니다.

Flash Player 8 이상용으로 제작하고 [가독성을 위한 앤티앨리어싱] 또는 [사용자 정의 앤티앨리어싱]을 선택할 때마다 자동으로 고품질 앤티앨리어싱이 활성화됩니다. [가독성을 위한 앤티앨리어싱]을 사용하면 Animate SWF 파일을 로드할 때 다소 지체될 수 있습니다. 이는 특히 Animate 문서의 첫 번째 프레임에서 네 가지 또는 다섯 가지의 서로 다른 문자 세트를 사용하는 경우 그렇습니다. 또한 고품질 앤티앨리어싱을 사용하면 Flash Player의 메모리 사용량이 늘어날 수 있습니다. 예를 들어, 네 가지 또는 다섯 가지의 글꼴을 사용하면 4MB 정도 메모리 사용량이 늘어날 수 있습니다.

파일 제작 설정에서 Adobe® Flash® Player 8 이상을 선택하고 앤티앨리어싱 옵션으로 [가독성을 위한 앤티앨리어싱] 또는 [사용자 정의 앤티앨리어싱]을 선택하면 고품질 앤티앨리어싱이 다음에 적용됩니다.

  • 크기가 조절되거나 회전되었지만 변형되지 않은 텍스트

    참고: 텍스트 크기를 조절하거나 회전하는 경우에도 변형되지 않고 그대로 유지되어야 합니다. 예를 들어, 글꼴을 기울이거나 글꼴 모양을 조작하면 [가독성을 위한 앤티앨리어싱]이 자동으로 비활성화됩니다.

  • 모든 글꼴 패밀리(굵게, 기울임체 등 포함)

  • 최대 255포인트까지의 표시 크기

  • Animate 파일 형식이 아닌 대부분의 파일 형식(GIF 또는 JPEG)으로 내보내는 작업

다음과 같은 경우에는 고품질 앤티앨리어싱이 비활성화됩니다.

  • Flash Player 7 이전 버전을 Flash Player 버전으로 선택한 경우

  • [가독성을 위한 앤티앨리어싱] 또는 [사용자 정의 앤티앨리어싱]이 아닌 다른 앤티앨리어싱 옵션을 선택한 경우

  • 텍스트가 기울어지거나 뒤집어진 경우

  • FLA 파일을 PNG 파일로 내보낸 경우

텍스트 앤티앨리어싱을 사용한 작업

Animate에서는 글꼴에 앤티앨리어싱 속성을 지정할 수 있는 향상된 글꼴 래스터화 기능을 제공합니다. 향상된 앤티앨리어싱 기능은 Flash Player 8 이상 버전용으로 제작된 SWF 파일에서만 사용할 수 있습니다. 이전 버전 Flash Player에서 파일을 제작할 경우에는 [애니메이션을 위한 앤티앨리어싱] 기능만 사용할 수 있습니다.

참고:

앤티앨리어싱을 사용하려면 텍스트 필드에서 사용하는 글꼴이 포함되어 있어야 합니다. 글꼴을 포함하지 않으면 클래식 텍스트에 대해 텍스트 필드가 공백으로 나타날 수 있습니다. [앤티앨리어싱] 설정을 [장치 글꼴 사용]으로 변경하면 텍스트가 제대로 표시되지 않을 수 있으므로 글꼴을 포함해야 합니다. Animate는 스테이지에서 만든 텍스트 필드에 이미 있는 텍스트의 글꼴을 자동으로 포함합니다. 하지만 런타임에 텍스트가 바뀔 수 있도록 할 계획이면 글꼴을 수동으로 포함해야 합니다. 자세한 내용은 일관된 텍스트 모양을 위한 글꼴 포함을 참조하십시오.

선택한 텍스트에 대한 앤티앨리어싱 옵션 선택

  1. 속성 관리자의 앤티앨리어싱 팝업 메뉴에서 다음 옵션 중 하나를 선택합니다.

    장치 글꼴 사용

    SWF 파일이 로컬 컴퓨터에 설치된 글꼴을 사용하여 글꼴을 표시하도록 지정합니다. 일반적으로 장치 글꼴은 대부분의 글꼴 크기에서 가독성에 문제가 없습니다. 이 옵션을 설정해도 SWF 파일의 크기가 증가하지는 않지만 사용자 컴퓨터에 설치된 글꼴만 사용하여 글꼴을 표시하게 됩니다. 장치 글꼴을 사용할 때는 일반적으로 설치된 글꼴 패밀리만 선택합니다.

    회전된 클래식 텍스트 또는 세로 클래식 텍스트에는 장치 글꼴을 사용할 수 없습니다. 회전된 클래식 텍스트나 세로 클래식 텍스트를 사용하려면 다른 앤티앨리어싱 모드를 선택하고 텍스트 필드에서 사용되는 글꼴을 포함하십시오.

    비트맵 텍스트(앤티앨리어싱 없음)

    앤티앨리어싱 기능을 사용하지 않고 텍스트를 매끄럽게 하지 않습니다. 텍스트 가장자리가 날카롭게 표시되고 글꼴 외곽선이 파일에 포함되기 때문에 SWF 파일 크기가 커집니다. 비트맵 텍스트는 정확하게 내보낸 크기로 표시되지만 크기가 제대로 조절되지 않습니다.

    애니메이션을 위한 앤티앨리어싱

    정렬 및 커닝 정보를 무시하여 애니메이션을 더 매끄럽게 만듭니다. 이 옵션을 지정하면 글꼴 외곽선이 포함되기 때문에 SWF 파일이 더 커집니다. 가독성을 위해 이 옵션을 지정할 때 10포인트 이상 글꼴을 사용합니다.

    가독성을 위한 앤티앨리어싱

    글꼴, 특히 작은 크기 글꼴의 가독성을 향상시키는 Animate 텍스트 렌더링 엔진을 사용합니다. 이 옵션을 지정하면 글꼴 외곽선이 포함되기 때문에 SWF 파일이 더 커집니다. 이 옵션을 사용하려면 Flash Player 8 이상 버전으로 제작해야 합니다. 텍스트에 애니메이션을 적용하려면 이 옵션을 사용하는 대신 [애니메이션을 위한 앤티앨리어싱]을 사용합니다.

    사용자 정의 앤티앨리어싱

    글꼴의 속성을 수정할 수 있습니다. [선명도]를 사용하면 텍스트 가장자리와 배경 사이의 매끄러운 정도를 지정할 수 있습니다. [두께]를 사용하면 글꼴 앤티앨리어싱 전환이 나타나는 두께를 지정할 수 있습니다. 값이 클수록 문자가 더 두껍게 보입니다. [사용자 정의 앤티앨리어싱]을 지정하면 글꼴 외곽선이 포함되기 때문에 SWF 파일이 더 커집니다. 이 옵션을 사용하려면 Flash Player 8 이상 버전으로 제작해야 합니다.

Flash 8 이상 버전 앤티앨리어싱 내용 업그레이드

  1. Flash Player 7 또는 이전 버전에서 사용하도록 만든 FLA 파일을 엽니다.
  2. [제작 설정] 대화 상자([파일] > [제작 설정])의 [버전] 팝업 메뉴에서 [Flash Player 8] 또는 [Flash Player 9]를 선택합니다.
  3. [가독성을 위한 앤티앨리어싱] 또는 [사용자 정의 앤티앨리어싱] 옵션을 적용할 텍스트 필드를 선택합니다.
  4. 속성 관리자의 [글꼴 렌더링 방법] 팝업 메뉴에서 [가독성을 위한 앤티앨리어싱] 또는 [사용자 정의 앤티앨리어싱]을 선택합니다.

클래식 텍스트를 사용자가 선택할 수 있게 만들기

Animate 응용 프로그램을 보는 사용자가 직접 정적 수평 텍스트 또는 동적 텍스트를 선택할 수 있습니다. 입력 텍스트는 기본적으로 선택할 수 있습니다. 사용자는 텍스트를 선택한 후 복사하거나 잘라내어 별도의 문서에 붙여넣을 수 있습니다.

  1. [텍스트 도구]를 사용하여 선택 가능하게 만들 수평 텍스트를 선택합니다.
  2. 속성 관리자([윈도우] > [속성])에서 [정적 텍스트] 또는 [동적 텍스트]를 선택합니다.
  3. [선택 가능]을 클릭합니다 .

텍스트 변형

텍스트 필드를 변형하여 텍스트 효과를 만들 수 있습니다. 예를 들어, 텍스트 필드를 회전, 기울이기, 뒤집기 및 크기 조절할 수 있습니다. 텍스트 필드를 객체로서 크기 조절하더라도 속성 관리자는 포인트 크기의 증가 또는 감소를 반영하지 않습니다. 심하게 변형되어 알아볼 수 없는 경우에도 변형된 텍스트 필드의 텍스트는 여전히 편집할 수 있습니다.

또한 [타임라인] 효과를 사용하여 텍스트에 애니메이션을 적용할 수 있습니다. 예를 들어, 텍스트가 공처럼 튀거나, 페이드 인/페이드 아웃되거나, 폭발하도록 할 수 있습니다.

클래식 텍스트 분리

클래식 텍스트를 분리하여 각 문자를 별개의 텍스트 필드에 배치할 수 있습니다. 그런 다음 신속하게 텍스트 필드를 별개의 레이어에 배포하고 각 필드에 애니메이션을 적용할 수 있습니다. 그러나 스크롤 가능 클래식 텍스트 필드에서는 텍스트를 분리할 수 없습니다.

또한 텍스트를 구성 요소 선 및 채우기로 변환하여 그래픽으로 모양을 바꾸거나 지우고 조작할 수 있습니다. 다른 모양과 마찬가지로 이렇게 변환된 문자는 개별적으로 그룹화하거나 심볼로 변경하여 애니메이션을 적용할 수 있습니다. 텍스트를 그래픽 선 및 채우기로 변환한 후에는 더 이상 텍스트를 편집할 수 없습니다.

참고:

클래식 텍스트에 대한 [분리] 명령은 TrueType 글꼴과 같은 외곽선 글꼴에만 적용됩니다. 비트맵 글꼴을 분리하면 스크린에서 사라집니다. PostScript 글꼴은 Macintosh 시스템에서만 분리할 수 있습니다.

  1. [선택 도구]를 사용하여 텍스트 필드를 클릭합니다.
  2. [수정] > [분리]를 선택합니다.

    이렇게 하면 선택한 텍스트의 각 문자가 별도의 텍스트 필드에 배치됩니다. 이 경우 텍스트는 스테이지에서 같은 위치를 유지합니다.

  3. 스테이지에서 문자를 모양으로 변환하려면 [수정] > [분리]를 다시 선택합니다.
  1. 텍스트 또는 텍스트 필드를 선택합니다.
    • [텍스트 도구] 를 사용하여 텍스트 필드에서 텍스트를 선택합니다.

    • 텍스트 필드의 모든 텍스트를 연결하려면 [선택 도구] 를 사용하여 텍스트 필드를 선택합니다.

  2. 속성 관리자([윈도우] > [속성])의 [옵션] 섹션에 있는 [링크] 텍스트 필드에 텍스트 필드를 연결할 URL을 입력합니다.

참고:

전자 메일에 대한 링크를 만들려면 mailto: URL을 사용하십시오. 예를 들어, mailto:adamsmith@example.com을 입력합니다.

스크롤 클래식 텍스트 만들기

Animate에서는 여러 가지 방법으로 스크롤 텍스트를 만들 수 있습니다.

  • 메뉴 명령이나 텍스트 필드 핸들을 사용하여 동적 텍스트 필드 또는 입력 텍스트 필드를 스크롤 가능하게 만듭니다. 텍스트 필드에 스크롤 막대가 추가되는 것은 아니며, 사용자가 화살표 키(텍스트 필드가 Selectable로도 설정된 경우) 또는 마우스 휠로 텍스트를 스크롤할 수 있게 됩니다. 먼저 텍스트 필드를 클릭하여 포커스를 설정해야 합니다.

  • ActionScript 3.0 UIScrollbar 구성 요소를 텍스트 필드에 추가하여 텍스트 필드를 스크롤 가능하게 만듭니다. 자세한 내용은 ActionScript 3.0 구성 요소 사용의 “UIScrollBar 구성 요소 사용”을 참조하십시오.

  • ActionScript 3.0에서 TextField 클래스의 scrollHscrollV 속성을 사용합니다.

  • ActionScript 2.0 ScrollBar 구성 요소를 텍스트 필드에 추가하여 텍스트 필드를 스크롤 가능하게 만듭니다. 자세한 내용은 ActionScript 2.0 언어 참조 설명서의 “UIScrollBar 구성 요소 사용”을 참조하십시오.

  • ActionScript 2.0에서 TextField 객체의 scrollmaxscroll 속성을 사용하여 텍스트 필드의 세로 스크롤을 제어하고 hscrollmaxhscroll 속성을 사용하여 가로 스크롤을 제어합니다. 예제: ActionScript 2.0 학습의 스크롤 텍스트 만들기를 참조하십시오.

 

동적 텍스트를 스크롤 가능하게 만들기

  1. 다음 중 하나를 수행합니다.
    • Shift 키를 누른 상태에서 동적 텍스트 필드의 오른쪽 아래 핸들을 두 번 클릭합니다. 네모난 핸들이 비어 있는 상태(스크롤 불가능)에서 채워진 상태(스크롤 가능)로 바뀝니다.

    • [선택 도구] 를 사용하여 동적 텍스트 필드를 선택한 다음 [텍스트] > [스크롤 가능]을 선택합니다.

    • [선택 도구]로 동적 텍스트 필드를 선택합니다. 동적 텍스트 필드를 마우스 오른쪽 버튼으로 클릭(Windows)하거나 Control 키를 누른 상태에서 클릭(Macintosh)하고 컨텍스트 메뉴에서 [스크롤 가능]을 선택합니다.

장치 글꼴 텍스트 마스킹

동영상 클립을 사용하여 다른 동영상 클립의 장치 글꼴 텍스트에 마스크를 적용합니다. 스테이지의 마스크 레이어를 사용하면 장치 글꼴에 마스크를 적용할 수 없습니다. 이 동영상 클립 마스크를 사용하려면 Flash Player 6(6.0.40.0) 이상이 설치되어 있어야 합니다.

동영상 클립을 사용하여 장치 글꼴 텍스트에 마스크를 적용하면 Animate는 마스크의 사각형 경계 상자를 마스크 모양으로 사용합니다. 즉, Animate 제작 환경에서 장치 글꼴 텍스트에 대해 사각형이 아닌 동영상 클립 마스크를 만들면 SWF 파일에 나타나는 마스크의 모양은 마스크 자체의 모양이 아니라 마스크의 사각형 경계 상자 모양이 됩니다.

동영상 클립을 마스크로 사용하는 방법에 대한 자세한 내용은 ActionScript 2.0 학습의 동영상 클립을 마스크로 사용을 참조하십시오.

장치 글꼴 마스크에 대한 샘플은 Animate 샘플 웹 페이지(www.adobe.com/go/learn_fl_samples_kr)를 참조하십시오. 샘플 zip 파일을 다운로드 및 압축 해제하고 Masking\DeviceFontMasking 폴더로 이동한 다음 샘플에 액세스하십시오.

SWF 응용 프로그램의 유니코드 텍스트 인코딩

Flash Player 7 이상에서는 Flash Player 형식의 SWF 파일에 대해 유니코드 텍스트 인코딩을 지원합니다. 따라서 SWF 파일에서 다국어 텍스트를 사용하기가 훨씬 편리해져서 한 텍스트 필드 내에 두 개 언어가 포함될 수도 있습니다. Flash Player 7 이상을 사용하는 모든 사용자는 Flash Player가 실행되는 운영 체제의 언어에 상관 없이 Flash Player 7 이상 응용 프로그램에서 다국어 텍스트를 볼 수 있습니다.

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

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