홈페이지 작업을 할 때 로고 파일을 받아서 작업하게 된다. 기본적으로 홈페이지는 언제 어디에서 로고가 나올지 예상할 수 있고, 따라서 총 8개 정도의 로고 파일이 필요하다.
- 어두운 색 배경에 쓰일 – 가로배열/세로배열/로고만/이름만
- 밝은 색 배경에 쓰일 – 가로배열/세로배열/로고만/이름만
그래서 AI 파일을 받으면 대부분 이렇게 생겼다. 아트보드가 2개로 되어 있고, 각 아트보드에 4가지가 함께 담겨 있는 방식이다. 여기서 AI 파일 PNG 내보내기를 할 수 있는 방법이 있을까?
AI 파일 PNG 내보내기

이걸 각각의 AI 파일 PNG 내보내기로 뽑아내려면 어떻게 해야할까? 나도 처음에는 굉장히 어려워했는데 의외로 쉬운 방법이 있었다. 일러스트레이터가 이런 걸 하라고 만들어진 프로그램이니 잘 찾아보면 된다.

가장 먼저 하나의 에셋을 선택한 후에 마우스 오른쪽을 눌러 뜬 메뉴에서 아래쪽의 에셋으로 내보내기를 선택한다. 그런 다음 여러 에셋(M) 을 선택한다.

그럼 그림처럼 왼쪽에 “자산 내보내기”가 뜨는데, 여기에 각 에셋을 끌어다가 추가하면 된다. 총 8개의 에셋을 끌어다가 추가할 수 있고, 그 다음 내보내기를 누르면 폴더를 선택하여 각각의 png 파일을 얻을 수 있게 된다.

사이즈별로 내보내기
그런데, 이렇게 뽑은 png 파일은 사이즈가 작다. AI 의 장점을 이용하지 못하는 것이다. 그럴 때는 왼쪽 밑의 내보내기 설정에서 크기 옵션을 2개 정도 추가해서 뽑아주면 된다. 나의 경우 1배, 2배, 4배까지 추가해서 뽑는 편이다.

그럼 실제로 이렇게 뽑히게 되는데, 이 중에서 홈페이지에 적당한 것을 골라서 사용하면 된다.

여기까지 로고작업 일러스트레이터 AI 파일 PNG 내보내기 2배 4배 개별 항목로 내보내기에 대해서 알아보았다.
끝.