움직이는 원형 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. 잘 보았습니다.
    초대장을 받아야 티스토리 가입이 된다고 하네요.
    부탁드려요.
    cyonmp@daum.net

  2. 유용한 내용 감사합니다.ㅜㅜㅜ
    너무 에뻐요~

  3. 정말 이쁘시게 만드는 것 같아요 잘 받아가요!

  4. 자료좀 보내주실수있나요 ?
    너무 예쁘게 잘 만드셨네요 !!
    jysji4@naver.com

  5. hjhtkfkdgo88@naver.com 감사합니다. 귀하게 쓰겠습니다!!!

  6. 해보니까 회전에 좀 문제가 있는거 같은데 혹시 보내주실수있나요?
    alfo0925@naver.com

*

*

Tags

티스토리 툴바