ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [Figma] 피그마로 3d 선 만들기
    UX,UI 2023. 11. 11. 11:18

     

    요즘 피그마로 작업을 병행하면서

    재밌는 플러그인을 찾고 적용시켜나가는 중이다

     

    개발할 때도 신기한 라이브러리 찾는 것도 취미라

    잘 만들어놓은 것들을 활용하는 재미가 쏠쏠하다

     

     


    피그마로 입체적인 느낌의 도형을 구현하고 싶어져서 찾아보니 발견하게 된 플러그인 

    Blend이다

     

     

    플러그인 Blend 사용 방법

     

     

     

    1. 파일에서 플러그인 클릭 후 blend 검색하면 찾을 수 있다

     

     

    이제 원과 선만 있으면 무엇이든 만들 수 있다 

     

     

     

    2. 펜으로 선과 도형으로 원을 대충 그린다(사실 이거 그리는 게 가장 어렵다)

     

    도형은 linear gradient로 그럴듯하게 그라데이션을 준다

     

     

    3. 만든 후 원과 선을 동시 선택한 뒤 플러그인을 실행한다 

     

    실행하면 아래 사진 처럼 자동으로 원이 5개 복제된다

     

    하지만 자동으로 선택되지 않는 경우

    select object 에 원을 선택해주고

    select vector에 선을 선택해주면 된다 

     

     

    이것만 보면 뭐지? 라는 생각이 들 수 있지만

    아래처럼 카피 개수를 늘려주면 그럴 듯 해진다

     

    보통 500 정도면 그럴 듯 해진다

    너무 많이 복사 하면 레이어 관리가 복잡해진다

     

     

    결과물

    쨘!

     

     

     

     

    그럼 끝!

Designed by Tistory.