본문 바로가기

Design

이미지를 폴리곤화해주는 사이트_triangulator


폴리곤이미지 만들기

http://somestuff.ru/filter/HTML5/I


폴리곤이미지를 만드는데 손이 꽤 많이 가는 편이다.

폴리곤이미지를 손쉽게 만들 수 있는 방법이 있다길래 냉큼 사용해보았다.




튜토리얼은 이 동영상을 보면 되고, 하단에 here 링크를 통해 다운로드받는다.





다운로드 받은 폴더안에 index.html을 열면 위와 같은 것이 열린다. 

Drop your bitmap here영역에 이미지를 던져넣고 작업을 시작한다.






테스트용으로 만들어본 수달이미지.



이미지를 넣자마자 자동으로 만들어주는 것은 아니고 어느정도는 클릭클릭으로 영역지정은 해야한다.

하지만 쉐잎을 자동으로 쪼개주고 밑단에 깔린 이미지를 토대로 그라데이션을 깔아주므로 한땀한땀 그리는 것보다는 훨씬 수월하다.

다만 복잡한 사진에는 쉐잎과 컬러가 쉽게 무너지므로 사용하기 어려울 듯 싶다.

가능은 할 수 있겠다만, 단순화하기 어렵다는 점과 그 영역을 조정하는데 들 시간을 고려하면 그렇다.

간단한 이미지를 폴리곤화하기에 아주 편리한 사이트.



'Design' 카테고리의 다른 글

디자인과 개발 아웃풋의 컬러가 다르다면 ?  (0) 2018.11.20
git-sketch-plugin 사용후기  (0) 2017.06.09
이미지를 폴리곤화해주는 사이트_triangulator  (0) 2016.09.11
UX&UI 기획 1강  (0) 2016.06.21
UX&UI 기획 11강  (1) 2016.06.12
모바일 GUI 기초 3강  (0) 2016.05.15