일러스트 내보내기 옵션 - illeoseuteu naebonaegi obsyeon

일러스트레이터에서 만든 작업물들을

jpg, png, gif 등의 이미지 파일로 저장하는 

방법을 알아봅시다. 

1. 웹용으로 저장하기 (Save for Web) - jpg, gif, png

포토샵에서 저장할 때 자주 쓰이는

단축키 Ctrl + Shift + Alt + S를

일러스트에서도 사용할 수 있습니다.

아니면 File > Edit >Save for Web (Legacy)로

가도 됩니다.

Preset에서 이미지의 종류를 선택할 수 있고

Image Size에서 저장될 이미지의

크기를 설정 할 수 있습니다.

저장되는 이미지 크기는 대지(Artboard) 크기와 같습니다.

오브젝트(도형) 크기에 딱 맞춰 저장하고 싶다면

미리 대지 크기를 줄여 놓으면 됩니다.

대지 크기를 줄이는 방법을 알고 싶다면

아래 포스팅을 참고 해 주세요.

일러스트레이터 대지(Artboard)의 모든 것 - 추가/크기/복사

어도비 일러스트레이터의 대지(Artboard) 크기를 조절하는 방법과 여러개의 대지를 만드는 법, 대지를 복사하는 방법에 대해서 알아보겠습니다. 1. 대지 크기 조절 2. 여러 개의 대지 만들기 3. 대지

onebite.tistory.com

저는 주로 하단의 Percents로 사이즈를

맞추는 것을 선호합니다.

png, gif의 경우 따로 배경에

오브젝트(도형)을 그려놓지 않았으면

알아서 투명 배경으로 저장됩니다.

2. 내보내기 (Export as) - jpg, png, psd

내보내기로는 JPG, PNG, PSD 등의 파일을

저장할 수 있습니다.

이미지 형식으로 저장한다기보다는

다른 포맷의 "파일"로 내보낸다는 의미가 강합니다.

내보내기로 파일을 저장할 때의 장점은

선택한 파일 포맷에 따라

상세 설정을 할 수 있다는 것 입니다.

내보낼 파일의 색상모드(RGB, CMYK)나

해상도(Resolution) 등을 선택할 수도 있고

png로 저장할 때는 배경을 투명으로 저장할 건지

아니면 다른 색으로 할 건지 등의 

세부 옵션을 설정할 수 있습니다.

포토샵(PSD)로 내보내기를 하면

레이어를 살려둘 것인지, 아니면 다 합쳐서 

내보낼 것인지도 선택할 수 있습니다.

저는 Ctrl + Shift + Alt + S 가

손에 익어서 더 자주 사용하는 편입니다.

포스팅을 보시는 분들께서는

그때 그때 상황에 맞는 것을 골라서

사용해보시기 바랍니다.

어도비 일러스트레이터 내보내기

작업한 파일을 jpg, png, psd, pdf 등으로 저장할 때 내보내기로 작업이 가능합니다. 내보내기는 상단 메뉴 파일 > 내보내기에서 3가지 종류를 선택하거나 단축키로 실행할 수 있으며, 상단 메뉴 파일 > 선택 항목 내보내기는 상단 메뉴 윈도우 > 자산 내보내기 패널로 직관적으로 내보내기도 할 수 있습니다.

어도비 일러스트레이터 화면에 맞게 내보내기

  윈도우(window)   |  상단 메뉴  파일 > 내보내기 > 화면에 맞게 내보내기( ctrl + alt + E ) 
  맥(mac)   | 상단 메뉴  파일 > 내보내기 > 화면에 맞게 내보내기( ⌘(command) + ⌥(option) + E )

• 대지(아트보드)
  파일에서 만들어 놓은 아트보트(대지) 중 원하는 것만 선택하여 내보낼 수 있습니다. 아트보드(대지) 아래 ' 번호 - 아트보드 이름 ' 순서로  나와있으며 아트보드 이름은 변경이 가능합니다. 대지 내보내기 버튼을 클릭하면 아트보드의 이름으로 파일명이 만들어집니다. 
• 선택
  - 모두 : 만들어진 모든 아트보드를 선택합니다.
  - 범위 : 아트보드 중 선택한 아트보드만 표시됩니다. 옆에 아이콘의 체크박스로도 표시되고 아트보드의 번호를 직접 기입해도 됩니다.
  - 도련 포함 : 인쇄를 위해 도련값을 넣었다면 체크해주시고 재단한 모습의 이미지로 보고 싶다면 도련 포함에 체크가 없어야 합니다.
  - 전체 문서 : 아트보드에 상관없이 파일에 있는 모든 그래픽을 보여줍니다.
• 내보낼 위치
  - 폴더 아이콘 : 폴더 아이콘을 클릭하여 원하는 위치에 저장할 곳을 지정해줍니다. 
  - 내보내기 후 위치열기 : 체크하면 저장한 위치의 폴더가 열립니다. 원하지 않는다면 체크를 풀어주세요.
  - 하위 폴더 생성 : 지정한 위치에서 폴더를 생성해줍니다. 
     크기조절크기 조절 - 서식의 크기 조절을 기준으로 폴더를 만듭니다.
     형식 - 서식의 포맷을 기준으로 폴더를 만듭니다.
• PDF 내보내기 형식
  서식에서 포맷을 PDF로 변경하면 활성화됩니다. 
  - 단일파일 : 아트보드의 번호 순서대로 하나의 PDF를 만들어줍니다.  이때 파일명은 ai파일명과 동일합니다. 
  - 여러파일 : 아트보드의 개수대로 PDF를 만들어줍니다. 파일명은 아트보드 이름과 동일합니다. 
• 서식
  서식라인에 ios와 android는 두 운영체제에서 많이 사용하는 크기, 접미어, 포맷이 저장되어있습니다. 톱니바퀴는 포맷의 옵션을 더 세부적으로 설정할 수 있습니다. 
  - 크기조절 :  1x, 2x, 3x, 4x, 1.5x, 0.5x, 0.75x, 폭, 높이, 해상도를 선택할 수 있습니다.
  - 접미어 : 크기와 포맷을 여러 개 할 경우 구분하기 위해 파일명 뒤에 숫자나 문자로 구분해 줍니다. ( 2x크기는 접미어@2x가 자동으로 생성되고 2x크기에 JGP 100 포맷을 선택한다면 접미어 @2x-100가 자동 생성됩니다. 자동 생성된 접미어가 싫다면 다른 숫자, 문구로 변경이 가능합니다.)
  -포맷 : PNG, PNG 8, JPG 100, JPG 80, JPG 50, JPG 20, SVG, PDF, OBJ를 선택할 수 있습니다. 
• 접두어 : 파일명 앞에 숫자나 문자를 넣을 수 있습니다. 

설정이 완료되었다면 '대지 내보내기' 버튼을 클릭하면 내보낼 위치를 선택한 곳에 저장이 완료됩니다.

어도비 일러스트레이터 내보내기 형식

내보내기 형식은 별도로 단축키가 지정되어있지 않아 상단메뉴 파일 > 내보내기 > 내보내기 형식을 선택해야 합니다. 내보내기 형식을 자주 사용한다면 키보드 단축키를 설정해서 사용할 수 있습니다. 

• 별도 저장
  내보내려는 파일명을 적어주면 됩니다. 
• 파일저장 위치 지정
  저장하려는 위치를 선택해주세요.
• 포맷
  PNG (png), BMP (BMP), CSS (css), Autodesk RealDWG (dwg), Autodesk RealDWG (dxf), 확장 메타파일(emt), JPEG (jpg), Macintosh PICT (pct), Photoshop (psd), SVG (svg), Targa (TGA), 텍스트 포맷(txt), TIFF (tif), Windows 메타 파일 (wmf)을 선택할 수 있습니다. 
• 대지사용 
  - 체크 x : 체크하지 않는다면 파일에 작업된 그래픽 그대로 설정한 포맷으로 저장이 됩니다. 
  - 체크 o : 대지 사용을 체크하면 모두 또는 범위를 선택할 수 있는데 모두는 아트보드 전체를, 범위는 원하는 아트 보드만 지정할 수 있습니다. 

설정 완료 후 '내보내기' 버튼을 클릭하면 해당 포맷에 맞는 옵션 창이 뜹니다. 

3가지 포맷 중 해상도는 기본적으로 많이 사용하는 72 ppi, 150 ppi, 300 ppi 외 기타를 누르면 직접 입력을 통해서 해상도 설정이 가능하며, 앤티 앨리어싱은 없음, 아트 최적화, 문자 최적화 중 한 가지를 선택할 수 있습니다. PNG옵션의 경우 배경색을 투명, 흰색, 검정 중 하나로 선택이 가능합니다. jpeg와 포토샵 내보내기는 색상 모델도 변경이 가능합니다. 하지만 포토샵 내보내기의 경우 RGB로 색상모드를 변경한다면 옵션에서 병합 이미지만 선택이 가능합니다. 화면에 맞게 내보내기와 차이점은 여러크기(해상도)로 한 번에 파일 생성이 불가능하다는 점과 포맷이 내보내기 형식이 더 많다는 점입니다. 

mac으로 일러스트레이터에서 화면에 맞게 내보내기 또는 내보내기 형식의 해상도를 300 ppi로 내보낸 후 속성을 확인해보면 mac에서는 72 dpi로 window에서는 96 dpi로 보이는데 파일을 그대로 포토샵을 통해 다시 저장해주면 mac과 window모두 300 dpi로 보입니다. 이게 일러스트레이터의 문제인지 mac의 문제인지는 나중에 추가로 확인 후 수정하겠습니다. 

본 데이터는 adobe illustrator 2022를 기준으로 작업되었습니다.