SVG 물결 생성기

SVG 물결 생성기 사용 방법

SVG 물결 생성기는 바로 붙여 넣을 수 있는 깔끔한 SVG 코드로 겹겹의 물결 모양을 만들어 줍니다. 각 레이어는 공용 2색 선형 그러데이션으로 채워진 부드러운 3차 베지어 곡선이라, 히어로 섹션 배경이나 페이지 구분선, 푸터 장식에 딱 좋습니다. 모든 것이 브라우저에서 생성되며 아무 것도 업로드되지 않습니다.

1. 「레이어」 선택기에서 원하는 레이어 수(1~5)를 고르세요. 레이어는 뒤에서 앞으로 그려지므로 새 레이어가 이전 레이어 위를 덮습니다.
2. 두 개의 색상 선택기로 그러데이션의 시작색과 끝색을 고르세요. 모든 레이어가 이 선형 그러데이션을 공유합니다.
3. 각 레이어를 네 개의 슬라이더로 미세 조정하세요. 「기준선 높이」는 물결을 위아래로 옮기고, 「진폭」은 파도 봉우리의 높이를 정하며, 「파장」은 봉우리 사이 가로 간격을 조절하고, 「부드러움」은 곧은 지그재그 선(0%)에서 완전한 정현파형 3차 베지어 곡선(100%)까지 이어 줍니다.
4. 「무작위 생성」을 누르면 레이어 수·모양·색의 새 조합이 순식간에 만들어집니다. 마음에 들 때까지 눌러 보세요.
5. 「SVG 다운로드」로 .svg 파일을 저장하거나 「소스 복사」로 전체 SVG 마크업을 클립보드에 넣으세요. 어떤 HTML 파일이나 디자인 도구에도 바로 붙여 넣을 수 있습니다.

웹사이트 섹션 구분선으로 쓸 때는 SVG를 두 블록 사이에 놓고 폭 100%로 늘어나게 두세요. viewBox가 어떤 크기에서도 곡선을 왜곡 없이 유지합니다. 부드러움을 낮추고 파장을 짧게 하면 손그림 느낌이, 부드러움을 최대로 하고 파장을 길게 하면 잔잔한 바다 같은 느낌이 납니다.