[figma] 물결 디자인이 이렇게 쉽다고...? 웨이브 만드는 꿀 플러그인 : Get Waves
안녕하세요. 당근입니다.
오늘은 피그마 커뮤니티를 돌아보던 중 발견한 꿀 플러그인! Get Waves를 소개해드릴게요.
먼저 플러그인을 설치해볼까요?
피그마에서 파일을 열고 Plugins - Browse plugins in Community로 가셔서 Get Waves를 검색하고 설치하세요.
Plugins - Get Waves를 선택해서 플러그인 실행!
주사위를 굴려서 슬라이더 위치에 따라 어떤 느낌의 물결이 생기는 지 감을 잡아보세요.
원하시는 모양이 나올 때 까지 굴려 보셔도 되고요.
슬라이더가 오른쪽으로 갈 수록 마루와 골의 양이 많아집니다.
슬라이드를 원하는 곳에 위치시킨 후 주사위를 굴려 알맞은 모양이 나올 때 까지 주사위를 굴립니다.
그리고 Create를 누르면 벡터 쉐입이 만들어져요.
이런 모양을 만들었는데, 위치를 시켜보니까 너무 낮은 곳에 있는 것 같아요.
그럴 땐 더블 클릭해서 쉐입을 바꿔주면 됩니다.
저는 이렇게 아래 부분만 늘려 쉐입을 편집해주었습니다.
100% 마음에 드는 모양이 아니더라도 비슷한 웨이브를 만든 후 조금씩 곡선의 완만을 조절해보세요.
여러개의 웨이브를 만들어 겹치면 우리가 아는 바로 그 스타일의 배경이 만들어집니다.
은근히 패스로 그리려면 귀찮고, 조절도 많이 해야하는데 Get waves 를 사용하면 훨씬 간단하게 만들 수 있겠어요.
이전에 포스팅했던 Blob 모양 만드는 플러그인도 한 번 둘러보세요!
플루이드 디자인에 엄청 유용하답니다.
당근이었습니다.
2021.06.24 - [분류 전체보기] - [피그마 figma] 피그마에서 Blob 오브젝트를 쉽고 빠르게 만들어보자.
'디자인 > 피그마' 카테고리의 다른 글
[figma] 인터페이스가 죄다 사라졌어요. 사라진 피그마 UI 1초 해결 (0) | 2022.07.08 |
---|---|
[figma] 피그마 2022년 5월 업데이트! 테두리 한쪽만 하기 (0) | 2022.05.24 |
[figma]피그마에서 백그라운드 블러(background blur) 만들기 (1) | 2021.11.09 |
[figma] 피그마 작업 전에 해야할 필수 과정! 레이아웃 그리드 세팅하는 방법! (0) | 2021.11.01 |
[figma] 피그마에서 스크롤 할 때 요소 고정하기(내비게이션, 하단 탭, 플로팅 UI 등) (4) | 2021.08.27 |
댓글