피피티 애니메이션 입체 핸드폰에서 쏙

피피티 애니메이션 자료를 만들어 봤습니다. 표지용으로 만들게 되었는데, 거기에 담은 것을 배경에도 살짝 활용해 보는 식으로 진행했구요.

컨셉에 대해서 설명해 드려야 하겠지요?

입체적인 형태의 스마트폰 모양을 만들어 바닥쪽에 배치하고 그곳에서 마치 팀원 사진, 아이콘이 올라오는 듯한 움직임을 주는 것이 컨셉이라 할 수 있겠습니다.

색상에 있어서는 큰 의미는 없기 때문에 직전에 만들었던 피피티 디자인에 적용했었던 민트 톤 컬러를 그대로 갖고 와서 사용을 해보고자 했구요.

물론 약간 RGB 값은 다른, 냉정하게는 다른 색상이랍니다.

그럼 지금 부터 피피티 애니메이션을 위한 디자인 개체들을 하나씩 만들어 볼까요.

입체적인 형태의 핸드폰을 배치할 것이기 때문에 배경 자체, 슬라이드 역시 입체적인 공간감을 담아낼 수 있어야 할거에요.

그건 뭐 간단하게, 명암 차이를 주면 되겠는데요.

직사각형 하나를 하단에 삽입해 주고 흰색에 투명도를 줘서 상단 부분 보다 밝은 느낌이 나도록 했습니다.

그럼 바닥과 벽 처럼 경계가 생기게 되겠죠?

핸드폰의 3차원 형태는 모서리가 둥근 직사각형에 회전과 입체 서식을 지정하면 되는데요.

누워 있는 모양을 위해 Y축 회전과 원근감 값을 이용해 줬구요.

위쪽 입체, 그리고 깊이 값을 통해서 부피감을 표현했습니다.

핸드폰의 두께감을 표현한 것은 사실상 깊이 옵션 값을 이용한거라 보시면 되겠습니다.

디테일한 피피티 디자인을 위해, 또 이것이 스마트폰이라는 것을 좀 더 확실히 전달하기 위해 각 요소들을 몇가지 만들어 추가해 주면 좋겠죠?

충전 포트, 스피커, 마이크 부분을 만들어 줬는데, 다 그냥 기본 도형들로써 만들 수 있겠습니다.

그림자 같은 경우 이 도형에 바로 그림자 효과를 추가하면 위와 같은 방향, 형태로써 표현되지 않을거에요.

3차원 회전을 시켰기 때문에 그런데요. 그럴 때는 그냥 도형을 이용해서 만들면 되겠죠? 평행 사변형에 블랙, 투명도 지정으로써 쉽게 만들어 낼 수 있습니다.

위 과정 같은 경우 뭐 필수적인 것은 아닌데요.

저는 구체적인 피피티 애니메이션 기획에서 충전 케이블을 꽂으면 화면이 사라지고 팀원 아이콘이 올라오는 것을 생각했거든요.

그래서 화면이 지워지는 모습을 위해 별도 개체를 이용해서 추가해 줬습니다.

사진으로 채워줬고 그 개체는 앞에서 만든 스마트폰 도형에서 입체 서식들을 모두 삭제한 것이랍니다.

회전 값만 남기구요.

케이블 역시 해당 개체를 그냥 복사해 몇가지 설정들만 크기, 색상등에서 느낌이 살아나도록 변경해준 것 뿐인데요.

깊이 값, 입체 서식 값이 줄어든게 딱 보이죠?

이 개체 역시 피피티 애니메이션의 느낌을 조금이라도 강화시키기 위해 구성해 둔 것인데, 필수적이지는 않을 것입니다.

피피티 애니메이션의 설정은 사실 위에서 보시면 아주 많아서 어렵다 라고 느끼실지 모르겠지만 그냥 개체가 많아서 그런 것 뿐이구요.

그런 우리가 상상하는, 기획한 그 움직임을 차례대로 주기만 하면 됩니다.

케이블에 해당하는 개체가 내밀기로 나타나고 그래서 마치 끼워지는 느낌을 주구요.

그 결과로 화면이 사라지고 아이콘들이 떠오르는 움직임이 나타날 것이구요.

마지막으로 올라온 3개의 아이콘 중 2개를 이동 애니메이션을 이용해서 양 사이드로 벌려주는 식으로 처리했습니다.

이 자료의 피피티 애니메이션 효과와 작업 과정은 아래 영상으로 자세하게 확인해 보세요.

https://youtu.be/tzddm0NQDUU

피피티 애니메이션 작업을 통해 만들었던 스마트폰, 그리고 케이블이 꽂아지는 움직임을 배경 서식에도 적용해 전체적인 컨셉을 유지한 테마를 완성시켜 볼 수 있었구요.

본문은 깔끔하게 처리하면 되겠죠?

http://bizcam.tistory.com/574

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