파워포인트 애니메이션 IT 로딩 그래픽 만들기
도형 결합과 애니메이션의 반복을 응용하여 무한루프되는 타이틀화면을 만들어보겠습니다.
완성된 형태는 SF영화나 어플리케이션, 게임 등에서 쉽게 볼 수 있는 HUD그래픽 또는 로딩화면의 느낌을 낼 수 있습니다.
타이틀외에도 차트, 사진이나 도형의 데코레이션 등 많은 부분으로 적용이 가능한 팁입니다.
Example
원리는 도형에 구멍을 뚫고 그 뒤로 애니메이션을 만들어주는 방식입니다.
도형결합과 애니메이션에 대한 이해가 있으면 쉽게 따라하실 수 있습니다.
도형 결합을 이용하여 표지 구멍 뚫기
먼저 도형 중 가운데가 뚫려 있는 도형 모양의 원형(원형 : 비어있음)을 선택해 슬라이드의 가운데에 그려줍니다.
도넛의 두께가 나중에 애니메이션으로 표현되는 범위이므로 원하는 사이즈로 도형의 두께를 변경해줍니다.
그 위에 슬라이드 전체를 덮는 사각형을 그려 줍니다. 위치를 편하게 잡기 위해 정렬 기능을 활용하거나, 처음부터 슬라이드의 정가운데에 Alt 키를 이용하여 그려주면 수월하게 작업할 수 있습니다.
그려준 두 도형을 함께 선택한 뒤, [서식 - 도형병합 - 결합]하면 그림과 같이 가운데가 도넛모양으로 뚫린 사각형을 만들 수 있습니다.
그림과 같이 결과가 나오지 않는 경우, 도형을 선택하는 순서를 사각형 - 도넛의 순서로 선택 한 뒤 결합을 선택해보시기 바랍니다.
색과 테두리를 원하는 형태로 변경해준 모습입니다.
애니메이션 만들기
이번에는 보기과 같이 도형 탭의 “막힌 원호” 를 선택하여 그린 뒤, 다음 모양과 같이 그려줍니다.
포인트는 다음과 같이 기준선을 중심으로 원의 3/4정도를 정확하게 그려주는 것 입니다.
도형에 애니메이션을 적용한 뒤 여러개로 복제할 예정입니다.
그려진 도형에 애니메이션을 적용합니다. [애니메이션 추가 - 강조 - 회전]을 적용하겠습니다.
적용된 애니메이션의 옵션을 설정해주어야합니다. 애니메이션 관리탭을 연 뒤 ,[마우스 우클릭 - 효과 옵션]을 선택합니다.
옵션 박스에서 다음 두가지 옵션을 설정합니다. [타이밍 탭 - 반복 - 슬라이드가 끝날 떄까지] / [효과 탭 - 부드럽게 시작]
다음으로 애니메이션 창 탭에서 “이전 효과와 함께 시작”을 설정해 주면 복제할 도형이 완성되었습니다.
애니메이션 복제하여 완성하기
이제 만들어진 도형을 예쁜 색으로 꾸며준 뒤 복제할 예정입니다.
그라데이션 채우기를 설정해주면서 그라데이션의 색상의 투명도를 적용해줍니다.
도형을 복제한 뒤, 회전과 애니메이션 속도를 다르게 적용하여 겹쳐줍니다.
몇 장의 도형이 겹쳐지면 가장 처음에 만들었던 맨 뒤의 구멍뚫린 도형을 맨 앞으로 가져옵니다.
텍스트를 배치하여 완성된 모습입니다.
2018.03.15 01:53
안녕하세요! 템플릿을 구경하다가 유용한 튜토리얼을 보게 되어 연습해 보았는데 영상처럼 잘 되지가 않네요 (특히 뚝뚝 끊기는(?) 넘어가는 부분이 어려워서 잘 안됩니다) 괜찮으시다면 PPT 파일 부탁드려도 될까 여쭙니다 : }
2018.03.30 10:10
koohj0307@naver.com 부탁드려요 ㅠㅠ
2018.05.01 22:07
따라해봤는데 회전이 안되네요ㅠ jkjobe08@naver.com 파일 보내주실수있나요 ?
2018.06.22 10:55
hj245952@naver.com 파일좀 보내주실수 있나요 ?ㅠ
2018.09.09 20:26
좋은 정보 너무 감사합니다!! 덕분에 하나 더 배워가네요 ㅠㅠ
2018.09.13 22:59
막힌 원호를 쉬프트키를 누르고 정확히 그렸는데도 두번째 도형이 회전하면 삐뚤게 회전하네오
몇번을 시도해봐도...
죄송하지만,,,
flutei@me.com으로 파일 보내주시면 감사하겠습니다.
2018.10.16 23:00
jhkcube@naver.com
너무 예쁜데 보내주실 수 있나요 ㅠㅠ
2018.11.27 16:37
안녕하세요 따라해보려고 애쓰다가 애니메이션 효과기능에서 시계방향360도 사용이 안되는데 ppt 2016년버전으로는 사용할 수 없는 기능일까요?
2018.12.01 20:08
효과가 감각적이고 너무 예쁩니다ㅜ 만드신 템플릿들도 센스가 넘치시네요!
ppt 옛날 버전이라 도형병합에서부터 막히네요ㅜㅜ
죄송하지만.. 저도 만드신 파일 공유해도 될까요? haptimist@gmail.com 입니다ㅜ
2018.12.07 13:46
정말 감각적인 디자인 입니다...잘 배웠습니다. 죄송하지만 파일 공유좀 부탁 드릴 수 있을까요? esforce2@gmail.com 입니다.
2019.04.03 00:25
디자인 진짜 예쁘시게 잘하시는것같아요!! 혹시 디자인 피피티 공유 가능할까요??ju19888@naver.com
2019.04.24 11:36
저도 받아 보고 싶어요 보내주시면 감사하겠습니다. sonsunghun@naver.com
2019.07.03 18:45
너무 이뻐요 감사합니다!
2019.08.26 23:27
한눈에 반했어요@@ 혹시 이글을 보실수 있다면...
피피티 공유좀 부탁드립니다...!!!
oliviathgml5468@naver.com
사랑해요...♡
2019.09.06 13:36
회전이 잘 안되네요.. ㅠㅠ
파일로 쫌 받을 수 있을까요?? \
lx2x3x4x5@naver.com
부탁드립니다.
2019.10.27 22:26
그리기가 너무 어렵네요 1125joon@naver.com 부탁드려요
2019.11.14 14:26
색 너무 이쁘네요 wxsyvgdgj@naver.com 부탁드립니다 ㅠㅠ
2020.02.10 12:02
저도 보내주시면 감사하겠습니다.
rayon_vert@naver.com
2020.05.25 08:56
안녕하세요 너무 예뻐요 혹시 보내 주실 수 있을까요? 감사합니다! ecureuil23@naver.com
2020.05.28 01:33
안ㄴ녕하세요 항상 좋은 지식 알아갑니다 ^^> 파일 부탁드려도 될까요? ack5577@naver.com