일러스트 화면에 맞게 내보내기 - illeoseuteu hwamyeon-e majge naebonaegi

일러스트 화면에 맞게 내보내기 - illeoseuteu hwamyeon-e majge naebonaegi

안녕하세요 영상편집 강사입니다 ^^

 

오늘은 일러스트에서 이미지 내보내기 추출 방법에 대해 설명해드리도록 하겠습니다

 

PNG, GIF, JPG 파일로 추출이 가능하고 고화질로 설정도 가능하니까 

 

천천히 한번 따라해보세요 ~~

 

 

 

 

 

일러스트 화면에 맞게 내보내기 - illeoseuteu hwamyeon-e majge naebonaegi

일러스트 파일 - 이미지 내보내기


당연히 편집 작업이 전부 끝났다고 가정을 하고 진행을 하겠습니다

 

위 사진처럼 파일로 저장할 작업 파일을 열어주시고

 

웹용으로 저장(레거시)...를 클릭해 주세요

 

이 곳에서 JPG, PNG , GIF 중 어떤 형식으로 추출할지 정하고 고화질을 선택할 수 있습니다

 

※단축키 Alt + Shift + Ctrl + S

 

 

 

 

 

 

일러스트 화면에 맞게 내보내기 - illeoseuteu hwamyeon-e majge naebonaegi

파일 형식 정하기 (PNG, JPEG, GIF)


웹용으로 저장을 누르셨다면 위 사진처럼 창이 하나 나올 것입니다

 

그럼 위 사진처럼 이름 하단부에 이미지 내보내기(추출)할 형식을 고를 수 있습니다

 

원하시는 형식으로 변경해주시면 됩니다

 

※작업물은 대지에 맞춰서 작업을 해주셔야 합니다 이미지는 대지 기준으로 저장이 됩니다

 

 

 

 

 

 

일러스트 화면에 맞게 내보내기 - illeoseuteu hwamyeon-e majge naebonaegi

일러스트 사진 고화질 설정


저는 JEPG로 추출을 해볼게요

 

JEPG를 선택하시면 바로 하단에 이미지 저장 품질은 선택할 수 있는데

 

저는 최대 품질을 선택하겠습니다

 

※우측 하단에 대지에 클립을 체크해주세요

 

 

 

 

 

 

일러스트 화면에 맞게 내보내기 - illeoseuteu hwamyeon-e majge naebonaegi

다른 이름으로 저장


이제 마지막으로 원하시는 파일 이름을 입력하시고

 

경로를 정해주신 뒤 저장(S) 버튼만 누르시면 됩니다

 

저는 바탕화면에 한번 저장해 보겠습니다

 

 

 

 

 

일러스트 화면에 맞게 내보내기 - illeoseuteu hwamyeon-e majge naebonaegi

고화질로 두개의 이미지를 내보내기(추출) 했습니다

 

오늘은 일러스트에서 이미지로 저장하는 방법을 알아보았는데요

 

도움이 되셨다면 좋아요 부탁드리고 궁금하신 부분은 댓글로 남겨주시면 답해드리겠습니다~~

 

 

공유하기

게시글 관리

구독하기Sunwoo Academy

저작자표시

'Adobe Illustrator' 카테고리의 다른 글

일러스트 펜툴(pen tool)사용방법 기초 쓰는법  (0)2020.11.03일러스트레이터(Illustrator) 한글에서 영문으로 바꾸는법 한국어→영어  (16)2020.11.02일러스트(illustrator)로 쉽게 누끼따는 방법 (뒷배경 제거 법)  (0)2020.11.01

어도비 일러스트레이터에서 작업물을 완성했을 경우, 저장(save)은 내 작업물의 진행도를 Ai파일 형식이나 외의 다른 형식으로 저장하는 행위입니다. 하지만 이 저장(save) 기능을 사용했을 때 jpg, png와 같은 이미지 파일로 저장되는 것은 아닙니다. 여러가지 툴들을 사용해봤으면 아실겁니다. 최종적으로 작업물을 이미지 파일로 뽑아낼 때에는 내보내기(export) 기능을 사용해야 합니다.

 

이번 포스팅에서는 일러스트레이터에서 작업물을 내보내기(export)하는 방법에 대해서 설명드리겠습니다.


내보내기(export)

일러스트 화면에 맞게 내보내기 - illeoseuteu hwamyeon-e majge naebonaegi

위에서 간략하게 설명했듯이, 작업물을 완성한 후에 jpg나 png와 같은 이미지 파일로 만들려면 내보내기(export)를 해야합니다. 내보내기의 경로는 사진과 같이 File - Export 를 누르면 됩니다. 그러면 3가지 옵션이 뜨는데요. 

  • Export for Screen: 한 캔버스에 아트보드를 여러개 생성했을 경우, 여러가지 작업물을 한꺼번에 뽑아낼 때 유용한 기능입니다.
  • Export As: 기본적으로 많이 사용하게 되는 내보내기 옵션입니다. 빠르게 원하는 이미지 형식을 골라 뽑아낼 수 있습니다.
  • Save for Web:  웹용 이미지는 보통 사이즈가 작아야하기 때문에 이 경우에 사용하기 좋습니다.

하나씩 구체적으로 설명하겠습니다.


Export for Screen

일러스트 화면에 맞게 내보내기 - illeoseuteu hwamyeon-e majge naebonaegi
4개의 아트보드에 각각 도형을 그려놓았습니다.

 

설명을 위해 캔버스에 4개의 아트보드를 생성하고 간단한 도형 작업물을 만들었습니다.

이렇게 여러 아트보드에 동시에 작업했을 경우, Export for Screen 옵션을 사용하면 좋습니다. 

 

일러스트 화면에 맞게 내보내기 - illeoseuteu hwamyeon-e majge naebonaegi

Export for Screen 옵션을 누르면 나오는 화면입니다. 직관적으로 각 아트보드에 있는 작업물을 보여주고 이를 뽑을 것인지에 대한 체크박스가 나와있습니다. 체크박스를 해제하면 그 아트보드의 작업물은 내보내기(export) 되지 않습니다.

 

만약 아트보드1과 아트보드2만 뽑고 싶다면 해당 아트보드만 체크하거나, Range 항목에서 1-2 라고 적으면 아트보드1과 아트보드2만 선택되어 내보내기 됩니다.

 

일러스트 화면에 맞게 내보내기 - illeoseuteu hwamyeon-e majge naebonaegi
full document 항목을 체크했습니다.

Full Document 항목을 체크할 경우, 위의 사진과 같이 1~4 아트보드에 있던 작업물들이 하나의 이미지로 합쳐져 내보내기 됩니다.


Export As

이 옵션은 일러스트레이터로 작업물을 내보내기(export) 할 때 가장 자주 사용하게 되는 옵션입니다. 가장 간결하고 직관적인 내보내기 방법입니다.

일러스트 화면에 맞게 내보내기 - illeoseuteu hwamyeon-e majge naebonaegi

 

위 사진과 같은 작업물을 내보내기(export) 하기 위해 Export As 옵션을 눌러보았습니다. 

 

일러스트 화면에 맞게 내보내기 - illeoseuteu hwamyeon-e majge naebonaegi

해당 창에서는 저장 위치, 파일 이름, 파일 형식, 아트보드 내의 것만 내보낼 것인지(Use Artboard), 내보낼 아트보드 범위(Range)와 같은 내용들을 수정할 수 있습니다.

  • Range의 경우 위에 설명한 Export for Screen 옵션의 Range 항목과 같이 내보내기 할 아트보드의 범위를 정할 수 있습니다. 현재 위 사진은 아트보드를 1개만 생성해 내보내기 했기 때문에 Range에 1 밖에 없습니다.

일러스트 화면에 맞게 내보내기 - illeoseuteu hwamyeon-e majge naebonaegi
일러스트 화면에 맞게 내보내기 - illeoseuteu hwamyeon-e majge naebonaegi

가장 중요한 것은 Use Artboard 항목을 체크하는 것입니다. 아트보드 선 내의 작업물만 내보낼 것인지, 아니면 아트보드 밖으로 삐져나간 작업물까지 내보낼 것인지 고르는 항목입니다.

  • 위의 사진을 보면 왼쪽은 Use Artboard 항목을 체크해 내보내기한 결과물입니다. 아트보드 선 안의 작업물만 예쁘게 잘려 내보내기 되었습니다. 오른쪽은 Use Artboard 항목을 체크하지 않고 내보내기 했습니다. 결과, 아트보드 밖으로 나간 도형까지 전부 내보내기 되었습니다.

파일 형식(T) 항목에서 원하는 파일 형식을 꼭 골라주어야 합니다. JPG, PNG 와 같은 형식을 고를 수 있습니다.

일러스트 화면에 맞게 내보내기 - illeoseuteu hwamyeon-e majge naebonaegi

JPEG 형식으로 내보내기를 선택하고 Export를 누르면 뜨는 창입니다. JPEG 파일 형식에서 고를 수 있는 옵션들을 보여줍니다.

 

Color Model에서 RGB/CMYK를 고를 수 있습니다. (인쇄하는 경우가 아니라면 굳이 건드릴 필요 없는 항목입니다.) 또한 Quality 항목에서는 이미지의 퀄리티, 질을 정할 수 있는데 당연하게도 이 퀄리티를 높히면 높힐수록 파일의 크기가 커질 것입니다.

 

그 외의 옵션으로는 압축방식(compression method), 해상도(resolution), 안티-앨리어싱(Anti-aliasing)을 설정할 수 있습니다.


Save for Web

일러스트 화면에 맞게 내보내기 - illeoseuteu hwamyeon-e majge naebonaegi

Save for Web(웹용으로 내보내기)를 선택한 경우 뜨는 창입니다.

위를 보면 Original, Optimized, 2-Up 이렇게 세 가지 옵션이 있습니다. 사진에서 저는 2-Up 옵션을 선택해 Original과 Optimized 항목이 동시에 보이게 했습니다. 밑에 파일 사이즈를 보면 Original은 230k, Optimized는 3.724k로 Optimized로 파일을 뽑을 경우 이미지 파일의 용량이 훨씬 작다는 것을 알 수 있습니다.

 

일러스트 화면에 맞게 내보내기 - illeoseuteu hwamyeon-e majge naebonaegi

위 사진의 창을 보시면 일러스트레이터에서 친절하게 프리셋을 만들어 두었습니다. Name 항목에서 원하는 파일 형식과 퀄리티를 골라주면 일러스트레이터가 알아서 옵션을 지정해 내보내기 해줍니다.

 

GIF 형식을 선택하면 직접 고를 수 있는 옵션들이 있습니다. transparency 항목은 배경을 PNG처럼 투명하게 할 것인가에 대한 선택항목입니다. 이미지 사이즈를 조정하고 싶다면 Image Size 부분에서 수정, 설정할 수 있습니다.