반응형 figma 사용법 반응형 3 [figma] 피그마에서 선을 면으로 만들기(Outline stroke) [figma] 피그마에서 선을 면으로 만들기(Outline stroke) 안녕하세요. 당근입니다. 피그마에서 선으로 된 도형이나 Shape을 다루시는 경우, 선을 면으로 처리해줘야하는 일이 있을거예요. 오늘은 크기에 비례해서 선 굵기가 유지되도록 하는 Outline stroke를 Figma에서는 어떻게 구현하는지 알아볼 건데요. 아마 일러스트레이터 등 그래픽 툴을 사용하시던 분이라면 이 작업이 필요한 이유를 이미 납득하고 계실 거라는 생각이 듭니다. 문제는 Figma로 넘어왔을때 이 메뉴가 어디에 숨어있는건지 모른다는 것이죠... 일단 이 Outline stroke를 왜 해야 하는지 간단히 설명해보겠습니다. 만약 이렇게 생긴 도형을 만들었다고 해볼게요. Stroke 속성을 그대로 살려둔 왼쪽 도형은 크기.. 2022. 10. 8. [figma]피그마에서 백그라운드 블러(background blur) 만들기 [figma]피그마에서 백그라운드 블러(background blur) 만들기 안녕하세요. 당근입니다. 오늘도 피그마 사용법을 가지고 왔어요. 오브젝트를 기준으로 뒤에 위치한 요소를 흐리게 만들어주는 백그라운드 블러 (background blur) 효과! 피그마로 적용하는 법을 알아볼건데요. 이번에도 엄청 쉽답니다. 처음부터 차근차근 알아볼까요? 먼저 뒤에 배경이 있어야 블러가 들어간 걸 확인할 수 있겠죠? 저는 언스플래시에서 예쁜 배경 하나를 삽입해봤어요. 플러그인으로 피그마에서 쉽게 삽입할 수 있습니다. 아래 글을 참조하세요. 2020.04.23 - [디자인/피그마] - [피그마] 고퀄리티 무료 이미지를 바로 불러올 수 있는 플러그인 : Unsplash [피그마] 고퀄리티 무료 이미지를 바로 불러올 수.. 2021. 11. 9. [피그마] fimga에서 패스파인더Pathfinder 사용하기(Shape tool) [피그마] fimga에서 패스파인더Pathfinder 사용하기(Shape tool) 안녕하세요. 당근입니다. 오늘은 저처럼 피그마에 적응중인 여러분을 위해 피그마에서 도형을 그리고 편집할 때 어도비 일러스트에 있는 패스파인더 기능을 어떻게 사용할 수 있는 지 알아보겠습니다. 튜토리얼에 앞서 이 글은 먼저 일러스트에서 패스파인더가 어떤 작용을 하는 툴인지 알고 계신 분을 대상으로 합니다. 하지만 아래에 각 옵션을 선택하면 일어나는 일들을 그림으로 보여드릴거예요. 사용법 자체는 엄청나게 간단하기 때문에 훑어보시면 패스파인더를 모르시는 분이라도 무리없이 이해하실 수 있을거라고 생각해요. 먼저 사각형 도형이 그려져있는 아이콘을 클릭하셔서 원하시는 도형을 그립니다. 패스파인더를 원하시는 분이라면 두개 이상의 도형.. 2020. 5. 16. 이전 1 다음
