Hello, Adobe XD
#Tip-1. Background Blur
아가들을 지켜보면 어느덧 어린이가 되어 돌아다니는 모습을 확인할 수 있다. 아가툴이던
Adobe XD 또한 어느덧 어린이가 되어가는 모습을 지켜보는 즐거움이 있는데, 초반에는 들어 있지 않던
기능인 Background Blur 기능이 추가되었다. Background Blur는 음악서비스를 중심으로
많이 쓰이는 효과인데, 애플의 IOS의 등장과 함께 유행처럼 번진 기능이다.
Sketch - Background Blur
Sketch의 Background Blur를 설정하기 위해서는 3단계가 필요하다. 먼저 Background Blur 할
크기의 frame과 색을 설정한다. 그리고 Fill의 Opacity 설정해줘야 하며, 마지막으로 Background Blur의 양을 설정한다.
1) Background Blur Shape 그리기 _ 크기 / 모양 / 색
2) Background Blur 설정 _ Amount(Pixel값)
3) Background Blur Fill 불투명도 조절
Adobe XD - Background Blur
Adobe XD의 Background Blur 설정은 Sketch보다 단순하다. Background Blur의 형태와
크기를 설정하고, Background Blur 체크박스를 선택하면 된다. 그리고 Background Blur 체크박스
영역에서 맨 위 삼각형은 Blur의 양을 의미하며, 해 모양의 아이콘은 Blur의 밝기를 의미한다.
맨 아래 선택 영역은 해당 영역의 불투명도설정인데 0-100까지 불투명도를 설정할 수 있다.
1) Background Blur Shape 그리기
2) Background Blur Shape 선택 _ Amount / 밝기 / 불투명도 설정
Background Blur예시
Apple IOS
출처- 도리스 블로그 http://rindesign.tistory.com/30-
Adobe XD 예시 _ http://adobe.ly/263yzd4
