Tip/Illustrator

[일러스트]일러스트파일을 포토샵으로 가져오기

Woody SEO 2013. 12. 4. 16:13
반응형


앞서, 이 글의 핵심만 말하자면 다음과 같습니다. 


일러스트레이터(AI)에서 작업한 파일을 포토샵으로로 불러오돼, 일러스트에서 작업했던 레이어 정보를 그대로 포토샵으로 가져 오는 방법 입니다.


디자인 작업을 하다보면 일러스트레이터에서 작업한 레이어들에게 효과등을 입히기 위하여 포토샵으로 다시 불러와서 마무리를 짓는 경우가 종종 생길 수 있습니다.

개인적으로, 이 방법을 알기전에는 그저 일러스트에서 만든 객체(레이어)를 하나씩 command + C(복사) 포토샵에서 command + V(붙여넣기) 방법으로 일일이 다 붙여 넣었습니다.



가령 위의 그림처럼 일러트스레이터에서. 각각 레이어별로 완성된 엠블럼형 로고가 있다고 가정을 합니다.



▲ 분해도


위의 완성도를 내가 원하는 레이어별로 각각 분해한 모습입니다.



그리고 이 중 하나(일러스트에서 작업한 레이어)를 포토샵으로 가져 오기 위해서, 원하는 객체(레이어)를 하나 잡고, 'command(ctrl) + C' 로 복사하여 다시 포토샵으로 가서 'command(ctrl) + V' 로 붙여넣기 하여 가져 올 수 있습니다.




▲ 일러스트의 레이어를 포토샵으로 가져 올때 모습



이렇게, 일일이 하나씩 다 가져 오면 포토샵으로 모두 내가 원하는 레이어별로 가져올 수 있습니다.  하지만! 이렇게 가져 온다면.. 일일이 위치도 다시 잡아줘야 하고 레이어가 무수히 많을 경우엔 정말 답이 없습니다. 


이제, 아래의 방법으로 쉽게 일러스트에서 작업한 파일을 그대로 포토샵으로 위치등의 변함없이 내가 원하는 레이어별로 한방에 가져오는 방법을 알아 보겠습니다.



01.일단, 위의 그림처럼 일러스트레이터(Illustrator)에서 작업한 엠블럼형 로고가 하나 있다면, 레이어 정보를 보면 당연히 무수히 많은 레이어별로 정신없이 나열되어 있을 것이다. 이 레이어를 그룹화만 잘 지어 주면 된다.



02.내가 원하는 레이어별로 포토샵으로 가져 가기 위해선, 각각의 레이어를 그룹화만 시켜 주면 되는데, 우선적으로 전체레이어를 드래그 하여 선택한뒤, Object - Ungroup 시켜준다.



▲ 전체 레이어가 'Ungroup'된 레이어 정보



03.전체 레이어를 Ungroup시켰다면, 이제, 내가 포토샵에서 덩어리채로 가져올 레이어를 하나씩 잘 선택하고 'Group(command + G)'화 시켜준다. 단, 단 하나의 레이어라도 반드시 그룹화 시켜야 한다.



▲ 내가 원하는 덩어리들을 그룹화 시키는 모습.

(하나로 이루어진 레이어라도 반드시 그룹화 시켜야 한다)



04.이렇게 포토샵으로 가져올 레이어들을 내가 원하는 레이별로 그룹화 시킨다면, 위의 그림처럼 레이어 정보가 된다.(후에 포토샵으로 불러오면 위의 레이어 정보의 그룹과 똑같이 포토샵 레이어로 불러온다)



05.작업이 다 끝났다면, File - Export 를 눌러, AI파일을 PSD파일로 내보낸다.


06.위치를 지정하고 포맷(Format) 형식을 포토샵(PSD)로 변경 한뒤, 아래의 Export를 누른다.


07.기본적으로 해상도가 150ppi가 되어 있는데, 내가 원하는 컬러모드와 해상도로 변경하고 OK를 누르면 AI파일이 PSD파일로 변환되어 저장 된다.



▲ AI파일이 PSD파일로 저장된 모습



이제, PSD파일을 열어보면 위의 그림과 같이 일러스트레이터에서 그룹화 시켰던 레이어 정보 그대로 포토샵으로 각각의 레이어로 불러 오게 된것을 볼 수 있다.


아마.. CS4버전 부터 포토샵과 일러스트레이터 간의 라이브 기능이 발전하게 되면서 가령, 포토샵에서 불러온 AI파일을 작업하다가 AI파일을 수정하고 저장한뒤, 다시 포토샵으로 오면 바로바로 변경되는(LIVE) 라이브 기능이 가능케 되었습니다. '알면 알 수록 몸이 편하다'라는 말 처럼 위의 방법을 몰랐을 땐, 그저 일일이 일러스트레이터에서 복사하고 포토샵에서 붙여넣으며 위치를 맞추곤 했는데, 이젠 그럴 필요가 없어졌습니다. 아무쪼록 디자인 작업 하시는 분들에게 좋은 팁이 되는 글이 였으면 합니다. 감사합니다.


아래는 예제 로고의 완성작 링크 입니다.


■ 2013/11/18 - [GUI/UI/UX/11月 - November] - [로고제작]SHANGPREE


반응형