Blend에서 Adobe Illustrator 파일 가져오기

Microsoft Blend for Visual Studio 프로젝트의 열린 문서에 PDF 호환 Adobe Illustrator 파일(.ai)을 직접 가져올 수 있습니다.

Illustrator 파일을 Blend로 가져오면 Illustrator 레이어, 그룹 및 개체가 관련 속성을 가진 컨테이너 및 개체로 변환됩니다. Illustrator 개체를 Blend로 가져오는 방법을 이해하면 더 빠르고 효율적으로 Illustrator 파일을 Blend 프로젝트에 통합할 수 있습니다.

Illustrator에서 파일을 저장할 때 Illustrator 옵션 대화 상자에서 PDF 호환 파일 만들기 확인란을 반드시 선택합니다. 그렇지 않으면 Illustrator 파일을 Blend로 가져올 수 없습니다.

PDF 호환 파일 만들기 확인란

Illustrator 파일 가져오기

  1. .ai 파일을 가져올 문서를 엽니다.

  2. 파일 메뉴에서 Adobe Illustrator 파일 가져오기를 클릭합니다.

  3. Adobe Illustrator 파일 가져오기 대화 상자에서 가져올 Illustrator 파일을 찾아 열기를 클릭합니다.

  4. 확인을 클릭합니다.

가져온 파일과 같은 이름의 새 캔버스 개체가 문서에 추가됩니다. 개체 및 타임라인 패널의 캔버스 개체(이 예제에서는 AvatarSymbols) 아래에 Blend 개체로 가져온 모든 Illustrator 개체가 있습니다. 이미지를 .ai 파일의 일부로 가져온 경우 프로젝트 패널의 루트 폴더에 변환된 모든 이미지 파일을 포함하는 새 폴더(이 예에서는 Avatar Images)가 만들어집니다.

참고

프로젝트에 연결된 이미지가 없는 경우 프로젝트 패널에 폴더가 만들어지지 않습니다.

Expression Blend에서 Adobe Illustrator 가져오기

.ai 파일과 연결된 모든 이미지에 대해 프로젝트 패널에 사용자 지정 폴더를 만들 수도 있습니다.

사용자 지정 이미지 폴더 만들기

  1. 프로젝트 패널에서 .csproj 파일을 마우스 오른쪽 단추로 클릭한 후 새 폴더 추가를 클릭합니다.

  2. 폴더 이름 상자에 새 폴더의 이름을 입력합니다.

  3. 프로젝트 패널에서 폴더를 선택한 상태에서 앞서 설명한 "Illustrator 파일 가져오기" 절차의 다음 단계를 따라 Illustrator 파일을 가져옵니다.

레이어, 그룹 및 개체

Blend 에서는 Illustrator 레이어 및 그룹을 경로 및 이미지를 포함하는 중첩된 XAML Canvas 개체로 가져옵니다. 중첩된 Canvas 개체는 레이아웃 컨테이너로 사용되어 Blend에서 쉽게 작업할 수 있습니다. 다음 정보를 활용하면 Illustrator 파일을 가져온 후 작업하는 방법을 보다 쉽게 이해할 수 있습니다.

JJ170240.collapse_all(ko-kr,VS.120).gif레이어 이름

레이어 이름은 최상위 수준 그룹(이전 이미지의 Avatars)에 유지됩니다. Illustrator 파일을 Blend로 가져온 후 개체 및 타임라인패널에서 개체를 마우스 오른쪽 단추로 클릭한 후 이름 바꾸기,를 클릭하거나 개체 이름을 두 번 클릭한 후 개체 이름 필드에 직접 입력하여 이름을 변경할 수 있습니다.

JJ170240.collapse_all(ko-kr,VS.120).gif파일 구조 및 그룹

Illustrator 그룹은 PDF 호환 파일로 존재하지 않으므로 Blend로 가져올 수 없습니다. 그러나 Illustrator 그룹에 포함된 개체는 Illustrator 그룹 내에서와 동일한 위치에 개별 개체로 가져옵니다.

JJ170240.collapse_all(ko-kr,VS.120).gif개체 형식

이미지는 PNG 파일로 가져와 지며 프로젝트 패널의 이미지 폴더에 추가되고 개체 및 타임라인 패널에 Image 개체로 추가됩니다. 텍스트 및 벡터 개체는 편집 가능한 패스로 가져와 지며 개체 및 타임라인 패널에 나타납니다.

JJ170240.collapse_all(ko-kr,VS.120).gif표시 유형 및 잠금

Blend로 가져온 Illustrator 레이어의 표시 유형 설정이 유지됩니다. 그러나 레이어 내의 표시 개체만 가져옵니다. Illustrator의 각 레이어에서 개체의 표시 유형 설정을 변경하여 Blend로 가져오는 개체를 변경할 수 있습니다.

잠금 설정은 무시됩니다.

편집 가능한 콘텐츠

가져온 콘텐츠가 편집 가능한 경우 Blend 에서 개체 속성을 수정하여 콘텐츠의 모양을 수정할 수 있습니다. 다음 표에는 Blend에서 편집 가능한 Illustrator 요소가 설명되어 있습니다. Blend에서 개체의 속성을 수정하려면 설명 열을 사용하여 속성을 찾으십시오.

Illustrator 요소

혼합 요소 (XAML)

설명

그룹

Canvas

Illustrator 그룹은 무시됩니다. 그러나 그룹의 콘텐츠는 개체 및 타임라인 패널의 개별 개체로 가져옵니다.

텍스트(형식 개체)

Canvas

Illustrator 형식 개체는 이름이 TextBlock인 캔버스 개체로 가져오며 원본 Illustrator 텍스트는 패스 개체로 가져옵니다. 텍스트 스타일은 개별 패스 개체로 가져옵니다.

예를 들어 Strikethrough 스타일이 적용된 5문자 단어는 단어의 각 문자마다 한 패스가 포함되고 Strikethrough 스타일의 추가 패스가 포함되어 6개 패스를 포함하는 Canvas 개체로 가져옵니다.

스트로크

Path

Illustrator 스트로크는 Blend에서 Stroke 속성이 속성 패널의 스트로크 브러시에 매핑된 패스로 가져옵니다.

단색 채우기

Path

Illustrator 단색 채우기는 원본 Fill속성을 단색 브러시에 적용된 Blend속성에 매핑하여 패스 로 가져옵니다.

단색 브러시 속성은 속성 패널의 브러시 범주에 있습니다.

선형 그라데이션 채우기

Path

Illustrator 선형 그라데이션 채우기는 원본 Fill 속성을 그라데이션 브러시에 적용된 Blend 선형 그라데이션 브러시 속성에 매핑하여 패스로 가져옵니다.

선형 그라데이션 브러시 속성은 속성 패널의 브러시 범주에 있습니다.

방사형 그라데이션 채우기

Path

Illustrator 방사형 그라데이션 채우기는 원본 Fill 속성을 그라데이션 브러시에 적용된 Blend 방사형 그라데이션 브러시 속성에 매핑하여 패스로 가져옵니다.

방사형 그라데이션 브러시 속성은 속성 패널의 브러시 범주에 있습니다.

이미지 레이어

Image

Illustrator의 이미지 개체는 Blend의 이미지 개체로 가져옵니다. 또한 PNG 파일이 프로젝트에 추가됩니다. PNG 파일은 이미지 개체의 원본입니다.

사용자 지정 채우기

OpacityMask적용 대상: ImageBrush

Illustrator는 개별 개체에 대해 다중 채우기를 지원합니다. Illustrator의 개체에 두 번째 채우기가 적용되고 해당 채우기에 알파 채널이 포함되어 있으면 채우기를 ImageBrush에 적용된 OpacityMask로 가져옵니다. 최상의 결과를 위해서는 Illustrator 파일에 불투명도 마스크로 동작하는 채우기를 하나만 사용하십시오.

OpacityMask 속성은 속성 패널의 브러시 범주에 있습니다. 또한 PNG 파일이 프로젝트에 추가됩니다. PNG 파일은 ImageBrush의 원본입니다.

참고참고
Illustrator의 모양 패널에서 개체 속성을 보면 개체에 두 번째 채우기가 적용되었는지 여부를 확인할 수 있습니다.

클리핑 마스크

Clip 속성

Illustrator 클리핑 마스크는 Clip 속성으로 가져옵니다.

Clip 속성은 속성 패널의 기타 범주에 있습니다.

참고참고
Windows Phone 프로젝트에서는 Clip 속성을 제한적으로 지원합니다.

Blend의 Illustrator 기능 지원

다음 Illustrator 기능이 Blend에서 지원됩니다. 명시되어 있는 기능은 Blend에서 편집할 수 있습니다.

참고

Blend에서 다음 Illustrator 기능을 지원하지만 최상의 결과를 위해서는 벡터 아트만 사용하여 Illustrator 파일을 만드십시오.

JJ170240.collapse_all(ko-kr,VS.120).gifText

Illustrator에서 가져온 텍스트 레이어는 캔버스로 변환되며 각 문자는 캔버스의 자식인 개별 패스 개체입니다. 텍스트의 모양은 유지되지만 텍스트를 가져온 후 텍스트로 편집할 수는 없습니다.

Illustrator의 단일 텍스트 레이어에 하드 리턴이 포함된 경우 Blend로 가져올 때 각 단락 나누기에 연결된 텍스트는 개별 캔버스 개체로 가져옵니다.

중요

Illustrator에서 텍스트를 가져오는 경우 예기치 않은 결과가 발생할 수도 있습니다.문자 회전, 커닝, 글꼴 크기, 맞춤 등에서 예기치 않은 결과가 발생할 수 있습니다.

JJ170240.collapse_all(ko-kr,VS.120).gif텍스트 스타일

다음 Illustrator 텍스트 효과는 Blend로 가져올 때 개별 패스를 만듭니다.

  • 아래 첨자

  • 위 첨자

  • 취소선

  • 밑줄

  • 작은 대문자

  • AllCaps

JJ170240.collapse_all(ko-kr,VS.120).gif효과

Blend에서 효과는 지원되지만 해당 효과를 편집할 수는 없습니다. 효과는 래스터화되며 Image 개체로 가져와 집니다. PNG 파일이 이미지 개체의 원본으로 사용되며 프로젝트 패널에 만들어지는 폴더에 있습니다.

JJ170240.collapse_all(ko-kr,VS.120).gif그라데이션

Blend에서 선형 및 방사형 그라데이션을 가져오고 편집할 수 있습니다. 색 중지점은 Blend에서 결과 개체의 Fill 속성에 그라데이션 브러시로 가져오고 불투명도 중지점은 OpacityMask 속성에 그라데이션 브러시로 가져옵니다.

JJ170240.collapse_all(ko-kr,VS.120).gif스트로크

사용자 지정 스트로크는 개별 패스로 가져옵니다.

Illustrator 파일을 PDF 호환 형식으로 저장하는 경우 스트로크 및 채우기는 개별 패스로 저장됩니다. PDF 호환 파일을 Blend로 가져오는 경우 동일 개체의 스트로크 및 채우기 또한 개별 개체로 가져올 수 있습니다. 그러나 스트로크 및 채우기가 동일한 경우 Blend로 가져올 때 스트로크 및 채우기가 단일 개체로 병합될 수도 있습니다.

참고 항목

개념

Adobe Photoshop 파일 가져오기

Blend에서 이미지 및 아트 삽입

기타 리소스

Blend의 Drawing 개체