본문 바로가기

기획/Adobe XD

Adobe XD 활용. 패스 만들기

간단한 도형그리기에 이어서 이번엔 조금 어려운걸 보여드리려고 합니다. 

 

정말 생소한 경우에는 접근하는 것보다 편집이 조금 어려운 벡터기반 요소 만들어서 편집하기. 

 

우선, xd로 작업한 도형들 R(사각형), E(동그라미), Y(다각형; 왼쪽에 각 개수를 정할 수 있습니다.) 를 비롯해서 입력하는 폰트도 적용이 가능합니다. 

 

도형인경우에는 벡터로 변환이 상당히 쉬운 편입니다. 

도형 누르고 엔터 

각 꼭지점에 (원인경우에는 위, 아래, 좌, 우) 선택할 수 있는 점이 나타나고, 

그걸 누르시면 원하시는대로 편집이 가능해집니다. 

 

사실 전환하는데 제일 효과를 많이 보는건 폰트같은데, 

글자를 입력하고, control + 8 을 누르시면 변환됩니다. (패스로 변환) 

전환 이후에는 다른 도형처럼 사용도 가능하고, 문자를 다른 그림들처럼 사용도 가능해집니다. 

 

그럼 간단하게 살펴드릴게요. 

왼쪽의 글자를 누르면 폰트정보가 나오고, 오른쪽 패스를 누르면 당연히 폰트정보가 안나오죠.

 

텍스트편집과 마찬가지로 편집은 편집할 패스를 선택한 상태에서 enter를 누르시면 됩니다. 

그럼 위와같이 점들이 잔뜩 나타나고, 간단히 점 몇개만 편집해주면, 

이렇게, 패스의 점 몇개만 편집해가면서 간단한 폰트를 이용한 이미지 제작도 가능합니다.