[Figma] 넷플릭스 글씨 효과 따라하기(Warp Text)

피그마로 넷플릭스 로고 글씨체 효과를 낼 수 있을까?
로고 디자인을 하다가 넷플릭스 로고처럼 한쪽면이 구부러지는 글씨 효과를 내고 싶어졌다.

해당 효과의 이름도 몰라서
피그마 플러그인을 쫙 둘러보다가 야무진 친구를 하나 찾았다.

Warp Text
텍스트를 다양한 형태로 왜곡시키는 효과

🪄 Warp It

벡터 형태를 왜곡, 구부리고 변형할 수 있는 간단한 플러그인이다.

[Warp It] 플러그인 바로가기

기능은 아래와 같다.

• 그리드 복잡도: 벡터 모양을 왜곡시킬 때 그리드의 복잡도 조절
• 보간 수준: 왜곡 및 변형에 사용되는 보간 수준 조절
• 실시간 변경: 변경사항 실시간으로 적용
• Shift 키로 축 잠금: Shift 키를 누르고 드래그하면 해당 축 잠금

🏃 실습해보자.

어렵게 느껴지지만, 사용법은 간단하다.

1. 플러그인 [warp it] 검색

상단 메뉴바에 플러그인으로 [warp it]을 검색한다. 그럼 제일 위에 해당 기능이 뜬다. 보라색 구부러진 아이콘을 누르면 바로 쓸 수 있다.

2. 점 개수 설정하기

그럼 끝이다. 점을 움직이면 원하는대로 편집할 수 있다.
점의 개수를 늘리거나 줄이고 싶다면 우측 하단의 설정(톱니바퀴)으로 조절하면 된다.

3. 결과 적용하기

원하는 그리드 변경을 끝냈다면, 우측 하단의 [APPLY RESULT] 버튼을 누르면 끝이다. 결과물은 이렇다. 두둥

왼쪽은 변경 전, 오른쪽은 변경 후이다. 꽤나 그럴듯하다 .^^

해당 기능은 텍스트 뿐만 아니라 그림과 도형에서도 적용할 수 있다. 응용할 수 있는 게 많아서 유용하게 잘 쓸 듯 하다.

다짐...

+ 호기심이 많아 피그마 플러그인을 이것저것 사용해봤는데,
앞으로 유용한 툴들을 정리해둬야겠다.