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의 아트 보드처럼 보이게 만드는 방법여기서 문서 속성을 설정하겠습니다.)

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

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

모든 것이 설정되고 내보낼 준비가되면 파일> PNG 이미지 내보내기 (위 이미지의 빨간색 화살표)로 이동할 수 있습니다.

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

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

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

이 섹션의 맨 위에있는 처음 두 값은 "x0"및 "y0"입니다 (위의 녹색으로 강조 표시됨). 이 값은 이미지의 왼쪽 하단 경계 또는 모서리가 위치 할 위치 (즉, 이미지의 시작 좌표)를 나타냅니다. X 변수는 항상 너비를 나타내고 Y는 항상 높이를 나타냅니다. 전체 페이지를 내보낼 것이므로 이미지는 x의 경우 0, y의 경우 0 좌표에서 시작합니다.

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

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

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

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

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

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

Inkscape의 이미지 해상도 향상

예를 들어 이미지가 300dpi (인치당 도트 수)의 최종 해상도를 가져야한다는 것을 알고 있다면 dpi 필드 (빨간색 화살표)에 "300"을 입력하여 해상도를 설정할 수 있습니다. 탭 키를 누르면 이미지 너비와 높이가 갑자기 변경되는 것을 알 수 있습니다 (강조 표시된 녹색 영역). 해상도를 96에서 300으로 늘 렸기 때문에 이미지는 이제 고해상도 이미지가됩니다 (이미지의 모든 인치에 더 많은 점이 표시됨). 결과적으로 전체 이미지 크기가 훨씬 더 커졌습니다 (너비와 높이가 1920x1080에서 6000x3375로 변경됨).

Inkscape의 이미지 해상도 감소

반면에 첫 번째 dpi 필드에 "72"를 입력하여 해상도를 낮추면 내 이미지 크기가 1440x810으로 줄어드는 것을 볼 수 있습니다. 이것은 이제 더 낮은 해상도의 이미지를 가지기 때문에 이미지에서 인치당 더 적은 도트가 표시됩니다.

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

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

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

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

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

여기에서 컴퓨터에서 저장할 파일 위치를 검색 할 수있는 파일 탐색기 또는 찾기 창 (사용중인 운영 체제에 따라 다름)으로 이동합니다. 제 경우에는 (D :) 드라이브, "Photos"폴더 및 "Inkscape Photos"라는 다른 폴더에 있습니다 (위 이미지에서 강조 표시된 녹색 영역에서 전체 폴더 위치를 볼 수 있음).

"Phone Isometric Design Gen 3.png"라는 이름을 사용하기 전에이 파일을 내보냈으므로 내 파일 이름이 기본적으로 표시되는 이유 (빨간색 화살표)입니다. 이름을 "Isometric Phone Design No Background"로 변경하겠습니다.

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

"파일 형식"드롭 다운을 클릭하면 "PNG"만 사용할 수있는 옵션이됩니다. Inkscape는 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입니다. 이것은 내 이미지의 오른쪽 상단 모서리에 대한 새로운 위치 (또는 끝 좌표)입니다.

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

따라서 이제 내 이미지 내보내기 영역이 더 이상 내 캔버스의 전체 길이 (1920x1080 픽셀)를 덮지 않습니다. 도면 주위의 빈 공간을 없애기 때문에 더 작습니다. 이것은 새로운 너비 및 높이 (녹색 윤곽선)로 확인됩니다. 내 너비는 이제 1285.444이고 새 높이는 이제 789.803 (두 값 모두 픽셀)입니다.

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

이미지 크기 섹션 (위 이미지에서 녹색으로 표시됨)에서 다시 한 번 이미지의 해상도를 변경하여 내보내기 PNG의 최종 너비와 높이를 늘리거나 줄일 수 있습니다. 너비 및 높이는 이전 섹션의 값이 반올림 되었기 때문에 1285 × 790 픽셀로 표시됩니다. Inkscape는 픽셀의 일부를 내보낼 수 없으므로 값을 가장 가까운 정수로 반올림해야합니다.

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

도면을 내보낼 준비가되면 "다른 이름으로 내보내기"옵션 (빨간색 화살표)을 다시 클릭하여 파일 이름과 위치를 변경 한 다음 (파일 이름을 "Isometric Phone Drawing"으로 변경) "내보내기"버튼을 클릭합니다. SVG를 PNG로 내보내려면 (파란색 화살표)

등각 투영 전화 도면

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

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

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

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

따라서 휴대폰의 앞면 만 내보내고 싶다고 가정 해 보겠습니다. 내 도구 상자 (위 사진의 빨간색 화살표)에서 선택 도구를 가져온 다음 내보내려고 선택하려는 모든 요소를 ​​Shift 클릭합니다 (휴대폰의 앞면을 구성하는 모든 모양을 클릭했습니다). . 이 모든 요소를 ​​선택하면 이제 Export PNG Image 대화 상자에서 Export Area 탭이 자동으로 "Selection"탭 (사진의 녹색 화살표)으로 변경된 것을 볼 수 있습니다.

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

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

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



또한 내 파일 이름 (이번에는 "Isometric Phone Front Face"로 변경)과 파일 이름 섹션 (파란색 윤곽선) 아래에있는 다른 이름으로 내보내기 버튼을 사용하여 저장할 위치를 변경 한 다음 "내보내기 ”를 눌러 선택 항목을 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 비디오 자습서김프 자습서.

DMD 뉴스 레터 구독

DMD 뉴스 레터 구독

등록하여 좋아하는 오픈 소스 소프트웨어에 대한 새로운 자습서, 과정 업데이트 및 최신 뉴스를 받아보십시오!

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

클립이 핀

이 공유