사이트 및 디자인 배경 등에 사용할 벡터 형식 SVG 패턴 작품집 “Book of Shapes”는 다양한 SVG 패턴을 카테고리별로 볼 수 있으며, 파라미터를 조절하여 커스터마이징한 후 포스터를 제작할 수도 있습니다. Book of Shapes https://bookofshapes.com/ 사이트에 접속하면 UI 개발 및 AI 전문가인 니콜라이·소콜로프스키 氏가 만든 SVG 패턴 목록을 확인할 수 있습니다. 기사 작성 시점에서는 36 종류의 SVG 패턴이 공개되어 있었습니다.
관심 있는 SVG 패턴을 클릭합니다.
개별 페이지에서는 오른쪽의 파라미터를 조작하여 SVG 패턴을 독자적으로 커스터마이징할 수 있습니다. 이번에 선택한 “Chevron Blocks”에서는 “Bands(선의 수)”, “Taper(두께의 그라데이션)”, “Band Ratio(선의 두께)”, “Blocks(블록의 수)”, “Seed(전체의 방향)”를 조작할 수 있습니다.
실제로 파라미터를 조작하여 커스터마이징해 보았다 다음이 나타났습니다. “Save variation”를 클릭함으로써, 커스터마이징한 내용은 저장됩니다.
또한 “Make a poster”를 클릭하면, 제작한 SVG 패턴에서 포스터 풍의 이미지를 만들 수 있습니다.
포스터 생성 화면은 다음과 같은 느낌입니다. 참고로, SVG 패턴에서 포스터와 같은 이미지를 만들 수 있다는 것이며, 텍스트를 변경하거나 상세한 디자인을 수정하는 것은 불가능합니다.
좌우의 화살표를 클릭하면 포스터 디자인이 변경됩니다.
또한, “Recolour”를 클릭하면 포스터 디자인의 색상이 변경됩니다.
포스터 이미지가 완성되면 “Save this sheet”를 클릭하여 사이트에 저장합니다.
또한, 상단의 다운로드 버튼에서 SVG 파일을 다운로드할 수도 있습니다.
이번에 제작한 SVG 이미지는 다음과 같은 느낌입니다. Book of Shapes로 제작한 콘텐츠는 모두 저작권 없이 상업적 이용, 제품에 사용, 수정이 가능합니다. 단, SVG 패턴을 패턴 그대로 재배포하거나, 생성기를 판매하거나 배포하는 것은 라이선스 대상이 아닙니다. 자세한 내용은 Licence 페이지에서 확인하실 수 있습니다.
원문 보기 | 출처: Gigazine