[포토샵 팁] 텍스트를 도형(shape)으로 바꾸는 방법

 텍스트를 도형으로 바꾸는 방법

 

 

타이틀 작업을 하던 중 텍스트를 도형화 하는 방법을 필요했는데 이 방법을 몰라서 많이 헤맨 경험이 있습니다. 폰트 변형 없이 텍스트에 이펙트를 줄때는 크게 필요성을  못느꼈는데, 폰트에 변형을 줘야 할 땐 폰트 속성을 깨고 이미지화 시킨 후 나머지 작업을 해야 했습니다. 그런데 기껏 만들어 놓은 작업물 크기를 키워야 한다던가, 다른 수정이 필요하게 되면 처음부터 다시 해야 되는 일이 종종 생겼습니다. 그래서 대안으로 생각한게 픽셀(pixel) 단위인 이미지화 대신 벡터(vector) 단위인 도형화로 바꿔 사용하는 것이었습니다. 그런데 정확히 어떻게 하는지 몰랐던 게 문제였죠. 분명 포토샵에서 그 기능이 가능하단 것은 알고 있었는데, 여기 저기 검색을 해봐도 딱 원하는 답이 나오지는 않았습니다. 결국 여러 시행착오 끝에 겨우 방법을 찾아냈습니다. 문제를 해결하긴 했지만, 이 기능을 안쓰다보면 또 까먹을 것 같아서 기록으로 남기는 게 필요할 것 같았습니다. 또 혹시나 이런 정보가 필요한 사람이 있을 수 있으니 도움이 되길 바라면서 간단하게 정리해 보도록 하겠습니다.

 

---

1. 타입툴로 텍스트를 작성

일단 타입 툴을 선택하고 아무 글자나 써줍니다. 예시로 쓰는 것이기 때문에 그냥 Text라고 써보겠습니다. 

 

 

---

2. aa - 안티 알리아싱(Anti-aliasing) 옵션을 None으로 변경

혹시 이 캐릭터창이 화면에 없다면 window 탭에 가면 찾을 수 있습니다. 레이어창에서 텍스트 레이어를 선택하고 캐릭터창 우측 최하단 aa안티알리어싱 옵션을 클릭합니다. 제일 첫번째 None을 선택합니다. 나머지 옵션에 대해선 하단에 설명 추가하겠습니다.

※ 안티알리어싱 None이 선택되지 않으면 다음 단계에서 Convert to Shape 옵션이 뜨지 않습니다.

 

 

 

 

 

 

 

 

---

3.  텍스트 레이어 우클릭 후 Convert to Shape 선택

Text 레이어를 선택하고 글자부분 우측 아무곳이나 마우스를 올리고 우클릭합니다. ([T]자에서 우클릭하면 다른 옵션이 나오니 우측 빈칸에서 우클릭 하세요.)

컨버트 투 쉐입을 선택하면 Text 레이어는 더이상 폰트가 아니게 됩니다. 더이상 선택해서 폰트 종류를 바꾸거나 글자 크기를 조절할 수 없습니다. 이제 이 레이어는 모서리가 살아있는 도형(Shape)이 됩니다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

원래 폰트 레이어였던 Text는 이제 도형 레이어로 변경되어 좌측 아이콘 모양이 바뀌었습니다.

728x90

 

---

4.  도형 꼭지점 변형시키기

 

레이어 창 아이콘은 바뀌었지만 화면의 이미지는 그냥 봐서는 뭐가 변한지 잘 모를 수 있습니다. 도형으로 잘 바뀌었는지 확인해 보려면 꼭지점을 체크해야 합니다. 도형 모서리의 꼭지점은 다이렉트 선택툴을 선택하면 확인할 수 있습니다. 단축키는 A입니다. (Shift를 누르고 a를 한번 더 누르면 두번째 다이렉트 셀렉션 툴이 선택됩니다.)  

 

 

 

 

이제 도형으로 바뀐 Text 레이어를 느낌 있게 바꿔보겠습니다. 다이렉트 선택 툴로 모서리 꼭저점을 선택해서 원하는 방향으로 변형시켜 줄 수 있습니다. 적당하게 감각적으로 강약을 주도록 해보세요. 상하좌우로 꼭지점 위치를 조절할 수 있고, 펜툴로 꼭지점을 추가하거나 뺄 수도 있습니다. 일단은 간단하게 위치 조정만 시켜 보겠습니다.

 

 

 

 

 

 

 

---

5.  완성

원하는 대로 꼭지점을 바꿔주었다면 이제 완료입니다. 추가적인 이펙트가 없는 단일 레이어지만 그냥 폰트였던 때의 단조롭던 글자가 생동감 느껴지는 디자인으로 바뀌었습니다. 여기에 여려겹 레이어를 쌓아가며이펙트를 입혀준다면 멋진 타이틀 디자인이 될 수 있습니다. 이 결과물만 봤을땐 그냥 펜툴로 그려내는 것과 무슨 차이냐 할 수 있는데, 지금 만들어 낸 파일은 도형으로 작업되어 크기를 늘리고 줄여도 이미지 손실이 없습니다. 텍스트를 이미지화 했을 때 크기 조절을 하면 픽셀 손상이 있지만 이 작업물은 그런 수정에 아무 영향을 받지 않습니다.

일단은 기본 개념을 정리하기 위함이니 여기서 정리하구요, 기회가 된다면 이걸 토대로한 심화과정이나 또 다른 포토샵 팁들을 정리해서 올리도록 하겠습니다.

 

 

 

 

---

+ 그리고 부가적으로 위 2번에서 캐릭터 창 안티알리어싱 창 옵션 다섯가지에 대해서 짚고 가겠습니다.

• None : 아무 효과도 적용하지 않음
• Sharp :  경계면을 선명하게 적용
• Crisp : 경계면이 자연스럽게 적용 
• Strong :  경계면을 두껍게 적용
• Smooth : 경계면을 부드럽게 적용