Inkscape는 기본적으로 Scalable Vector Graphics를 나타내는 .SVG 파일 형식을 사용합니다. 이 파일 유형은 컴포지션에서 만든 편집 가능한 객체와 레이어를 유지하므로 나중에 파일을 다시 열고 컴포지션의 원본 요소를 계속 편집 할 수 있습니다.

그러나 Inkscape를 사용하지 않는 사람들을 위해 장치에서 더 쉽게 액세스하고 쉽게 열 수 있도록 파일을 PNG와 같은 다른 파일 형식으로 내보내려는 경우가 많이 있습니다. 디자인을 웹 사이트에 업로드하거나 프린터가 SVG 파일보다 PNG 파일을 선호 할 수 있습니다.

PNG는 Portable Network Graphics의 약자이며 ".gif 파일과 유사하지만 저작권 제한이없는 색인화 된 색상의 비트 맵을 포함하며 무손실 압축을 사용합니다. PNG 파일은 일반적으로 웹 이미지 용 그래픽을 저장하는 데 사용됩니다. "( FileInfo.com). PNG는 파일 크기가 파일 크기보다 약간 크지 만 JPEG보다 약간 나은 경향이 있습니다. PNG는 또한 투명 배경을 포함하는 그래픽을 지원합니다 (JPEG은 그렇지 않습니다).

PNG를 사용하고자하는 이유가 무엇이든 Inkscape를 사용하면 필요할 때마다이 파일 형식으로 쉽게 내보낼 수 있습니다. 방법은 다음과 같습니다.

아이소 메트릭 전화 디자인 배경 숨겨진

이 기사에서는 아이소 메트릭 폰 디자인 최근 Inkscape 비디오 튜토리얼에서 작성한 아이소 메트릭 폰 디자인. 레이어 패널 (위 사진의 빨간색 화살표로 표시)에 내 배경 레이어를 숨기고 내 캔버스를 바둑판 배경으로 만들었으므로 컴포지션이 투명 한 곳을 볼 수 있습니다. (자습서는 Adobe Illustrator의 대지처럼 Inkscape Canvas를 만드는 법여기서 문서 속성을 설정하겠습니다.)

1. PNG 이미지로 페이지 내보내기

파일 내보내기 PNG 이미지 Inkscape 자습서

모든 것이 설정되고 내보낼 준비가되면 File> Export PNG Image (위 이미지에서 빨간색 화살표)로 이동합니다.

PNG 이미지 내보내기 대화 상자 Inkscape

내 캔버스의 오른쪽에 PNG 이미지 내보내기 대화 상자가 나타납니다 (사진에서 빨간색으로 강조 표시됨). 내 첫 번째 옵션은 "내보내기 영역"아래에서 선택할 수있는 네 가지 설정이있는 탭을 선택하는 것입니다. 내 캔버스의 테두리 안에 모든 것을 내보내려면 (기본적으로 전체 컴포지션) "페이지"내보내기 영역 옵션 (녹색 화살표)을 선택합니다. 이 섹션에는 숫자 데이터가있는 두 개의 열과 세 개의 행과 단위를 선택할 수있는 드롭 다운 상자가 있습니다 (내 이미지 / 캔버스는 현재 픽셀 또는 픽셀 단위입니다).

x0 및 y0 inkscape 내보내기 PNG 이미지

이 섹션 상단의 처음 두 값은 "x0"및 "y0"입니다 (위의 녹색으로 강조 표시됨). 이 값은 이미지의 왼쪽 하단 경계 또는 구석이 어디에 위치 하는지를 나타냅니다 (즉, 이미지의 시작 좌표). X 변수는 항상 너비를 나타내며 Y는 항상 높이를 나타냅니다. 전체 페이지를 내보내려고하기 때문에 xNUMX와 y에 대한 0 좌표에서 이미지가 시작됩니다.

x1 및 y1 inkscape 내보내기 PNG 이미지

다음 값은 "x1"및 "y1"입니다 (위의 녹색으로 강조 표시됨). 이 값은 이미지의 오른쪽 위 경계 또는 모서리가 위치 할 곳을 나타냅니다 (즉, 문서의 끝 좌표). 이 컴포지션의 총 캔버스 크기는 1920 픽셀 (1080 픽셀)이므로 내 x1 좌표는 1920이고 y1 좌표는 1080입니다 (이 섹션의 단위 드롭 다운을 통해 내 페이지 단위가 픽셀로 설정됨을 기억하십시오).

너비와 높이 inkscape 내보내기 PNG 이미지

이 섹션의 마지막 두 값은 Width 및 Height이며 내 내보내기 영역의 전체 크기를 반영합니다. My Width는 1920로 표시되고 My Height는 1080이므로 전체 캔버스 크기입니다. 따라서 PNG는 내보낼 때 내 캔버스와 크기가 같습니다.

이미지 크기 및 해상도 inkscape 내보내기 png 이미지

PNG 이미지 내보내기 대화 상자의 다음 섹션은 "이미지 크기"입니다 (위의 녹색으로 강조 표시됨). 이 섹션에서는 이미지의 전체 해상도를 기준으로 최종 이미지 크기의 너비와 높이를 조정할 수 있습니다. 해상도는 이미지의 모든 인치당 표시 할 픽셀 수 ( "도트 수")에 따라 결정됩니다 (픽셀과 도트는 본질적으로 동일합니다.이 값은 그림의 최소 단위입니다 .dpi 또는 인치당 도트 수, 프린터는 도트를 만들고 픽셀은 컴퓨터에 표시된 이미지를 설명 할 때 더 일반적으로 사용되므로 프린터 작업시 일반적으로 사용됩니다. 한 영역에 더 많은 픽셀이나 점이 표시 될수록 이미지의 해상도가 높아집니다. 그러나 전체 파일 크기가 커질수록 해상도가 높아지는 것과 절충됩니다. 위 사진의 빨간색 화살표가 가리키는 상자를 통해 해상도를 조정할 수 있습니다.

Inkscape의 이미지 해상도 향상

예를 들어, 300 dpi (인치당 도트 수)의 최종 해상도를 갖기 위해 이미지가 필요한 경우 dpi 필드에 "300"을 입력하여 해상도를 설정할 수 있습니다 (빨간색 화살표). 탭 키를 누르면 내 이미지 너비와 높이가 갑자기 바뀝니다 (녹색 영역 강조 표시). 해상도를 96에서 300로 늘리므로 이미지가 이제 더 높은 해상도의 이미지가됩니다 (이미지의 모든 인치에 더 많은 도트가 표시됨). 결과적으로 내 전반적인 이미지 크기가 훨씬 커졌습니다 (너비와 높이가 1920 × 1080에서 6000 × 3375로 바뀌 었습니다).

Inkscape의 이미지 해상도 감소

반면에 첫 번째 dpi 필드에 "72"을 입력하여 해상도를 줄이면 내 이미지 크기가 1440 × 810로 축소됩니다. 이는 현재 이미지의 각 인치당 표시되는 점이 적고 해상도가 낮은 이미지이기 때문입니다.

값을 96 dpi의 기본값으로 다시 변경합니다.

Filname 섹션 PNG 이미지 내보내기 대화 상자

이미지 크기 섹션 아래에는 이미지를 내보내려는 파일의 이름과 컴퓨터에서 내보낼 위치 (녹색으로 강조 표시)를 설정하는 옵션이 있습니다. 파일을 Inkscape의 다른 파일을 저장하는 데 사용한 마지막 위치로 내보내거나 아직 파일을 저장하지 않은 경우 Inkscape에 현재 설정된 기본 위치로 내 보냅니다.

파일 이름이나 내보내는 위치를 변경하려면 "다른 이름으로 내보내기"버튼 (위 사진의 빨간색 화살표)을 클릭하십시오.

Inkscape 파일 탐색기에서 PNG로 내보내기

여기서 파일 탐색기 또는 찾기 창 (사용중인 운영 체제에 따라 다름)에서 컴퓨터에서 파일 위치를 검색하여 저장할 수 있습니다. 필자는 (D :) 드라이브에 "사진"이라는 제목의 폴더와 "잉크 스케이프 사진"이라는 제목의 다른 폴더에 있습니다 (위 이미지에서 강조 표시된 녹색 영역의 전체 폴더 위치를 볼 수 있음).

나는 "파일 아이소 메트릭 디자인 Gen 3.png"라는 이름을 사용하기 전에이 파일을 내 보낸 이유 때문에 파일 이름이 기본적으로 빨간색 화살표로 표시되는 이유는 무엇입니까? 이름을 "등각 투영 전화 디자인 배경 없음"으로 바꿀 것입니다.

파일 형식으로 저장 Inkscape 자습서 내보내기

"파일 형식"드롭 다운을 클릭하면 "PNG"옵션 만 사용할 수 있습니다. 잉크 스케이프는 PNG로만 내 보냅니다. JPEG 파일이나 다른 파일 형식으로 내보내려면 Inkscape에서 PNG 파일을 내 보낸 다음 다른 프로그램을 열어야합니다. 김프 (내가 가지고있는 또 다른 멋진 무료 프로그램 수백 개의 자습서 for) 원하는 파일 형식으로 내보낼 수 있습니다.

내보낼 준비가되면 '저장'버튼을 클릭합니다.

PNG로 내보내기 Inkscape 버튼

하지만 기다려! 아직 완료되지 않았습니다. 이미지를 실제로 내보내기 전에 마지막으로 중요한 단계가 있습니다. 파일을 실제로 내보내려면 녹색 체크 표시가있는 "내보내기"버튼을 클릭해야합니다 (위의 이미지에서 빨간색 화살표). 이 버튼을 클릭하지 않으면 파일이 내보내기되지 않습니다.. 이 버튼을 클릭하면 내 SVG 파일이 이제 PNG 파일로 내보내집니다.

노트 : 내보내기 버튼 왼쪽에있는 "완료시 닫기"옵션 (위 사진의 파란색으로 표시)을 선택하면 내보내기를 완료 한 후 PNG 이미지 내보내기 대화 상자가 닫힙니다.

2. PNG 이미지로 도면 내보내기

마지막 섹션에서는 전체 페이지를 PNG 파일로 내보내는 옵션에 대해 설명했지만 주변의 빈 공간이 아닌 페이지에서 드로잉 만 내보내려면 어떻게해야합니까?

잉크 스케이프의 내보내기 영역 그리기

음, 내보내기 영역 섹션의 두 번째 탭을 사용하면이 작업을 수행 할 수 있습니다. 파일> PNG 이미지 내보내기로 이동하여 PNG 이미지 내보내기 대화 상자를 불러 오면 (이전 단계에서 이미 열려 있지 않다는 가정하에) 내보내기 영역 섹션 아래의 "드로잉"탭을 클릭 할 수 있습니다 (빨간색 화살).

이 옵션은 그림이 포함 된 이미지 영역 만 내 보냅니다. 따라서이 경우 전화 디자인이있는 영역 만 내보내집니다. 폰 디자인과 캔버스 경계 사이의 모든 빈 공간은 최종 내 보낸 PNG로 연결되지 않습니다. 이것은 우리의 이미지 좌표에 대한 우리의 가치에 반영되었으며, 이제는 "페이지"설정에 따라 변경되었습니다.

x0 및 y0 도면 내보내기 영역 inkscape

자, 내 x0 값은 317.278 픽셀이고, y0 값은 121.273 픽셀입니다 (녹색으로 강조 표시됨). 이것은 내 이미지의 왼쪽 하단 코너 (또는 시작 좌표)의 새로운 위치입니다.

x1 및 y1 도면 내보내기 영역 inkscape

또한 내 x1 값은 이제 1602.722 픽셀이고 y1 값은 911.076입니다. 이것은 내 이미지의 오른쪽 상단 모서리에 대한 새로운 위치 (또는 끝 좌표)입니다.

너비 및 높이 그리기 내보내기 영역

따라서 내 이미지 내보내기 영역이 더 이상 내 캔버스 전체 길이 (1920 × 1080 픽셀)를 차지하지 않습니다. 도면 주위의 빈 공간을 제거하기 때문에 크기가 작아집니다. 이것은 새로운 너비 및 높이 (녹색으로 표시)에 의해 확인됩니다. 내 너비가 이제 1285.444이고 새 높이가 이제 789.803 (픽셀 단위의 두 값)입니다.

이미지 크기 그리기 내보내기 영역 inkscape

위의 이미지에서 녹색으로 표시된 Image Size 섹션에서 내 이미지의 해상도를 다시 변경하여 내보내기 PNG의 최종 너비와 높이를 높이거나 낮 춥니 다. 너비와 높이는 이전 섹션의 값이 반올림되었으므로 1285 × 790 픽셀로 표시됩니다. 잉크 스케이프는 픽셀의 일부분을 내보낼 수 없으므로 값은 가장 가까운 정수로 반올림되어야합니다.

도면 내보내기 영역으로 내보내기

도면을 내보낼 준비가되면 파일 이름과 위치를 변경하려면 "다른 이름으로 내보내기"옵션 (빨간색 화살표)을 클릭하고 파일 이름을 "등각 투영 도면"으로 변경 한 다음 "내보내기"버튼을 클릭하십시오 SVG를 PNG로 내보내려면 (파란색 화살표).

등각 투영 전화 도면

위 그림은 최종 수출 된 도면입니다. 마우스로 사진을 강조 표시하면 이미지의 경계가 그림이 끝나는 곳에서 끝나는 것을 볼 수 있습니다 (참고 :이 기사에서는 약간 축소되었습니다).

3. 선택 항목을 PNG로 내보내기

전체 구성을 내보내고 도면 만 내보내는 것 외에도 내 보낸 영역을 선택 영역으로 좁힐 수 있습니다.

선택 영역 내보내기 잉크 스케이프 2019

그래서, 내 전화기의 앞면 만 내보내고 싶다고 가정 해 봅시다. 도구 상자 (위 사진의 빨간색 화살표)에서 선택 도구를 가져온 다음 내보낼 요소를 모두 클릭하여 이동합니다 (휴대 전화의 전면을 구성하는 모든 모양을 클릭 함) . 이 모든 요소를 ​​선택하면 PNG 이미지 내보내기 대화 상자 아래에서 내보내기 영역 탭이 자동으로 "선택 사항"탭 (사진의 녹색 화살표)으로 변경되었음을 알 수 있습니다.

선택 내보내기 SVG를 PNG Inkscape로 내보내기

내 시작 및 끝 좌표가 이제 선택한 선택한 영역의 시작 및 끝점을 반영하고 내 이미지의 너비 및 높이가이 영역의 크기와 일치하도록 변경되었습니다 (위 사진에서 녹색으로 윤곽선이 그려져 있음).

Image Size (이미지 크기) 섹션 (빨간색으로 표시) 아래에서 내 이미지의 해상도를 다시 변경할 수 있습니다. 그러면 해상도 설정에 따라 이미지의 전체 크기가 증가하거나 감소합니다.



또한 파일 이름을 변경할 수 있습니다 (이번에는 "Isometric Phone Front Face"로 변경). Filename 섹션 (파란색으로 표시) 아래에 Export As 버튼을 사용하여 저장하려는 위치를 선택한 다음 "내보내기 "를 선택하여 PNG로 내 보냅니다. 언급 할 가치가있는 몇 가지 다른 옵션도 여기에 있습니다. 첫째, 내가 선택한 개체를 일괄 내보내기 할 수 있습니다. 즉, 각 개체가 별도의 PNG로 내보내집니다. 그 아래에는 "선택을 제외한 모두 숨기기"옵션이 있습니다. 즉, 선택하지 않은 항목이 최종 컴포지션에 표시되지 않습니다. 이 옵션을 선택하지 않으면 선택하지 않은 항목이 내보낼 프레임 영역에 들어갈 때까지 계속 표시됩니다.

숨김 및 숨기기 취소 선택 영역

위의 두 가지 결과는 선택 항목을 내보내는 것입니다. 왼쪽에서 "선택을 제외한 모두 숨기기"옵션이 선택 취소 된 상태이고 오른쪽에있는 옵션이 선택된 상태입니다.

4. 사용자 지정 영역을 PNG로 내보내기

Export to PNG Image 대화 상자의 마지막 섹션은 컴포지션의 사용자 정의 영역을 내보내는 옵션입니다. 여기에는 다른 모든 설정에서 동일한 규칙이 적용됩니다 (x0 및 y0는 시작 좌표이며 x1 및 y1는 끝 좌표이며 너비 및 높이는 컴포지션의 전체 크기가됩니다).

주된 차이점은이 값을 사용하여 설정 한 영역이 해당 영역에 도면이 있는지 여부에 관계없이 내 보낸 영역이된다는 것입니다. 따라서, 설정 한 값을 벗어난 값을 잘라내 기 때문에 자르기 설정과 거의 같습니다.

사용자 정의 내보내기 영역 2019 Inkscape 자습서

이 설정을 실제로 적용하기 위해 x0 및 y0 값을 250로 설정하고 내 x1 및 y1 값을 1250로 설정합니다. 그러면 너비와 높이가 1000 픽셀 인 이미지가 만들어집니다. 나는 이미지의 이름을 "Isometric Phone Custom Area"로 바꿀 것이고 "Export"를 클릭 할 것이다.

아이소 메트릭 폰 사용자 정의 영역

최종 구성은 1000 x 1000 픽셀 스퀘어로, 디자인이 내보내기 영역 외부에 있었던 곳이면 어디든지 디자인 컷오프가됩니다.

그것은이 튜토리얼을위한 것입니다! 너가 그것을 즐긴다면, 너는 나의 다른 것을 체크 아웃 할 수있다. 잉크 스케이프 도움말 문서, Inkscape 비디오 자습서또는 김프 자습서.

김프 뉴스 레터 구독 신청

메일 링리스트에 가입하여 새로운 자습서, 김프 교육 과정 업데이트 및 최신 뉴스를 받아보십시오.

당신은 성공적으로 가입 한!

클립이 핀

이 공유