움직이는 원형 IT HUD그래픽 만들기, 파워포인트 감각적 애니메이션 테크닉

반응형

파워포인트 애니메이션 IT 로딩 그래픽 만들기

도형 결합과 애니메이션의 반복을 응용하여 무한루프되는 타이틀화면을 만들어보겠습니다. 

완성된 형태는 SF영화나 어플리케이션, 게임 등에서 쉽게 볼 수 있는 HUD그래픽 또는 로딩화면의 느낌을 낼 수 있습니다. 

타이틀외에도 차트, 사진이나 도형의 데코레이션 등 많은 부분으로 적용이 가능한 팁입니다.



Example

원리는 도형에 구멍을 뚫고 그 뒤로 애니메이션을 만들어주는 방식입니다. 

도형결합과 애니메이션에 대한 이해가 있으면 쉽게 따라하실 수 있습니다.



도형 결합을 이용하여 표지 구멍 뚫기

1


2


먼저 도형 중 가운데가 뚫려 있는 도형 모양의 원형(원형 : 비어있음)을 선택해 슬라이드의 가운데에 그려줍니다.
도넛의 두께가 나중에 애니메이션으로 표현되는 범위이므로 원하는 사이즈로 도형의 두께를 변경해줍니다.

3


그 위에 슬라이드 전체를 덮는 사각형을 그려 줍니다. 위치를 편하게 잡기 위해 정렬 기능을 활용하거나, 처음부터 슬라이드의 정가운데에 Alt 키를 이용하여 그려주면 수월하게 작업할 수 있습니다.


4


그려준 두 도형을 함께 선택한 뒤, [서식 - 도형병합 - 결합]하면 그림과 같이 가운데가 도넛모양으로 뚫린 사각형을 만들 수 있습니다.

그림과 같이 결과가 나오지 않는 경우, 도형을 선택하는 순서를 사각형 - 도넛의 순서로 선택 한 뒤 결합을 선택해보시기 바랍니다.


5


색과 테두리를 원하는 형태로 변경해준 모습입니다.



애니메이션 만들기

7

이번에는 보기과 같이 도형 탭의 “막힌 원호” 를 선택하여 그린 뒤, 다음 모양과 같이 그려줍니다.
포인트는 다음과 같이 기준선을 중심으로 원의 3/4정도를 정확하게 그려주는 것 입니다.
도형에 애니메이션을 적용한 뒤 여러개로 복제할 예정입니다.


8

그려진 도형에 애니메이션을 적용합니다. [애니메이션 추가 - 강조 - 회전]을 적용하겠습니다.


9

적용된 애니메이션의 옵션을 설정해주어야합니다. 애니메이션 관리탭을 연 뒤 ,[마우스 우클릭 - 효과 옵션]을 선택합니다.


10


11


옵션 박스에서 다음 두가지 옵션을 설정합니다. [타이밍 탭 - 반복 - 슬라이드가 끝날 떄까지] / [효과 탭 - 부드럽게 시작]


12


다음으로 애니메이션 창 탭에서 “이전 효과와 함께 시작”을 설정해 주면 복제할 도형이 완성되었습니다.



애니메이션 복제하여 완성하기

13


이제 만들어진 도형을 예쁜 색으로 꾸며준 뒤 복제할 예정입니다. 

그라데이션 채우기를 설정해주면서 그라데이션의 색상의 투명도를 적용해줍니다.


14


15


도형을 복제한 뒤, 회전과 애니메이션 속도를 다르게 적용하여 겹쳐줍니다.


16


몇 장의 도형이 겹쳐지면 가장 처음에 만들었던 맨 뒤의 구멍뚫린 도형을 맨 앞으로 가져옵니다.


17


텍스트를 배치하여 완성된 모습입니다.

반응형

Read Next

  1. 이전 댓글 더보기
  2. 안녕하세요! 템플릿을 구경하다가 유용한 튜토리얼을 보게 되어 연습해 보았는데 영상처럼 잘 되지가 않네요 (특히 뚝뚝 끊기는(?) 넘어가는 부분이 어려워서 잘 안됩니다) 괜찮으시다면 PPT 파일 부탁드려도 될까 여쭙니다 : }

  3. koohj0307@naver.com 부탁드려요 ㅠㅠ

  4. 따라해봤는데 회전이 안되네요ㅠ jkjobe08@naver.com 파일 보내주실수있나요 ?

  5. hj245952@naver.com 파일좀 보내주실수 있나요 ?ㅠ

  6. 좋은 정보 너무 감사합니다!! 덕분에 하나 더 배워가네요 ㅠㅠ

  7. 막힌 원호를 쉬프트키를 누르고 정확히 그렸는데도 두번째 도형이 회전하면 삐뚤게 회전하네오
    몇번을 시도해봐도...
    죄송하지만,,,
    flutei@me.com으로 파일 보내주시면 감사하겠습니다.

  8. jhkcube@naver.com
    너무 예쁜데 보내주실 수 있나요 ㅠㅠ

  9. 안녕하세요 따라해보려고 애쓰다가 애니메이션 효과기능에서 시계방향360도 사용이 안되는데 ppt 2016년버전으로는 사용할 수 없는 기능일까요?

  10. 효과가 감각적이고 너무 예쁩니다ㅜ 만드신 템플릿들도 센스가 넘치시네요!
    ppt 옛날 버전이라 도형병합에서부터 막히네요ㅜㅜ
    죄송하지만.. 저도 만드신 파일 공유해도 될까요? haptimist@gmail.com 입니다ㅜ

  11. 정말 감각적인 디자인 입니다...잘 배웠습니다. 죄송하지만 파일 공유좀 부탁 드릴 수 있을까요? esforce2@gmail.com 입니다.

  12. 디자인 진짜 예쁘시게 잘하시는것같아요!! 혹시 디자인 피피티 공유 가능할까요??ju19888@naver.com

  13. 저도 받아 보고 싶어요 보내주시면 감사하겠습니다. sonsunghun@naver.com

  14. 너무 이뻐요 감사합니다!

  15. 한눈에 반했어요@@ 혹시 이글을 보실수 있다면...
    피피티 공유좀 부탁드립니다...!!!
    oliviathgml5468@naver.com
    사랑해요...♡

  16. 회전이 잘 안되네요.. ㅠㅠ
    파일로 쫌 받을 수 있을까요?? \
    lx2x3x4x5@naver.com

    부탁드립니다.

  17. 그리기가 너무 어렵네요 1125joon@naver.com 부탁드려요

  18. 색 너무 이쁘네요 wxsyvgdgj@naver.com 부탁드립니다 ㅠㅠ

  19. 저도 보내주시면 감사하겠습니다.
    rayon_vert@naver.com

  20. 안녕하세요 너무 예뻐요 혹시 보내 주실 수 있을까요? 감사합니다! ecureuil23@naver.com

  21. 안ㄴ녕하세요 항상 좋은 지식 알아갑니다 ^^> 파일 부탁드려도 될까요? ack5577@naver.com

*

*

Tags