Flash 그래픽 정보

Flash(SWF) 파일 포맷은 크기 조절이 가능한 웹용 압축 그래픽을 만들기 위한 벡터 기반 그래픽 파일 포맷입니다 이 파일 형식은 벡터 기반이므로 어떤 해상도에서도 아트웍의 이미지 품질이 유지되고, 애니메이션 프레임을 만드는 데 가장 적합합니다. Illustrator에서 레이어에 개별 애니메이션 프레임을 만든 다음 이미지 레이어를 웹 사이트에서 사용할 수 있도록 개별 프레임으로 내보낼 수 있습니다. 또한 Illustrator 파일에서 심볼을 정의하여 애니메이션 크기를 줄일 수 있습니다. 각 심볼은 내보낼 때 SWF 파일에서 한 번만 정의됩니다.

내보내기명령이나 및 장치용으로 저장 명령을 사용하여 아트웍을 SWF 파일로 저장할 수 있습니다. 각 명령의 장점은 다음과 같습니다.

내보내기(SWF) 명령

애니메이션 및 비트맵 압축을 가장 효율적으로 제어할 수 있습니다.

및 장치용으로 저장 명령

분할 영역이 있는 레이아웃에서 SWF 및 비트맵 포맷 조합을 가장 효율적으로 제어할 수 있습니다. 이 명령은 내보내기(SWF) 명령보다는 이미지 옵션을 덜 제공하지만,내보내기 명령에서 마지막으로 사용한 설정을 사용합니다.

SWF로 저장할 아트웍을 준비할 때는 다음 정보에 유의합니다.

  • 심볼을 사용할 때 파일 크기를 최대한 작게 유지하려면 아트웍의 심볼 예제가 아닌 [심볼] 패널의 심볼에 효과를 적용합니다.

  • [심볼 염색기] 및 [심볼 스타일기] 도구를 사용하면 Illustrator에서 각 심볼 예제의 모양을 유지하기 위해 예제 사본을 만들어야 하므로 SWF 파일의 크기가 커집니다.

  • 정지점이 8개가 넘는 그라디언트와 망 개체는 래스터화된 후 비트맵으로 채워진 모양으로 나타납니다. 정지점이 8개 미만인 그라디언트는 그라디언트로 내보내집니다.

  • 패턴은 패턴 아트 크기의 작은 이미지로 래스터화되어 아트를 칠할 수 있도록 나란히 배열됩니다.

  • 비트맵 개체가 분할 영역의 경계를 벗어나면 전체 개체가 내보낸 파일에 포함됩니다.

  • SWF에서는 둥근 단면이나 둥근 연결만 지원됩니다. 경사 단면이나 사각 단면은 SWF로 내보낼 때 둥근 단면이 됩니다.

  • 패턴으로 칠해진 텍스트와 패턴으로 칠해진 선은 패스로 변환된 후 패턴으로 칠해집니다.

  • 텍스트를 SWF로 내보낼 때 많은 특징이 유지되지만 몇 가지 정보는 잃게 됩니다. SWF 파일을 Flash로 불러올 때 행간, 커닝 및 자간은 유지되지 않습니다. 대신 텍스트가 각각의 레코드로 분할되어 행간 모양을 시뮬레이트합니다. 이후에 Flash Player에서 SWF 파일을 재생하면 파일의 행간, 커닝 및 자간 모양이 유지됩니다. 텍스트를 패스로 내보내려는 경우 [SWF 옵션] 대화 상자에서 [텍스트를 윤곽선으로 내보내기]를 선택하거나 SWF로 내보내기 전에 [윤곽선 만들기] 명령을 선택하여 텍스트를 윤곽선으로 변환합니다.

Flash 애니메이션 만들기

Illustrator에서 Flash 애니메이션을 만드는 방법은 다양합니다. 가장 쉬운 방법 중 하나는 각 애니메이션 프레임을 별도의 Illustrator 레이어로 가져온 다음 아트웍을 내보낼 때 [AI 레이어를 SWF 프레임으로] 옵션을 선택하는 것입니다.

  1. 애니메이션으로 나타낼 아트웍을 만듭니다. 심볼을 사용해 애니메이션의 파일 크기를 줄이고 작업을 단순화합니다.
  2. 애니메이션의 각 프레임에 대해 별도의 레이어를 만듭니다.

    이 작업을 하려면 기본 아트웍을 새 레이어에 붙인 다음 아트웍을 편집하면 됩니다. 또는 [레이어에 풀기] 명령을 사용해 누적 방식으로 만들어지는 개체로 구성된 레이어를 자동으로 생성할 수 있습니다.

  3. 레이어가 애니메이션 프레임으로 표시할 순서대로 나타나는지 확인합니다.
  4. 다음 중 하나를 수행합니다.
    • [파일] > [내보내기]를 선택하고 포맷으로는 Flash(SWF)를 선택한 다음 [내보내기]를 클릭합니다. [ SWF 옵션] 대화 상자의 [따로 내보내기]에서 [AI 레이어에서 SWF 프레임]을 선택합니다. 추가 애니메이션 옵션을 설정한 다음 [확인]을 클릭합니다.

    • [파일] > [ 및 장치용으로 저장]을 선택합니다. [최적화 파일 형식] 메뉴에서 [SWF]를 선택합니다. [내보내기 유형] 메뉴에서 [AI 레이어를 SWF 프레임으로]를 선택합니다. 추가 옵션을 설정한 다음 [저장]을 클릭합니다.

Illustrator 및 Flash 작업

Illustrator 아트워크를 Flash 편집 환경으로 이동하거나 Flash Player로 직접 이동할 수 있습니다. 아트워크를 복사하여 붙여 넣고 파일을 SWF 형식으로 저장하거나 아트워크를 Flash로 직접 내보낼 수 있습니다. 또한 Illustrator에서는 Flash 동적 텍스트 및 동영상 클립 심볼을 지원합니다.

Device Central을 사용하여 Illustrator 아트워크가 다른 휴대용 장치의 Flash Player에서 어떻게 나타나는지 볼 수 있습니다.

Illustrator 아트워크 붙여넣기

Illustrator에서 그래픽이 풍부한 아트워크를 만들고 Flash에 간단하고, 빠르고, 매끄럽게 복사하여 붙여넣을 수 있습니다.

Illustrator 아트워크를 Flash에 붙여넣는 경우 다음 특성이 유지됩니다.

  • 패스 및 모양

  • 크기 조절

  • 획 두께

  • 그라디언트 정의

  • 텍스트(OpenType 글꼴 포함)

  • 연결된 이미지

  • 심볼

  • 혼합 모드

또한 Illustrator와 Flash는 붙여넣은 아트워크를 다음 방법으로 지원합니다.

  • Illustrator 아트워크에서 전체 최상위 레이어를 선택하여 Flash에 붙여넣는 경우 속성(가시성 및 잠금)과 함께 레이어가 유지됩니다.

  • Flash에서 붙여넣은 비 RGB Illustrator 색상(CMYK, 회색 음영 및 사용자 정의)을 RGB로 변환하면 RGB 색상이 예상과 같이 나타납니다.

  • Illustrator 아트워크를 가져오거나 붙여넣을 때 다양한 옵션을 사용하여 텍스트의 그림자와 같은 효과를 Flash 필터로 유지할 수 있습니다.

  • Flash에서 Illustrator 마스크가 유지됩니다.

Illustrator에서 SWF 파일 내보내기

Flash에서 내보낸 SWF 파일의 품질 및 압축과 일치하는 SWF 파일을 Illustrator에서 내보낼 수 있습니다.

내보낼 때 다양한 사전 설정을 선택하여 최적의 출력을 확인할 수 있고 여러 대지, 심볼, 레이어, 텍스트 및 마스크 처리 방법을 지정할 수 있습니다. 예를 들어, Illustrator 심볼을 동영상 클립으로 내보낼지 또는 그래픽으로 내보낼지 지정할 수 있고 Illustrator 레이어에서 SWF 심볼을 만들도록 선택할 수 있습니다.

Illustrator 파일을 Flash로 가져오기

Illustrator에서 전체 레이아웃을 만든 다음 한번에 Flash로 가져오려는 경우, Flash에서 [파일] > [스테이지로 가져오기] 또는 [파일] > [라이브러리로 가져오기] 명령을 사용하여 아트워크를 기본 Illustrator 형식(AI)으로 저장하고 높은 정확도를 유지하면서 Flash로 가져올 수 있습니다.

Illustrator 파일에 대지가 여러 개 포함되어 있는 경우 Flash의 [가져오기] 대화 상자에서 가져올 대지를 선택한 다음 해당 대지에서 각 레이어에 대한 설정을 지정합니다. 선택한 대지의 모든 개체는 Flash의 단일 레이어로 가져올 수 있습니다. 같은 AI 파일에서 다른 대지를 가져올 경우 해당 대지의 개체는 Flash의 새 레이어로 가져올 수 있습니다.

Illustrator 아트워크를 AI, EPS 또는 PDF 파일로 가져오는 경우 Flash에서는 붙여넣은 Illustrator 아트워크와 동일한 특성이 유지됩니다. 또한 가져온 Illustrator 파일에 레이어가 포함되어 있으면 다음 방법 중 하나로 레이어를 가져올 수 있습니다.

  • Illustrator 레이어를 Flash 레이어로 변환

  • Illustrator 레이어를 Flash 프레임으로 변환

  • 모든 Illustrator 레이어를 단일 Flash 레이어로 변환

심볼 작업 과정

Illustrator의 심볼 작업 과정은 Flash의 심볼 작업 과정과 비슷합니다.

심볼 만들기

Illustrator에서 심볼을 만드는 경우 [심볼 옵션] 대화 상자에서 심볼 이름을 입력하고 Flash에 Flash 심볼의 기본값으로 설정된 동영상 클립 심볼 유형, Flash 등록 격자 위치, 9-슬라이스 크기 조절 안내선과 같은 특정 옵션을 설정할 수 있습니다. 또한 Illustrator 및 Flash에서 여러 가지 동일한 심볼 단축키(예: 심볼을 만드는 경우 F8 키)를 사용할 수 있습니다.

심볼 편집용 격리 모드

Illustrator에서 심볼을 더 쉽게 편집할 수 있도록 두 번 클릭하여 격리 모드로 엽니다. 격리 모드에서는 심볼 인스턴스만 편집할 수 있고 대지의 다른 모든 개체는 흐려져 사용할 수 없습니다. 격리 모드를 종료하고 나면 [심볼] 패널의 심볼과 해당 심볼의 모든 인스턴스가 그에 따라 업데이트됩니다. Flash에서 심볼 편집 모드와 [라이브러리] 패널은 비슷한 방식으로 작동합니다.

심볼 속성 및 링크

[심볼] 패널 또는 [컨트롤] 패널을 사용하여 심볼 인스턴스에 이름을 할당하고, 인스턴스와 심볼 간의 링크를 끊고, 심볼 인스턴스와 다른 심볼을 교환하거나 심볼의 복사본을 만드는 작업을 쉽게 할 수 있습니다. Flash에서 [라이브러리] 패널의 편집 기능은 비슷한 방식으로 작동합니다.

정적, 동적, 입력 텍스트 개체

정적 텍스트를 Illustrator에서 Flash로 가져오는 경우 Flash에서 텍스트가 윤곽선으로 변환됩니다. 또한 텍스트를 Illustrator에서 동적 텍스트로 설정할 수 있습니다. 동적 텍스트를 사용하면 Flash에서 텍스트 컨텐트를 프로그래밍 방식으로 편집하고 여러 언어로 번역해야 하는 프로젝트를 간편하게 관리할 수 있습니다.

Illustrator에서 개별 텍스트 개체를 정적, 동적 또는 입력 텍스트로 지정할 수 있습니다. Illustrator 및 Flash의 동적 텍스트 개체는 비슷한 속성을 가집니다. 예를 들어, Illustrator와 Flash 모두 개별적인 문자가 아닌 텍스트 블록의 모든 문자에 영향을 주는 커닝을 사용하고, 앤티 앨리어스 텍스트도 같은 방식으로 작동하며, 텍스트를 포함하는 외부 XML 파일에 연결할 수 있습니다.

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

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