아이콘+패턴+텍스쳐까지 한번에 복사 붙여넣기 : visiwig

아이콘+패턴+텍스쳐까지 한번에 복사 붙여넣기 : visiwig

 

웹 기반의 신박한 디자인 서비스들 중,

이제 클립보드 복사 붙여넣기 까지 구현해 낸!!!

정말 편리한 사이트가 있어서 소개해보려고 합니다.

바로 visiwig 이라는 사이트 입니다.

 

이제 디자인 기술들이 점점 웹으로 구현이 되어서

무거운 프로그램들은 쓸모 없어질 날이 멀지 않은 것 같네요.

---

처음 사이트에 들어가면

클릭 + 붙여넣기로 그래픽을 만들 수 있다는 안내문과 함께

아이콘. 패턴. 텍스쳐 세가지 메뉴를 확인할 수 있습니다.

 

 

 

 

이 항목들은 왼쪽 메뉴(LNB)에서도 선택이 가능한데요.

하나하나 차근히 기능을 살펴 봅시다. : )

 

 

 

2. 아이콘 만들기

 

아이콘의 타입을 솔리드/스플래쉬 타입으로 고를 수 있는데

솔리드 타입의 아이콘 종류가 훨씬 더 많이 제공되고 있습니다.

우측 옵션에선 아이콘의 색상, 사이즈를 고를 수 있고

어떤 모드로 복사 붙여넣기를 할건지 선택할 수 있습니다.

CSS로 선택하여 바로 코드화 시키거나, SVG 그래픽으로 다운받을수도 있죠.

 

 

---

 

2. 자유롭게 패턴 만들기

 

아무래도 이 사이트에서 주력으로 밀고 있는 기능인 것 같은데요.

약 30여종의 패턴 스타일을 제공하고 있고, 유료서비스론 100종이 제공되더라구요.

 

스크린톤을 떠올리게하는 수 많은 패턴들...

이걸 손으로 직접 만들려고 하면 진짜 골치 아플텐데 말이죠 ㅋㅋ

 

패턴 만들기에도 여러가지 옵션이 제공 됩니다.

스케일로 패턴의 사이즈를 줄이고, 회전을 할 수도 있구요.

컬러와 스트로크도 마음대로 설정할 수 있습니다.

다만 이 패턴메뉴도 일러스트레이터 복사가 되었으면 했는데,

안타깝게도 SVG로 다운로드 하는 기능만 제공 되더라구요.. 

 

 

---

 

 

마지막으로 제가 가장 감탄했던 "텍스쳐 만들기" 입니다.

 

우측의 옵션들을 통해 텍스쳐가 뿌려지는 로직을 만질 수 있습니다.

밀도와 퍼짐 정도, 그리고 외곽의 R값과 투명도 등등을 설정할 수 있죠.

하지만 텍스쳐 만들기에서 가장 신기했던 건

우측 Export에 있는 "일러스트레이터" 버튼입니다.

 

이 버튼을 클릭하면 만들었더 텍스쳐가 복사가 되고,

일러스트레이터에서 가서 컨트롤+V만 해주면

 

이렇게 바로 붙여넣기가 되거덩요!!

아..편해요..정말..

불규칙적인 패턴이나 기하학적인 느낌을 내고 싶었던 분들은

이 기능, 꼭 써보시길 바랍니다.

 

---

 

www.visiwig.com

VISIWIG | Visuals for busy designers

 

 

Posted By. BONSAE

Bonsae.tistory.com