SlideShare a Scribd company logo
1 of 36
파워포인트 애니메이션




   강의 자료 : 2012. 10. 김태경
목차

• 개요 및 기본익힘
• 화면 전환
• 애니메이션, 사용자지정 애니메이션
    – 텍스트, 도형
    – 표, 차트, 스마트 아트
    – 이동경로 애니메이션
•   예제 따라하기
•   그 밖의 파워포인트 유용한 팁, 자주하는 질문
•   효과적인 PPT 작성을 위한 조언
•   PPT참고사이트와 무료템플릿 사이트


                                2
개요

• 애니메이션 효과 : 슬라이드에 삽입한 개체에 다양한
  동적 효과를 제공하는 것

• 중요한 항목을 강조하고 역동적인 프레젠테이션을 보여줄
  수 있다.
• 전달순서를 명확히 하거나 복잡한 내용의 빠른 이해를 도
  울 수 있는 보조수단.

• 과유불급 : 개연성에 맞도록 적용할 것.




                                 3
기본 익힘

• 화면 기본 구성
• 빠른 실행 도구 모음
• 저장 가능 형식들 : pptx, ppt, potx, pot, pdf, xps, thmx,
  ppsx, pps, jpg, gif, png, tif, bmp, CD용
• 인쇄 : 슬라이드, 유인물, 발표자노트, 개요 / 컬러선택
• 프레젠테이션시 단축키 :
   –   처음부터 프리젠테이션 시작하기: F5
   –   슬라이드 번호로 이동하기: 숫자 + 엔터
   –   프리젠테이션 정지 또는 자동재개: S
   –   프리젠테이션 종료: ESC 또는 HYPEN(-)
   –   슬라이드화면에 표시한 연필이나 잉크 등의 메모 지우기: E
   –   다음 슬라이드가 숨겨진 경우 다음 슬라이드로 이동하기: H
   –   단축 메뉴 보기: SHIFT+F10
                                                      4
화면 전환

• 애니메이션 탭 – 효과 선택, 소리 선택, 속도, 모두 적용
• 화면전환 선택 – 마우스 클릭 or 일정 시간 지정




                                      5
애니메이션

• 애니메이션 탭
• 사용자 지정 애니메이션
 – 애니메이션 창 구성 보기 : 효과적용, 제거, 시작과 방향, 속도, 순
   서바꾸기

 – 효과적용과 옵션보기 : 효과 옵션은 적용한 개체와 애니메이션 종
   류에 따라 다름.


• 개체 다루기 위한 선택창 보기
 – 서식 메뉴> 정렬그룹의 선택창보기 : 개체 순서, 선택시 유용




                                             6
[효과]
• 방향 : 애니메이션의 진행 방향을 지정
• 효과음 : 애니메이션이 실행될 때 나올 효과음 지정
• 애니메이션 후 : 애니메이션 후 개체를 숨기거나 개체의 색
  을 변경합니다.
• 텍스트 애니메이션 : 개체에 입력한 텍스트를 개체와 동시
  에, 단어별, 문자단위로 애니메이션 지정

                                 7
[타이밍]
• 시작 : 애니메이션의 시작 방법 지정
• 지연 : 애니메이션 시작 시간을 초 단위로 지연
• 속도 : 애니메이션 실행 속도를 지정
• 반복 : 애니메이션의 반복 횟수를 지정
• 시작옵션 : 애니메이션 시작과 관련된 추가 옵션, 특정 개
  체를 클릭 시 시작하도록 지정.
                                     8
이 탭은 개체의 특성에 따라서 메
 뉴가 다르게 나타난다.

 Ex) 차트 애니메이션, 스마트 아
 트 애니메이션


[텍스트 애니메이션]
• 텍스트 묶는 단위 : 효과를 텍스트에 한꺼번에 적용하거
  나 단락별로 적용할지 지정
• 다음 시간 후 자동 전환 : 일정 수준까지 묶어 선택하게 되
  면 지정한 시간 후에 애니메이션 되도록 설정
• 첨부된 도형 애니메이션 : 텍스트를 입력한 도형도 함께
  애니메이션 되도록 설정
• 역순으로 실행 : 나누어 효과를 적용한 경우 뒤 글자부터
  애니메이션이 진행
                                      9
텍스트 애니메이션

 텍스트 애니메이션             • 텍스트 애니메이션
 Text Animation        • Text Animation
                         – Text text text
                            • Animation
                       • 텍스트 애니메이션
     Text Animation

  텍스트 애니메이션 텍스           – Text
    트 애니메이션
                            • Animation
 TEXT ANIMATION TEXT        • Animation
      ANIMATION
                         – 텍스트
                         – 텍스트


                                            10
도형 애니메이션

• 세 도형을 함께 선택하고
  효과 날아오기 오른쪽에서
  매우빠르게 지정           a
• 두번째 효과에서 옵션- 지연
  0.2초
• 세번째 효과옵션 –지연 0.4
  초
                     b
# 시작과 타이밍 지연시간에
  대한 이해 필요
# 부드럽게 시작 종료 옵션      C

                         11
이미지 애니메이션

• 액자도형 그리기
• 안에 들어갈 사각형
  2개 그리고 이미지로
  채우기
• 서식도구 선택창에서
  순서배열 , 정렬
• 사라지고 나타나는 효
  과 주기
# 개체 서식도구의 선택
  창 관리방법 알것
                12
활용
         액자2                      액자1




마우스 클릭시마다 액자1의 그림이 액자2로 이동하고
액자 1에는 새로운 그림이 나타난다. (설명은 뒤에->)

                                        13
>전 슬라이드 작업 설명

• 애니메이션 적용할 시나리오를 미리 작성하고 작업하기
  – 액자 1에 그림1이 나타나고 다른 그림들은 없다. : 그림1 나타나기
  – 마우스 클릭 시 액자1의 그림이 액자 2로 이동( 실제로는 복사본을 미
    리 준비해서 보이지 않도록 설정함 ) : 그림1 사라지고 액자1에서 그
    림1의 복사본이 나타난다.
  – 동시에 액자1에 새로운 그림이 나타난다. :액자 1에 그림2가 나타난
    다.
  – 다시 클릭하면 액자 2로 이동하고 다른 그림이 들어온다. : 그림1의
    복사본이 사라지고 그림2도 액자1에서 사라진다. 그리고 이어서 액자
    2에 그림2의 복사본이 나타나고, 액자1에 그림3이 나타난다.
• 준비 : 그림1, 그림1의 복사본, 그림2, 그림2의 복사본, 그림3,
  액자 2개
• 적용할 효과 : 닦아내기
• 준비한 개체들을 선택창에서 배치하기
                                        14
표 애니메이션 및 표 작성 팁

• 표는 한꺼번에 애니메     하나   둘   셋   넷

  이션이 적용됨.        1    2   3   4

• 표를 복사, 윈도메타파    5    6   7   8
  일 이미지로 선택하여
  붙여넣기
• 그룹을 해제하여 도형     하나   둘   셋   넷
  화 하고 각각 다른 셀속
  성을 지정해보기
                  1    2   3   4


• 도형 전체 선택하여 애
                  5    6   7   8

  니메이션 적용해보기.

                                   15
표에 대하여..

• 파워포인트에서 표를 많이 사용하게 된다.
• 하지만 때로 표의 디자인 결함 때문에 가독성이나 이해가
  떨어진다.
• 일괄적인 머리글 및 셀 구성의 딱딱함을 벗어나고자 한다
  면 도형이나 이미지를 배경으로 활용하거나 세로선 등을
  과감히 없애는 것도 좋다.
• 표를 복사하고 붙여넣기에서 선택하여 이미지로 붙여넣
  고 그룹을 해제하여 사용하거나,
• 직접 도형을 이용하여 표를 완성하는 것도 한 방법이다.
• 창의적이고 눈에 띄는 다이어그램을 활용하자.
                                   16
차트 애니메이션

 6
                                  • 차트 작성
 5
                                  • 효과 적용
             4.4
 4
                                  • 효과옵션 -> 차트 묶는
                                   단위 선택
 3
                            2.8
      2.4
 2
                    1.8
                                  • 차트배경 애니메이션
 1
                                   유무 선택
 0
     항목 1   항목 2   항목 3    항목 4   • 시작 선택
      계열 1     계열 2       계열 3

                                                17
스마트 아트 애니메이션

                     1
        하나
                     2
 다섯              둘
                     3

    넷        셋
                     4
                     5
스마트아트애니메이션 탭에서 지정        18
이동경로 애니메이션 효과 보기




               이동경로 옵션

               사용자지정 선 그리기
               의 경우 간격을 너무 멀
               지 않게 클릭해야 자연
               스럽다.




                           19
텍스트 강조 예제




        색을 바꾸는 텍스트


① 흰색 텍스트 작성, HY견고딕, 40pt, 서식>텍스트효과 네
 온 녹색배경1 25% 더 어둡게, 근접반사 터치
② 마우스 클릭시 펼치기 효과 빠르게, 문자단위로
③ 이전효과 다음에, 컬러타자기, 매우 빠르게, 타이밍 2회
                                       20
조명 텍스트 애니메이션 연습




                  21
① 워드아트 텍스트 입력
② 바탕색과 같은 도우넛 형태의 도형을 텍스트가 감춰지도
 록 크게 그리고 조절한다.
③ 글씨 왼편에 두고 우측으로 사용자지정 애니메이션 이동
 경로 곡선을 그림, 느리게
④ 마지막 글씨부분에서 우측으로 다시한번 이동경로 지
 정, 빠르게




                                22
소리와 함께 톱니바퀴 돌리기




                  23
① SmartArt 의 톱니바퀴형 모양만 잘라 붙이기.
② 작은도형을 선택하여 애니메이션 효과의 회전, 시계방향
 360도, 속도 중간(2초)
③ 위 도형과 맞물린 큰 도형은 회전, 시계반대방향 360
 도, 속도 느림(3초)
④ 다른 도형도 돌아가는 방향에 맞게 속도와 회전방향을 설
 정
⑤ 첫번째 효과는 마우스 클릭으로, 나머지는 이전효과와 함
 께를 지정.

                                   24
버튼 선택 이미지 애니메이션



  그림 1




  그림 2




  그림 3




                  25
① 버튼을 세개, 사진이 들어갈 액자, 사진 3장 준비
② 액자와 사진의 크기를 맞추고 정렬 맞춤
③ 선택창에서 사진이름과 버튼이름을 알기 쉽게 정함
④ 옵션창에서 각각의 사진에 효과를 적용
 밝기변화, 클릭시-버튼 클릭할 때, 빠르게, 소리(카메라)
 지정
⑤ 각 옵션창에서, 애니메이션 후 다음클릭 시 숨기기 지정


=> 버튼을 클릭하면 사진이 나오고 다시 클릭하면 사라짐



                                    26
책장 넘기기




         27
① 책도형을 그려 그룹으로 묶기
② 이미지를 넣어 홀수와 짝수 페이지를 중앙에서 좌우로 맞
 추어 배열(조금씩 보이도록 겹쳐 배열)
③ 개체 선택 : 홀수페이지는 위에서부터, 짝수 페이지는 아
 래에서부터 선택
④ 홀수 페이지 이미지들을 선택하여 효과> 끝내기 > 붕
 괴 , 오른쪽에서 , 클릭할 때, 매우빠르게 설정
⑤ 짝수 페이지 이미지들을 선택하고 효과> 나타내기 > 늘
 이기 , 오른쪽에서, 이전효과 다음에, 매우빠르게 설정
⑥ 효과 목록창에서 홀수 짝수 차례대로 순서를 번갈아 위치
 시키고 , 페이지 겹쳐 정렬
                                   28
입체 구 그리기

• <구 만들기>
• 정원 : 90도 선형, 중지점2개 : 검정배경1 50% 더 밝게(위
  치 0), 검정배경1 15%밝게(위치100)
• 하이라이트 원 : 90도 선형, 중지점3개 : 흰색 (위치0) ,흰
  색(투명도50%, 위치 25%) , 흰색(투명도100%, 위치
  65%)
• 원하는 색으로 변경하고자 할 때, 큰 원의 색을 수정함
• 하단에 타원- 어울리는 색으로 지정. 모두 그룹화..


 2012년    2010년   2009년   2006년   2005년


                                          29
파워포인트 유용한 팁 (1)
• 프리젠테이션을 스크린쇼에서 바로 시작되게 하기
  – 프리젠테이션을 파워포인트쇼(ppsx)파일로 저장
• 파워포인트2007이하에 liveweb 확장팩 사용하기
  – 유튜브 카페 등에 올린 각 종류의 영상, PDF파일, 그리고 웹페이
    지를 주소 url 만으로 간단히 슬라이드에 넣을 수 있습니다.
  – http://ktk350.blog.me/100160482373 (설명과 설치 파일)
• PDF 추가기능 다운로드하여 바로 pdf 로 저장하기
  – 옵션>추가기능>Powerpoint 추가기능 선택하여 설치
• 프레젠테이션용 그림파일 형식들
  – GIF : 8비트(256색상, 배너,로고 등)
  – JPG :24비트(트루칼라)
  – PNG :gif와 jpg의 장점 결합(8,16,24bit)
  – WMF :MS 의 클립아트파일. 그외 EMF , Tif/Tiff, Bmp
                                                     30
파워포인트 유용한 팁(2)

• 포토샵에서 이미지 만들때 해상도 Resolution
  – 웹용 : 72 pixels/inch인쇄용 : 300 dots/inch
  – 파워포인트 프레젠테이션용 이미지 : 150 pixels/inch

• CD용 프레젠테이션 패키지 만들기
  – 파일은 물론 슬라이드에 삽입한 모든 멀티미디어 파일, 파워포인
    트가 없는 컴퓨터 환경에 대비하여 뷰어를 묶어 공시디나 하나의
    폴더에 저장하는 기능!
  – 복사할 파일 열고->게시-> CD용패키지-> 시디이름입력 -> 필요한
    파일 추가-> 순서 확인후 옵션설정 -> 뷰어패키지, 연결된 파일 등
    체크 후 확인 -> 시디로 복사 -> 팝업창 <예> 선택 ->완성

                                             31
파워포인트 유용한 팁(3)




                 32
파워포인트 유용한 팁(4)




                 33
프레젠테이션 파일 작성을 위한 조언

• 제목슬라이드는 기업 혹은 단체의 아이덴티티를 살릴 수
 있는 구성과 칼라, 이미지 선택
• 텍스트, 표 슬라이드의 경우 숫자를 디자인 요소로 이용
• 표 슬라이드의 가독성을 신경 써라
• 그림으로 핵심과 목적을 전달하라 – 다이어그램과 이미지
 등을 잘 활용하라
• 아이콘, 클립아트 등은 통일성 있게.
         -출처 : 회사 실무 파워포인트 2007 -




                                    34
PPT참고 & 무료 템플릿 사이트

• 마이크로소프트사 튜토리얼 http://goo.gl/bPrcD
   – 버전별 사용방법, 2007버전은 음성화면, 2010버전은 동영상까지
     제공
• 전상오공작실 : http://jeonsango.tistory.com/
   – 파워포인트를 아주 예쁘고 고급스럽게 만들 수 있는 팁
• 파워포인트 전문가클럽 : http://cafe.naver.com/powerpoint
• 템플릿
   – http://office.microsoft.com/ko-kr/templates/ (MS)
   – http://hangeul.naver.com/document (네이버문서)
   – http://www.smiletemplates.com/free/powerpoint-templates/0.html
     (smiletemplates.com)
• 아이콘 이미지
   – http://www.iconarchive.com/news.html (iconarchive)
   – http://www.ineversay.com/ (neversay)                        35
36

More Related Content

Viewers also liked

신규근로장학생 교육용자료
신규근로장학생 교육용자료신규근로장학생 교육용자료
신규근로장학생 교육용자료
sodapop83
 
2012 도서관 이용자교육_발표자료
2012 도서관 이용자교육_발표자료2012 도서관 이용자교육_발표자료
2012 도서관 이용자교육_발표자료
POSTECH Library
 
창업경진대회
창업경진대회창업경진대회
창업경진대회
sookyung kong
 

Viewers also liked (15)

파워포인트 그림자르기편
파워포인트 그림자르기편파워포인트 그림자르기편
파워포인트 그림자르기편
 
신규근로장학생 교육용자료
신규근로장학생 교육용자료신규근로장학생 교육용자료
신규근로장학생 교육용자료
 
파워포인트 컬러설정편
파워포인트 컬러설정편파워포인트 컬러설정편
파워포인트 컬러설정편
 
Jurnal fiks
Jurnal fiksJurnal fiks
Jurnal fiks
 
GS칼텍스x아름다운재단 어린이 나눔캠프 포토앨범
GS칼텍스x아름다운재단 어린이 나눔캠프 포토앨범GS칼텍스x아름다운재단 어린이 나눔캠프 포토앨범
GS칼텍스x아름다운재단 어린이 나눔캠프 포토앨범
 
파워포인트 기본단축키모음
파워포인트 기본단축키모음파워포인트 기본단축키모음
파워포인트 기본단축키모음
 
2012 도서관 이용자교육_발표자료
2012 도서관 이용자교육_발표자료2012 도서관 이용자교육_발표자료
2012 도서관 이용자교육_발표자료
 
파워포인트 지도도형만들기편
파워포인트 지도도형만들기편파워포인트 지도도형만들기편
파워포인트 지도도형만들기편
 
창업경진대회
창업경진대회창업경진대회
창업경진대회
 
The Andersen Partnership
The Andersen PartnershipThe Andersen Partnership
The Andersen Partnership
 
The Three Lies About Your Age
The Three Lies About Your AgeThe Three Lies About Your Age
The Three Lies About Your Age
 
The Build Trap
The Build TrapThe Build Trap
The Build Trap
 
You Are Not As Rational As You Think
You Are Not As Rational As You ThinkYou Are Not As Rational As You Think
You Are Not As Rational As You Think
 
Mobile Is Eating the World (2016)
Mobile Is Eating the World (2016)Mobile Is Eating the World (2016)
Mobile Is Eating the World (2016)
 
How to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your NicheHow to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your Niche
 

Similar to 파워포인트 애니메이션

Adobe photoshop cs6 새로운기능
Adobe photoshop cs6 새로운기능Adobe photoshop cs6 새로운기능
Adobe photoshop cs6 새로운기능
연주 서
 

Similar to 파워포인트 애니메이션 (20)

활동가를 위한 속성 일러스트 워크샵 AI 워크샵(2013년)
활동가를 위한 속성 일러스트 워크샵 AI 워크샵(2013년)활동가를 위한 속성 일러스트 워크샵 AI 워크샵(2013년)
활동가를 위한 속성 일러스트 워크샵 AI 워크샵(2013년)
 
photoshop basic collage
photoshop basic collagephotoshop basic collage
photoshop basic collage
 
8th.lecture.personal.assignment.guideline
8th.lecture.personal.assignment.guideline8th.lecture.personal.assignment.guideline
8th.lecture.personal.assignment.guideline
 
머티리얼 디자인(material design)
머티리얼 디자인(material design)머티리얼 디자인(material design)
머티리얼 디자인(material design)
 
[IGC 2016] 엔씨소프트 홍상범 - 3D아티스트 위한 프로그램 연동하여 개발 제작 환경 개선하기
[IGC 2016] 엔씨소프트 홍상범 - 3D아티스트 위한 프로그램 연동하여 개발 제작 환경 개선하기[IGC 2016] 엔씨소프트 홍상범 - 3D아티스트 위한 프로그램 연동하여 개발 제작 환경 개선하기
[IGC 2016] 엔씨소프트 홍상범 - 3D아티스트 위한 프로그램 연동하여 개발 제작 환경 개선하기
 
INBRIEF_STARTstart with Prezi vol.01-입문편
INBRIEF_STARTstart with Prezi vol.01-입문편INBRIEF_STARTstart with Prezi vol.01-입문편
INBRIEF_STARTstart with Prezi vol.01-입문편
 
도트클리커 게임만들기
도트클리커 게임만들기도트클리커 게임만들기
도트클리커 게임만들기
 
INBRIEF_START with Prezi vol.02-입문편 140701
INBRIEF_START with Prezi vol.02-입문편 140701INBRIEF_START with Prezi vol.02-입문편 140701
INBRIEF_START with Prezi vol.02-입문편 140701
 
이미지와 애니메이션 효과 적용하기
이미지와 애니메이션 효과 적용하기이미지와 애니메이션 효과 적용하기
이미지와 애니메이션 효과 적용하기
 
entry를 이용한 코딩 교육1
entry를 이용한 코딩 교육1entry를 이용한 코딩 교육1
entry를 이용한 코딩 교육1
 
Unity3D - SmoothMoves
Unity3D -  SmoothMovesUnity3D -  SmoothMoves
Unity3D - SmoothMoves
 
개발자를 위한 도트디자인입문(2017. 03, 09.)
개발자를 위한 도트디자인입문(2017. 03, 09.)개발자를 위한 도트디자인입문(2017. 03, 09.)
개발자를 위한 도트디자인입문(2017. 03, 09.)
 
Material design_update 1_material system and motion
Material design_update 1_material system and motionMaterial design_update 1_material system and motion
Material design_update 1_material system and motion
 
스크래치로 시작하는 코딩
스크래치로 시작하는 코딩스크래치로 시작하는 코딩
스크래치로 시작하는 코딩
 
모바일 개발자가 원하는 디자인 가이드
모바일 개발자가 원하는 디자인 가이드모바일 개발자가 원하는 디자인 가이드
모바일 개발자가 원하는 디자인 가이드
 
미니포토샵 설명서
미니포토샵 설명서미니포토샵 설명서
미니포토샵 설명서
 
이원, 절차적 지형 생성과 하이트필드의 사원, NDC2011
이원, 절차적 지형 생성과 하이트필드의 사원, NDC2011이원, 절차적 지형 생성과 하이트필드의 사원, NDC2011
이원, 절차적 지형 생성과 하이트필드의 사원, NDC2011
 
유니티 UI - 텍스트, 버튼, 이미지, 씬 이동
유니티 UI - 텍스트, 버튼, 이미지, 씬 이동유니티 UI - 텍스트, 버튼, 이미지, 씬 이동
유니티 UI - 텍스트, 버튼, 이미지, 씬 이동
 
Adobe photoshop cs6 새로운기능
Adobe photoshop cs6 새로운기능Adobe photoshop cs6 새로운기능
Adobe photoshop cs6 새로운기능
 
소소하지만 재미있는 UX, 트랜지션과 애니메이션 (@UX월드/2014)
소소하지만 재미있는 UX, 트랜지션과 애니메이션 (@UX월드/2014)소소하지만 재미있는 UX, 트랜지션과 애니메이션 (@UX월드/2014)
소소하지만 재미있는 UX, 트랜지션과 애니메이션 (@UX월드/2014)
 

More from Taekyoung Kim

1강 소셜미디어와 블로그
1강 소셜미디어와 블로그1강 소셜미디어와 블로그
1강 소셜미디어와 블로그
Taekyoung Kim
 
스마트폰배우기_1 개요
스마트폰배우기_1 개요스마트폰배우기_1 개요
스마트폰배우기_1 개요
Taekyoung Kim
 

More from Taekyoung Kim (20)

다문화 IT방문지도사 2015 skillup ppt 스마트폰, 무비메이커, 크롬브라우저
다문화 IT방문지도사 2015 skillup ppt 스마트폰, 무비메이커, 크롬브라우저다문화 IT방문지도사 2015 skillup ppt 스마트폰, 무비메이커, 크롬브라우저
다문화 IT방문지도사 2015 skillup ppt 스마트폰, 무비메이커, 크롬브라우저
 
실습을 통해 배우는 Sns 활용법
실습을 통해 배우는 Sns 활용법실습을 통해 배우는 Sns 활용법
실습을 통해 배우는 Sns 활용법
 
소셜미디어와 친해지기(페이스북)
소셜미디어와 친해지기(페이스북)소셜미디어와 친해지기(페이스북)
소셜미디어와 친해지기(페이스북)
 
스마트폰기초 2015
스마트폰기초 2015스마트폰기초 2015
스마트폰기초 2015
 
스마트폰 개요
스마트폰 개요스마트폰 개요
스마트폰 개요
 
SNS(소셜네트워크서비스) 개요
SNS(소셜네트워크서비스) 개요SNS(소셜네트워크서비스) 개요
SNS(소셜네트워크서비스) 개요
 
Facebook 사용하기
Facebook 사용하기Facebook 사용하기
Facebook 사용하기
 
트위터 사용하기
트위터 사용하기 트위터 사용하기
트위터 사용하기
 
카카오톡 사용하기
카카오톡 사용하기카카오톡 사용하기
카카오톡 사용하기
 
Joyn 에 조인하기
Joyn 에 조인하기 Joyn 에 조인하기
Joyn 에 조인하기
 
파워포인트 도형과 다이어그램 예제
파워포인트 도형과 다이어그램 예제파워포인트 도형과 다이어그램 예제
파워포인트 도형과 다이어그램 예제
 
개성만점 모바일 웹 만들어볼까
개성만점 모바일 웹 만들어볼까개성만점 모바일 웹 만들어볼까
개성만점 모바일 웹 만들어볼까
 
안드로이드 기본어플리케이션
안드로이드 기본어플리케이션안드로이드 기본어플리케이션
안드로이드 기본어플리케이션
 
티스토리 블로그 운영하기 &amp; 개요
티스토리 블로그 운영하기 &amp; 개요티스토리 블로그 운영하기 &amp; 개요
티스토리 블로그 운영하기 &amp; 개요
 
스마트폰처음사용하기_안드로이드
스마트폰처음사용하기_안드로이드스마트폰처음사용하기_안드로이드
스마트폰처음사용하기_안드로이드
 
1강 소셜미디어와 블로그
1강 소셜미디어와 블로그1강 소셜미디어와 블로그
1강 소셜미디어와 블로그
 
스마트폰배우기_1 개요
스마트폰배우기_1 개요스마트폰배우기_1 개요
스마트폰배우기_1 개요
 
Web service
Web serviceWeb service
Web service
 
웹에서 이미지 편집해요
웹에서 이미지 편집해요웹에서 이미지 편집해요
웹에서 이미지 편집해요
 
edit_image_web
edit_image_webedit_image_web
edit_image_web
 

파워포인트 애니메이션

  • 1. 파워포인트 애니메이션 강의 자료 : 2012. 10. 김태경
  • 2. 목차 • 개요 및 기본익힘 • 화면 전환 • 애니메이션, 사용자지정 애니메이션 – 텍스트, 도형 – 표, 차트, 스마트 아트 – 이동경로 애니메이션 • 예제 따라하기 • 그 밖의 파워포인트 유용한 팁, 자주하는 질문 • 효과적인 PPT 작성을 위한 조언 • PPT참고사이트와 무료템플릿 사이트 2
  • 3. 개요 • 애니메이션 효과 : 슬라이드에 삽입한 개체에 다양한 동적 효과를 제공하는 것 • 중요한 항목을 강조하고 역동적인 프레젠테이션을 보여줄 수 있다. • 전달순서를 명확히 하거나 복잡한 내용의 빠른 이해를 도 울 수 있는 보조수단. • 과유불급 : 개연성에 맞도록 적용할 것. 3
  • 4. 기본 익힘 • 화면 기본 구성 • 빠른 실행 도구 모음 • 저장 가능 형식들 : pptx, ppt, potx, pot, pdf, xps, thmx, ppsx, pps, jpg, gif, png, tif, bmp, CD용 • 인쇄 : 슬라이드, 유인물, 발표자노트, 개요 / 컬러선택 • 프레젠테이션시 단축키 : – 처음부터 프리젠테이션 시작하기: F5 – 슬라이드 번호로 이동하기: 숫자 + 엔터 – 프리젠테이션 정지 또는 자동재개: S – 프리젠테이션 종료: ESC 또는 HYPEN(-) – 슬라이드화면에 표시한 연필이나 잉크 등의 메모 지우기: E – 다음 슬라이드가 숨겨진 경우 다음 슬라이드로 이동하기: H – 단축 메뉴 보기: SHIFT+F10 4
  • 5. 화면 전환 • 애니메이션 탭 – 효과 선택, 소리 선택, 속도, 모두 적용 • 화면전환 선택 – 마우스 클릭 or 일정 시간 지정 5
  • 6. 애니메이션 • 애니메이션 탭 • 사용자 지정 애니메이션 – 애니메이션 창 구성 보기 : 효과적용, 제거, 시작과 방향, 속도, 순 서바꾸기 – 효과적용과 옵션보기 : 효과 옵션은 적용한 개체와 애니메이션 종 류에 따라 다름. • 개체 다루기 위한 선택창 보기 – 서식 메뉴> 정렬그룹의 선택창보기 : 개체 순서, 선택시 유용 6
  • 7. [효과] • 방향 : 애니메이션의 진행 방향을 지정 • 효과음 : 애니메이션이 실행될 때 나올 효과음 지정 • 애니메이션 후 : 애니메이션 후 개체를 숨기거나 개체의 색 을 변경합니다. • 텍스트 애니메이션 : 개체에 입력한 텍스트를 개체와 동시 에, 단어별, 문자단위로 애니메이션 지정 7
  • 8. [타이밍] • 시작 : 애니메이션의 시작 방법 지정 • 지연 : 애니메이션 시작 시간을 초 단위로 지연 • 속도 : 애니메이션 실행 속도를 지정 • 반복 : 애니메이션의 반복 횟수를 지정 • 시작옵션 : 애니메이션 시작과 관련된 추가 옵션, 특정 개 체를 클릭 시 시작하도록 지정. 8
  • 9. 이 탭은 개체의 특성에 따라서 메 뉴가 다르게 나타난다. Ex) 차트 애니메이션, 스마트 아 트 애니메이션 [텍스트 애니메이션] • 텍스트 묶는 단위 : 효과를 텍스트에 한꺼번에 적용하거 나 단락별로 적용할지 지정 • 다음 시간 후 자동 전환 : 일정 수준까지 묶어 선택하게 되 면 지정한 시간 후에 애니메이션 되도록 설정 • 첨부된 도형 애니메이션 : 텍스트를 입력한 도형도 함께 애니메이션 되도록 설정 • 역순으로 실행 : 나누어 효과를 적용한 경우 뒤 글자부터 애니메이션이 진행 9
  • 10. 텍스트 애니메이션 텍스트 애니메이션 • 텍스트 애니메이션 Text Animation • Text Animation – Text text text • Animation • 텍스트 애니메이션 Text Animation 텍스트 애니메이션 텍스 – Text 트 애니메이션 • Animation TEXT ANIMATION TEXT • Animation ANIMATION – 텍스트 – 텍스트 10
  • 11. 도형 애니메이션 • 세 도형을 함께 선택하고 효과 날아오기 오른쪽에서 매우빠르게 지정 a • 두번째 효과에서 옵션- 지연 0.2초 • 세번째 효과옵션 –지연 0.4 초 b # 시작과 타이밍 지연시간에 대한 이해 필요 # 부드럽게 시작 종료 옵션 C 11
  • 12. 이미지 애니메이션 • 액자도형 그리기 • 안에 들어갈 사각형 2개 그리고 이미지로 채우기 • 서식도구 선택창에서 순서배열 , 정렬 • 사라지고 나타나는 효 과 주기 # 개체 서식도구의 선택 창 관리방법 알것 12
  • 13. 활용 액자2 액자1 마우스 클릭시마다 액자1의 그림이 액자2로 이동하고 액자 1에는 새로운 그림이 나타난다. (설명은 뒤에->) 13
  • 14. >전 슬라이드 작업 설명 • 애니메이션 적용할 시나리오를 미리 작성하고 작업하기 – 액자 1에 그림1이 나타나고 다른 그림들은 없다. : 그림1 나타나기 – 마우스 클릭 시 액자1의 그림이 액자 2로 이동( 실제로는 복사본을 미 리 준비해서 보이지 않도록 설정함 ) : 그림1 사라지고 액자1에서 그 림1의 복사본이 나타난다. – 동시에 액자1에 새로운 그림이 나타난다. :액자 1에 그림2가 나타난 다. – 다시 클릭하면 액자 2로 이동하고 다른 그림이 들어온다. : 그림1의 복사본이 사라지고 그림2도 액자1에서 사라진다. 그리고 이어서 액자 2에 그림2의 복사본이 나타나고, 액자1에 그림3이 나타난다. • 준비 : 그림1, 그림1의 복사본, 그림2, 그림2의 복사본, 그림3, 액자 2개 • 적용할 효과 : 닦아내기 • 준비한 개체들을 선택창에서 배치하기 14
  • 15. 표 애니메이션 및 표 작성 팁 • 표는 한꺼번에 애니메 하나 둘 셋 넷 이션이 적용됨. 1 2 3 4 • 표를 복사, 윈도메타파 5 6 7 8 일 이미지로 선택하여 붙여넣기 • 그룹을 해제하여 도형 하나 둘 셋 넷 화 하고 각각 다른 셀속 성을 지정해보기 1 2 3 4 • 도형 전체 선택하여 애 5 6 7 8 니메이션 적용해보기. 15
  • 16. 표에 대하여.. • 파워포인트에서 표를 많이 사용하게 된다. • 하지만 때로 표의 디자인 결함 때문에 가독성이나 이해가 떨어진다. • 일괄적인 머리글 및 셀 구성의 딱딱함을 벗어나고자 한다 면 도형이나 이미지를 배경으로 활용하거나 세로선 등을 과감히 없애는 것도 좋다. • 표를 복사하고 붙여넣기에서 선택하여 이미지로 붙여넣 고 그룹을 해제하여 사용하거나, • 직접 도형을 이용하여 표를 완성하는 것도 한 방법이다. • 창의적이고 눈에 띄는 다이어그램을 활용하자. 16
  • 17. 차트 애니메이션 6 • 차트 작성 5 • 효과 적용 4.4 4 • 효과옵션 -> 차트 묶는 단위 선택 3 2.8 2.4 2 1.8 • 차트배경 애니메이션 1 유무 선택 0 항목 1 항목 2 항목 3 항목 4 • 시작 선택 계열 1 계열 2 계열 3 17
  • 18. 스마트 아트 애니메이션 1 하나 2 다섯 둘 3 넷 셋 4 5 스마트아트애니메이션 탭에서 지정 18
  • 19. 이동경로 애니메이션 효과 보기 이동경로 옵션 사용자지정 선 그리기 의 경우 간격을 너무 멀 지 않게 클릭해야 자연 스럽다. 19
  • 20. 텍스트 강조 예제 색을 바꾸는 텍스트 ① 흰색 텍스트 작성, HY견고딕, 40pt, 서식>텍스트효과 네 온 녹색배경1 25% 더 어둡게, 근접반사 터치 ② 마우스 클릭시 펼치기 효과 빠르게, 문자단위로 ③ 이전효과 다음에, 컬러타자기, 매우 빠르게, 타이밍 2회 20
  • 22. ① 워드아트 텍스트 입력 ② 바탕색과 같은 도우넛 형태의 도형을 텍스트가 감춰지도 록 크게 그리고 조절한다. ③ 글씨 왼편에 두고 우측으로 사용자지정 애니메이션 이동 경로 곡선을 그림, 느리게 ④ 마지막 글씨부분에서 우측으로 다시한번 이동경로 지 정, 빠르게 22
  • 24. ① SmartArt 의 톱니바퀴형 모양만 잘라 붙이기. ② 작은도형을 선택하여 애니메이션 효과의 회전, 시계방향 360도, 속도 중간(2초) ③ 위 도형과 맞물린 큰 도형은 회전, 시계반대방향 360 도, 속도 느림(3초) ④ 다른 도형도 돌아가는 방향에 맞게 속도와 회전방향을 설 정 ⑤ 첫번째 효과는 마우스 클릭으로, 나머지는 이전효과와 함 께를 지정. 24
  • 25. 버튼 선택 이미지 애니메이션 그림 1 그림 2 그림 3 25
  • 26. ① 버튼을 세개, 사진이 들어갈 액자, 사진 3장 준비 ② 액자와 사진의 크기를 맞추고 정렬 맞춤 ③ 선택창에서 사진이름과 버튼이름을 알기 쉽게 정함 ④ 옵션창에서 각각의 사진에 효과를 적용 밝기변화, 클릭시-버튼 클릭할 때, 빠르게, 소리(카메라) 지정 ⑤ 각 옵션창에서, 애니메이션 후 다음클릭 시 숨기기 지정 => 버튼을 클릭하면 사진이 나오고 다시 클릭하면 사라짐 26
  • 28. ① 책도형을 그려 그룹으로 묶기 ② 이미지를 넣어 홀수와 짝수 페이지를 중앙에서 좌우로 맞 추어 배열(조금씩 보이도록 겹쳐 배열) ③ 개체 선택 : 홀수페이지는 위에서부터, 짝수 페이지는 아 래에서부터 선택 ④ 홀수 페이지 이미지들을 선택하여 효과> 끝내기 > 붕 괴 , 오른쪽에서 , 클릭할 때, 매우빠르게 설정 ⑤ 짝수 페이지 이미지들을 선택하고 효과> 나타내기 > 늘 이기 , 오른쪽에서, 이전효과 다음에, 매우빠르게 설정 ⑥ 효과 목록창에서 홀수 짝수 차례대로 순서를 번갈아 위치 시키고 , 페이지 겹쳐 정렬 28
  • 29. 입체 구 그리기 • <구 만들기> • 정원 : 90도 선형, 중지점2개 : 검정배경1 50% 더 밝게(위 치 0), 검정배경1 15%밝게(위치100) • 하이라이트 원 : 90도 선형, 중지점3개 : 흰색 (위치0) ,흰 색(투명도50%, 위치 25%) , 흰색(투명도100%, 위치 65%) • 원하는 색으로 변경하고자 할 때, 큰 원의 색을 수정함 • 하단에 타원- 어울리는 색으로 지정. 모두 그룹화.. 2012년 2010년 2009년 2006년 2005년 29
  • 30. 파워포인트 유용한 팁 (1) • 프리젠테이션을 스크린쇼에서 바로 시작되게 하기 – 프리젠테이션을 파워포인트쇼(ppsx)파일로 저장 • 파워포인트2007이하에 liveweb 확장팩 사용하기 – 유튜브 카페 등에 올린 각 종류의 영상, PDF파일, 그리고 웹페이 지를 주소 url 만으로 간단히 슬라이드에 넣을 수 있습니다. – http://ktk350.blog.me/100160482373 (설명과 설치 파일) • PDF 추가기능 다운로드하여 바로 pdf 로 저장하기 – 옵션>추가기능>Powerpoint 추가기능 선택하여 설치 • 프레젠테이션용 그림파일 형식들 – GIF : 8비트(256색상, 배너,로고 등) – JPG :24비트(트루칼라) – PNG :gif와 jpg의 장점 결합(8,16,24bit) – WMF :MS 의 클립아트파일. 그외 EMF , Tif/Tiff, Bmp 30
  • 31. 파워포인트 유용한 팁(2) • 포토샵에서 이미지 만들때 해상도 Resolution – 웹용 : 72 pixels/inch인쇄용 : 300 dots/inch – 파워포인트 프레젠테이션용 이미지 : 150 pixels/inch • CD용 프레젠테이션 패키지 만들기 – 파일은 물론 슬라이드에 삽입한 모든 멀티미디어 파일, 파워포인 트가 없는 컴퓨터 환경에 대비하여 뷰어를 묶어 공시디나 하나의 폴더에 저장하는 기능! – 복사할 파일 열고->게시-> CD용패키지-> 시디이름입력 -> 필요한 파일 추가-> 순서 확인후 옵션설정 -> 뷰어패키지, 연결된 파일 등 체크 후 확인 -> 시디로 복사 -> 팝업창 <예> 선택 ->완성 31
  • 34. 프레젠테이션 파일 작성을 위한 조언 • 제목슬라이드는 기업 혹은 단체의 아이덴티티를 살릴 수 있는 구성과 칼라, 이미지 선택 • 텍스트, 표 슬라이드의 경우 숫자를 디자인 요소로 이용 • 표 슬라이드의 가독성을 신경 써라 • 그림으로 핵심과 목적을 전달하라 – 다이어그램과 이미지 등을 잘 활용하라 • 아이콘, 클립아트 등은 통일성 있게. -출처 : 회사 실무 파워포인트 2007 - 34
  • 35. PPT참고 & 무료 템플릿 사이트 • 마이크로소프트사 튜토리얼 http://goo.gl/bPrcD – 버전별 사용방법, 2007버전은 음성화면, 2010버전은 동영상까지 제공 • 전상오공작실 : http://jeonsango.tistory.com/ – 파워포인트를 아주 예쁘고 고급스럽게 만들 수 있는 팁 • 파워포인트 전문가클럽 : http://cafe.naver.com/powerpoint • 템플릿 – http://office.microsoft.com/ko-kr/templates/ (MS) – http://hangeul.naver.com/document (네이버문서) – http://www.smiletemplates.com/free/powerpoint-templates/0.html (smiletemplates.com) • 아이콘 이미지 – http://www.iconarchive.com/news.html (iconarchive) – http://www.ineversay.com/ (neversay) 35
  • 36. 36