블러(Blur) 처리란?
블러(Blur) :
이미지를 흐리게 하는 것
피그마에서 블러처리 언제 사용할까?
- 포토샵 파일에서 이미지 블러처리를 완료하고 피그마에 불러오는 경우가 많은데, 피그마에서도 간편하게 블러저리를 할 수 있다.
- 포트폴리오 작성 할 때, 중요한 정보들을 가려야 할 경우 사용한다.
- 블로그 포스팅에서 설계서를 내에 포함된 정보들을 가려야 할 경우 사용한다.
피그마에서 이미지 블러처리 어떻게 해?
(1) 이미지 파일의 블러처리할 도형을 선택하여 그린다.
필자는 허스키 블러처리를 위해 원형을 이용해서 그렸다.
(2) 이미지 파일 위에 도형을 위치시키고, 디자인 패널의 Effects를 선택한다.
허스키 이미지 파일 위에 도형을 위치시키고, 디자인 패널 Effects 효과를 선택한다.
(3) Fill → 색상, 투명도 설정/ Background blur → 블러 정도 설정
이미지와 목적에 맞추어 Fill 영역에서 색상과 투명도를 설정한다. (필자는 회색, 77%로 지정)
Effects에서는 Background blur 정도를 숫자를 지정하여 설정한다.
↓ 함께 보면 좋은 피그마 포스팅↓
[Figma] 피그마 컴포넌트 기초에 대해 알아보자-1(figma component사용방법, 사용팁)
1. 컴포넌트(figma component) Component는 가장 작은 단위, 부품, 요소로써 화면에서 반복적으로 사용되는 가장 작은 단위이다. 화면을 구성하거나 디자인 할 때, 요소를 합쳐 모듈 > 템플릿 > 페이지로
youngplan.tistory.com
[Figma] 피그마 컴포넌트 응용기능인 스왑 인스턴스에 대해 알아보자-2(figma swap instance사용방법, 사
이전 편에서는 피그마 컴포넌트 기초와 사용방법에 대해 알아보았다. 이번 포스팅에서는 피그마 인스턴스 스왑에 대해 알아보고, 사용하는 방법까지 익혀볼 수 있도록 하자. 스왑 인스턴스(swap
youngplan.tistory.com
[Figma] 피그마 프로퍼티를 이해해보자-3 (figma property 사용이유, 불리언, 인스턴스 스왑, 텍스트)
첫 번째 포스팅은 컴포넌트, 두 번째 포스팅 스왑인스턴스에 이어 이번 포스팅은 피그마 프로퍼티에 대해 알아보겠다. 프로퍼티(figma property)란? 프로퍼티는 "속성, 성격"이라는 의미를 가진다.
youngplan.tistory.com