[피그마 figma] 피그마에서 Blob 오브젝트를 쉽고 빠르게 만들어보자.

[피그마 figma] 피그마에서 Blob 오브젝트를 쉽고 빠르게 만들어보자.

안녕하세요! 당근입니다.

알록달록하게 귀여운 디자인부터 사진을 활용한 깔끔하고 힙한 디자인까지 널리 쓰이는 Blob 쉐입를 아시나요?

혹시 모르시는 분들을 위해 구글에서 검색해온 이미지 결과들입니다.

blob을 활용한 그래픽 디자인

이걸 보니까 뭔지 확 와닿으시죠?

바로 자연스러운 얼룩 모양을 재현해서 유기적인 느낌을 주는 디자인입니다.

일러스트나 피그마 등등 그래픽 디자인 프로그램에서 패스로 쉽게 만들 수 있는 오브젝트지만, 은근히 직접 만들려면 뭔가 부자연스럽고 계속 실행취소 단축키를 누르게 된답니다.

그래서 오늘은 피그마에서 플러그인을 활용해 쉽고 빠르게! Blob 모양을 만들어보겠습니다.

https://www.figma.com/community/plugin/739208439270091369/Blobs

Figma - Blobs | Create organic blob shapes with the click of a button. Every shape that is generated is unique to...

위 링크에 접속하셔서 플러그인을 설치하세요.

blob 설치

인스톨 버튼만 누르시면 설치 끝입니다.

 

Plugins-Blobs

작업하는 피그마 파일에 들어가셔서 메뉴-Plugins-Blobs을 선택하세요.

Blobs

Complexity와 Contrast 값을 입력하고 Make blobs를 클릭하면?!

 

blob 완성

짜잔. 이렇게 자연스러운 blob 모양이 만들어집니다.

Complexity는 튀어나올 부분의 많고 적음이라고 생각하시면 되고, Contrast는 그 튀어나올 부분을 기준으로 얼마나 올록볼록하게(대비가 많이 되게) 만들지 결정하는 값이라고 생각하시면 됩니다.

그러니까 Contrast가 낮아질 수록 완만한 느낌의 곡선이 나오겠죠.

 

변수 조정

한눈에 보겠습니다.

Complexity 값이 높으면 더 복잡한 모양의 얼룩이 만들어지는 걸 볼 수 있죠.

설정한 값을 기준으로 랜덤으로 만들기 때문에 같은 값이라도 여러번 만들면 매번 다른 쉐입이 나와요.

 

같은 값일 때모양들

이렇게 말이죠. 여러번 해보시면서 마음에 드는 쉐입이 나올 때 까지 다시 만들어보세요.  

쉐입 수정

또는 만약 전체적인 건 마음에 드는데 일부분이 마음에 안든다면, 만들어진 벡터를 더블 클릭해서 들어가셔서 수정하셔도 됩니다.

이렇게 말입니다.

저도 왼쪽 곡선에 울퉁불퉁한 부분을 살짝 고쳐봤어요.

 

완성

적당한 컬러와 사진을 이용해서 이런 이미지를 만들어 볼 수 있겠죠.

혹시 피그마에서 사진 등의 이미지 클리핑(또는 마스크)하시는 방법을 모르신다면 아래 포스팅을 참고하세요!

https://nicecarrot2.tistory.com/126

[피그마] figma에서 이미지 누끼 따기(배경 제거 하기)

어떠셨나요? 개인적으로 일러스트에도 이런 플러그인이 있었으면 좋겠네요.

그럼 저는 일러스트 플러그인을 찾으러 떠나보겠습니다.

유용하게 사용하시기를 바라요!

당근이었습니다.

 

2020.05.09 - [디자인/피그마] - [피그마] 구글 Material Design Icons 플러그인으로 기본 아이콘 쉽게 삽입하기

[피그마] 구글 Material Design Icons 플러그인으로 기본 아이콘 쉽게 삽입하기