일러스트레이터 jpg, png, gif 저장하기 - Save for Web

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

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

방법을 알아봅시다. 

 

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

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

단축키 Ctrl + Shift + Alt + S를

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

 

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

가도 됩니다.

 

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

Preset

 

Image Size에서 저장될 이미지의

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

 

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

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

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

 

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

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

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

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

맞추는 것을 선호합니다.

저장될 이미지 크기 설정

 

png, gif의 경우 따로 배경에

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

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

투명 배경으로 저장하기

 

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

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

저장할 수 있습니다.

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

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

Export As...

 

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

선택한 파일 포맷에 따라

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

 

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

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

jpg 내보내기 옵션

 

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

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

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

png 내보내기 옵션

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

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

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

일러스트에서 포토샵으로 내보내기 옵션

 

저는 Ctrl + Shift + Alt + S 가

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

 

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

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

사용해보시기 바랍니다.