페인트 브러쉬로 원형 차트 그리는 ppt 애니메이션

똑같은 차트 라도 그것에 디자인이, 기획이, 또 기능과 효과가 추가되면 완전히 달라질 수 있는데요.

도넛형 원형 차트를 예로 오늘 저의 경우에는 페인트 브러쉬라는 컨셉에 애니메이션 효과를 담아

마치 붓으로 차트를 그려내는 것 같은 모습을 담아내고자 했습니다.

일단 기본 도형으로 붓의 모양을 만들고자 했는데요.

아이콘 소스를 받아서 활용하셔도 되지만 마음에 드는걸 찾는데 시간이 걸리기도 하고 꼭 그렇게 예쁜 붓 아이콘을 필요로 하는 것도 아니며, 애니메이션을 통해 붓으로 차트가 그려지는 느낌을 내기 위해 전체적인 크기가 같은 것이 좋기 때문에 막힌 원호 도형으로 진행해 보기로 했습니다.

앞서 막힌 원호가 붓의 털 부분이었다면 나머지는 기본 도형들을 이용해 손잡이 등의 모양을 만들어 주기만 하면 되는데요.

디자인적으로 그냥 굵은 선을 지정해줬다는 것 정도만 추가로 확인해 주시면 될 것 같아요. 

하지만 ppt 애니메이션 적용을 위해서는, 즉 회전 효과를 주기 위해서는 이 붓의 개체 전체가 원형을 띄고 있어야만 했는데요.

그렇지 않으면 저 붓 자체의 중심점을 기준으로 회전하기 때문에 마치 표류하는 듯한 느낌을 주기 때문이죠.

따라서 앞서 막힌 원호를 그대로 복사가 원 도형으로 바꿔주고 이를 안보이도록 채우기나 선을 모두 없애주었습니다.

그 후 모든 개체를 그룹으로 묶어 주었구요.

그 뒤로 동일한 막힌 원호를 배치해 이것은 데이터 값을 표현하는 것으로 처리했구요.

이제 남은건 ppt 애니메이션 효과를 주는 것이겠죠?

페인트 브러쉬가 있는 그룹개체에는 당연히 회전 효과를 주었는데요.

단 그 각도를 실제 보다 약 20도 정도 작게 설정해줬습니다.

50%의 값을 표현하려면 180도로 설정해야 되는데, 위와 같이 160도로 설정을 했죠?

 

그 이유는 페인트 브러쉬 모양에 이미 일정 수준의 값이 담겨있기 때문이었구요.

이 회전의 속도에 맞춰서 데이터의 막힌 원호가 나타날 수 있게 해주었습니다.

아주 심플한 모습의 ppt 디자인 차트이지만, 그리고 우리가 흔히 쓰는 도넛형 차트이지만 여기에 페인트 브러쉬 라는 컨셉을 살짝 담아내니 그와 관련되어 애니메이션 효과도 생각해낼 수 있을 것이고 그것으로 재미와 집중도 모두를 높일 수 있었다고 생각합니다.

bizcam.tistory.com/574

ppt 비즈캠에서 무료로 템플릿을 공유하고 있어요