[파워포인트] 애니메이션 트리거를 사용해 카드가 뒤집어지는 효과 만드는 방법

파워포인트에서 애니메이션 트리거를 사용하면 재미있고 창의적인 슬라이드를 만들 수 있다.

그중에서 가장 활용도가 많을 것 같은 것 중에 하나인 카드를 클릭하면 뒤집어지는 효과를 어떻게 만들 수 있는지 알아본다. 이런 효과는 퀴즈, 플래시 카드, 게임 등의 인터랙티브 콘텐츠를 만들 때 유용하게 사용할 수 있다.

---

1. 카드 모양 도형 추가하기

먼저, 카드 뒤집기 효과를 적용할 슬라이드에 카드를 만드는 데 뒤집기 효과를 적용하기 위해서는 하나의 카드에 두 개의 도형이 필요하다.

 

다음과 같은 순서를 참고해 카드로 사용할 도형을 만든다.

① [삽입] 탭에서 ② [도형]을 클릭하고 ③ 사각형을 클릭.

[삽입] → [도형] → 사각형 선택

그리고 카드를 연상시키는 적당한 크기로 두 개를 만든다.

사각형으로 카드 형태의 개체 만들기

나는 동일한 크기의 도형을 2개를 만들고 하나는 '앞면' 다른 하나는 '뒷면'이라고 했다.

참고로 하나의 도형을 만들고 같은 도형을 복제하는 빠른 방법은 단축키 Ctrl + D를 사용하면 편리하다.

개체 복사(제) 단축키 : Ctrl + D

또는, Ctrl + Shift 키를 누른 상태에서 마우스로 개체를 클릭해 드래그해도 개체를 복사할 수 있다.

---

2. 개체 이름 설정하기

도형을 만든 후에 쉽게 구분할 수 있게 이름을 설정하자.

지금은 카드를 한 장만 만들기 때문에 굳이 이름까지 설정하지 않아도 되겠지만, 실제 사용하기 위해 제대로 뭔가를 만들기 위해서는 쉽게 식별할 수 있는 이름으로 변경하는 것이 좋다.

 

아래 화면과 같이 ① [홈] 탭에서 ② [선택]을 클릭하고 ③ [선택 창] 메뉴를 클릭하면 슬라이드 우측에 "선택" 설정 창이 나타난다.

[홈] → [선택] → [선택 창]

나는 '앞면'이 '직사각형 4'이고, '뒷면'이 '직사각형 5'에 해당한다.

개체를 선택해 보면 '선택'창에 선택한 개체에 해당하는 이름이 활성화되는 것을 알 수 있다.

개체를 선택하면 '선택'창에 해당하는 이름이 활성화된다.

아래 화면의 ①번과 같이 '직사각형 4'라고 되어 있는 곳을 더블 클릭하면 이름을 수정할 수 있는 입력 모드로 변경이 된다. 식별이 편한 이름으로 변경하자. 나는 앞면(직사각형 4)을 '앞면 1', 뒷면(직사각형 5)을 '뒷면 1'로 변경했다.

앞면(직사각형 4)을 '앞면 1', 뒷면(직사각형 5)을 '뒷면 1'로 변경

---

3. 애니메이션 설정하기

지금까지 잘 따라왔다면, 이제부터가 본격적으로 뒤집는 효과를 적용하는 과정이 된다.

1) 앞면 카드에 '붕괴' 애니메이션 추가

먼저 '앞면' 개체를 선택하고 끝내기 효과로 '붕괴'를 추가한다.

'앞면' 카드에 애니메이션 '붕괴' 추가하기

① [애니메이션] 탭을 클릭하고, ② 애니메이션 그룹의 확장 화살표를 클릭하면 아래로 내려오는 드롭 다운 메뉴 맨 하단에 ③ 번으로 표시한 [추가 끝내기 효과] 메뉴를 클릭하면, '끝내기 효과 변경' 창이 나타나는데 여기서 ④ '붕괴'를 선택하고 아래 [확인] 버튼을 클릭하면 된다.

2) 뒷면 카드에 '늘이기' 효과 추가

이제 '뒷면' 개체를 선택하고 나타내기 효과로 '늘이기'를 추가한다.

'뒷면' 카드에 애니메이션 '늘이기' 추가하기

① [애니메이션] 탭을 클릭하고, ② 애니메이션 그룹의 확장 화살표를 클릭하면 아래로 내려오는 드롭 다운 메뉴 맨 하단에 ③ 번으로 표시한 [추가 나타내기 효과] 메뉴를 클릭하면, '나타내기 효과 변경' 창이 나타나는데 여기서 ④ '늘이기'를 선택하고 [확인] 버튼을 클릭하면 된다.

앞면과 뒷면에 애니메이션을 추가한 화면

앞면과 뒷면에 애니메이션을 추가한 화면이 위와 같다.

애니메이션을 적용한 후 ① [애니메이션 창] 버튼을 클릭하면 우측에 '애니메이션 창'이 나타난다.

---

4. 애니메이션 트리거 설정

이제 클릭 이벤트로 카드가 뒤집히도록 트리거를 설정한다.

1) 앞면 카드에 트리거 추가

'앞면' 카드에 트리거 추가하기

① '앞면' 카드 개체를 선택한 다음, ② [트리거] 메뉴를 클릭하고 [클릭할 때]에 마우스를 가져가면 ③ 선택할 수 있는 개체 목록에서 '앞면 1'을 선택(클릭) 한다.

그러면 ④번 화면과 같이 '애니메이션 창'의 적용된 애니메이션이 변경되는 것을 알 수 있다.

 

그러면 아래와 같이 ① '애니메이션 창'에 '앞면 1'에 대해 변화가 생기고, ② 앞면 카드 개체에 애니메이션 숫자가 번개 모양으로 변경되는 것을 알 수 있다.

'앞면' 카드에 트리거 추가 완료 화면

이렇게 설정함으로써 애니메이션이 '앞면' 개체를 클릭할 때 시작되는 것으로 설정된 것이다.

2) 뒷면 카드 애니메이션 추가 설정

이제 뒷면 카드의 애니메이션을 수정할 차례이다.

아래 화면과 같이 ① '뒷면 1'에 대한 애니메이션 항목을 마우스로 클릭한 채로 끌어서(드래그) ② '앞면 1' 아래에 놓는다.

'뒷면' 카드 애니메이션 추가 설정

그런 다음, 아래 화면과 같이 ③ '뒷면 1' 애니메이션의 시작 옵션을 ④ '이전 효과 다음에'로 변경(선택) 한다.

'뒷면' 카드 애니메이션 추가 설정 - 시작 옵션 변경

영상으로 보면 다음과 같다.

'뒷면' 카드 애니메이션 추가 설정

---

5. 중간 점검하기

여기까지 잘 되었는지 슬라이드 쇼(F5)를 실행해 확인해 보자.

아래 화면과 같이 '앞면' 카드에 마우스를 가져가면 마우스 모양이 손 모양으로 바뀌는 것을 알 수 있다. 클릭이 가능하다는 표시다. 클릭해 보면 앞면이 사라지고(끝내기 효과 반영됨) 앞면이 끝남과 동시에 오른쪽에서 뒷면이 나타난다. 이것은 뒷면에 시작 옵션-'이전 효과 다음에'와 나타나기 효과 반영된 결과이다.

애니메이션 트리거를 사용해 카드가 뒤집어지는 효과 만들기 중간 점검

위와 같이 되고 있다면 잘 된 것이다.

---

6. 한 장의 카드처럼 보이게 겹치기

이제 한 장의 카드처럼 보이게 두 카드를 겹치게 두면 된다. 이때 앞면이 뒷면 위로 오게 해야 한다.

아래 화면을 참고하자.

한 장의 카드처럼 보이게 겹치기

이렇게 함으로써 이제 모든 작업은 완료되었다.

---

7. 완성된 카드 뒤집기 효과 테스트

이제 슬라이드 쇼를 해서 확인해 보면 다음과 같이 되는 것을 알 수 있다.

애니메이션 트리거를 사용해 카드가 뒤집어지는 효과 만들기

지금까지 작업한 내용으로는 뒷면이 보이면 끝나게 된다.

 

◆ 추가 팁 :

여기서 뒷면을 클릭하면 다시 앞면이 나오게 할 수도 있다. 위 방법으로 애니메이션을 추가해 가면 된다.

그럼 다음과 같이 반복할 수 있다. 이것을 잘 활용하면 카드 뒤집기 게임도 만들 수 있을 것이다.

카드 뒤집기 예제

아래 예제 PPT를 참고해도 좋을 것 같다.

애니메이션_트리거사용_카드뒤집기_예제.pptx

0.03MB

---

이 효과는 퀴즈, 인터랙티브 학습 자료, 심지어는 재미있는 발표 자료를 만드는 데 활용할 수 있다. 애니메이션 속도나 디자인을 조금씩 변형하면 다양한 스타일의 카드 뒤집기를 구현할 수 있을 것이다.

 

- 끝 -

 

상기 상품 배너는 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.