Prezi LESSON 08 스토리텔링 프레젠테이션 디자인 제작사: Prezi Inc. 웹페이지: http://prezi.com/ 버전: 온라인 버전: 2014년 6월, 데스크탑 버전: 5.2.2 용도: 스토리텔링 형식의 프레젠테이션 콘텐츠 제작 설치환경: 웹앱(온라인 버전), 프레지 데스크탑(다국어 Windows XP, 7, 8) 왜 필요한가? 파워포인트(PPT)를 활용한 프레젠테이션(Presentation)은 페이지 단위로 제시되며, 전체적인 구조를 볼 수 없는 한계가 존재하는데 이를 극복할 수 있는 유용한 저작툴이 Mindjet MindManager와 Prezi 입니다. MindManager는 프레젠테이션 기능을 포함 할 뿐 아니라 다양한 흐름도, 구조도, 진행도 등을 한 페이지에 구현할 수 있으며, Prezi는 한 페이지에 개체를 작성할 수 있으며 역동적인 화면이동을 할 수 있는 유용한 도구라 할 수 있습니다. MindManager는 다른 맵핑툴과는 달리 한국어+다국어(중국어)를 완벽하기 지원하나 Prezi는 다국어 를 지원하지 않는 한계가 있습니다. 그러나 두 소프트웨어를 적절히 선별적으로 활용할 경우 각각의 취 약성을 보완할 수 있으며, 궁극적으로 PPT 위주의 프레젠테이션을 극복할 수 있습니다. 프레지는 프레젠테이션 저작도구로서 아래와 같은 많은 장점을 지니고 있습니다. l [ZUI(Zooming User Interface)] 방식으로 PPT와 같은 애니메이션을 지원하지 않으나 줌인 (Zoom in)과 줌아웃(Zoom Out) 방식으로 프레젠테이션됩니다. l 한페이지 내에서 스토리를 구성할 수 있는 스토리텔링(storytelling) 기법을 구현합니다. l Flash 기반이므로 웹브라우저 호환성에 제한이 없습니다. l 온라인 기반과 오프라인 기반(프레지 데스크탑)을 동시에 지원하기 때문에 작업환경이 자유스럽습니다. l 역동적인 화면이동으로 시각적 효과를 극대화할 수 있습니다. l 개체에 텍스트, 이미지, 영상 등의 자원들을 삽입할 수 있습니다. l Embed 소스를 활용하여 웹사이트, 블로그 등에 프레지를 공유할 수 있습니다. l 유, 무료로 사용할 수 있기 때문에 경제적 부담이 없습니다. 단 용량확장이나 프레지 데스크탑은 유료(교육용 연간 59달러)로 제공됩니다. l PPT와 같이 무선 프리젠더를 사용할 수 있기 때문에 편리하게 프레젠테이션을 수행할 수 있습니다. 124
08 스토리텔링 프레젠테이션 디자인: Prezi 준비사항 1) http://prezi.com/에 접속하여 회원가입 합니다. 아카데미 무료 서비스를 이용할 경우 회원가입시 AC(교육기관) 메일 계정이 있어야 합니다. 2) Prezi Desktop5은 시험버전으로 30일 사용이 가능하며, 정식사용은 연간 159달러(교육용 59달러)를 지불해야 합니다. 3) 콘텐츠 제작에 필요한 텍스트, 이미지, 영상을 준비합니다. 사용법 1) 계정생성 (1) http://prezi.com/에 접속하여 본문에 있는 [가입하기] 버튼을 클릭하여 회원가입 준비를 합니다. (2) 서비스 유형은 유료와 무료로 구분되며 서비스되는 용량에 차이가 있습니다. 무료 서비스를 받기 위해 [퍼블릭 이용하기]를 선택합니다. [Public]은 무료로 100MB의 용량을 제공합니다. 좀 더 많은 용량을 사용하고자 할 경우 [Enjoy]나 [Pro] 유형을 선택하면 됩니다. [Enjoy]는 500MB 저장공간에 연간 59달러, [Pro]는 2GB 저장공간에 연간 159달러를 지불해야 합니다. (3) [퍼블릭 이용하기]를 클릭한 후 이름, 메일, 비밀번호를 입력하고 계정을 생성합니다. 무료 퍼블릭 125
계정으로 만든 프레지는 공개됩니다. (4)학생이나 교사일 경우 하단의 [교육용 라이센스]를 클릭합니다. 교육용 라이센스는 일반 라이센스보다 일인된 가격으로 프레지 서비스를 이용할 수 있습니다. (5)교육용 라이센스는 [Edu Enjoy], [Edu Pro]가 있으며, [Edu Enjoy]는 저장공간 500MB를 무료로 제공하며, [Edu Pro]는 저장공간 2GB를 연간 59달러에 이용할 수 있습니다. (6) 무료인 [Edu Enjoy]로 서비스를 이용하기 위해 [계속하기]를 클릭합니다. 메일 주소란에 AC 가 들어가 있는 메일계정이나 일반 메일계정을 입력한 후 인증을 받기 위해 [인증하기]를 클릭합니다. (7) 학교이름, 도시, 국가, 학교웹사이트 주소를 입력하고 [계속하기]를 클릭합니다. 126
08 스토리텔링 프레젠테이션 디자인: Prezi (8) 교육용 라이센스 가입 완료를 나타내는 창이 표시됩니다. 등록한 메일에서 링크를 클릭하여 인증하면 가입 절차가 완료됩니다. (9) 메인하면 우측 상단에 있는 [로그인] 버튼을 클릭하고 이메일과 비밀번호를 입력하고 로그인합니다. 127
2) 프레지 데스크탑 설치 (1) 프레지 데스크탑용은 사용자의 컴퓨터에 설치하여 오프라인 환경에서도 사용할 수 있으며, 유료로 사용해야 합니다. 단 30일간 시험버전으로 사용할 수 있습니다. 사용법은 온라인 버전과 동일합니다. 메인화면에서 [윈도우용 프레지 다운로드]를 클릭합니다. (2) 설치파일을 다운로드하고 설치합니다. (3) 다운로드 받은 파일을 더블 클릭하여 프레지를 설치합니다. (4) 설치된 프레지 데스크탑을 실행하고 메일과 패스워드를 입력하여 로그인합니다. 128
08 스토리텔링 프레젠테이션 디자인: Prezi (5) 메인화면에서 새로운 프레지를 작성하기 위해 [새로운 동기화된 프레지]를 클릭합니다. (6)템플릿 설정창에서 임의의 템플릿을 선택하고 하단의 [템플릿 사용] 버튼을 클릭하거나, [빈프 레지 시작] 버튼을 클릭하여 빈프레지 화면으로 시작합니다. (7) 선택한 템플릿이 적용된 프레지 메인화면이 나타납니다. 제목, 텍스트, 이미지, 영상 삽입과 패스를 설정하여 프레지 작성을 시작합니다. 129
3) 시작하기 메인화면은 [내프레지], [배우기&고객지원], [탐색]으로 구성되어 있습니다. 내프레지: 사용자가 자신의 프레지를 작성할 수 있으며, 제작한 프레지를 관리할 수 있습니다. 제작 한 프레지는 embed 태그 를 통해 공유가 가능합니다. 배우기 & 고객지원: 프레지 사용법에 대한 텍스트, 영상을 지원합니다. [핵심 프레지 사용법2]에서 는 영상 사용법을 제공하고 있습니다. 탐색: 다른 사용자가 제작한 프레지를 검색할 수 있습니다. 검색된 프레지는 공개 여부에 따라 복 사하여 사용자의 계정으로 가져올 수도 있고, Embed 방식 으로 활용할 수 있습니다. 130
08 스토리텔링 프레젠테이션 디자인: Prezi (1) 로그인 후 새로운 프레지를 제작하기 위해 [새로운 프레지(New prezi)]를 클릭합니다. (2) 데스크탑 프레지와 같이 템플릿창이 나타납니다. 임의의 템플릿을 선택하고 [템플릿 사용]을 클릭합 니다. 템플릿을 사용시 이미 만들어진 배경 이미지를 사용하여 쉽고 편하게 프레지를 만들 수 있으며, 빈 프레지 사용시 마음 것 원하는데로 프레지를 꾸밀 수 있습니다. 템플릿을 사용할 경우에도 빈 프레지를 사용할 때와 마찬가지로 다른 프레지의 내용을 복사하거나 붙이는 등 캔버스 위의 모든 것을 편집할 수 있습니다. (3) 본격적으로 프레지 제작을 할 수 있는 캔버스가 나타납니다. 마우스의 휠을 위, 아래로 움직이거나 화면 오른쪽의 [+] 혹은 [-] 를 클릭(캔버스 오른쪽 중간에 마우스를 대면 홈버튼과 [+, -] 버튼이 나타납니다)하면 줌인 혹은 줌아웃됩니다. 131
(4) 캔버스를 왼쪽, 오른쪽, 위, 아래로 움직이려면 마우스 왼쪽 클릭을 한 채로 원하는 방향으로 움직입니 다. 홈 버튼을 클릭하면 충분히 줌아웃되어 지금까지 작업한 것을 모두 볼 수 있는 전체화면이 됩니다. 또한 프레지를 만들기 전에 이 홈버튼을 클릭하면, 캔버스가 기준 화면으로 돌아와 올바른 위치에서 시작할 수 있습니다. 4) 설정하기 (1) 프레지 사용자 설정은 상단의 [수정]메뉴, 상단의 [설정]을 이용하여 할 수 있습니다. (2) [설정]에서는 화면비율과 단축키를 설정할 수 있습니다. 단축키 설정은 온라인 버전에서 설치 소프트웨어처럼 편리하게 작업을 할 수 있게 해줍니다. [편집모드 단축키] F - 프레임[Frame] 추가 L - image, pdf, video, swf 삽입 132
08 스토리텔링 프레젠테이션 디자인: Prezi S - 도형 추가 P - 패스 설정 모드 1 - 줌인 2 - 줌아웃 3 시계방향 회전 4 반시계 방향 회전e Delete, Backspace 개체 삭제 Left, Right, Up, Down 선택한 개체 1펙셀 이동 SHIFT + Left, Right, Up, Down 선택한 개체 10픽셀 이동 CTRL + S - 저장하기 CTRL + Z - 되돌리기(Undo) CTRL + Y - 되돌린 것을 취소함(Redo) CTRL + D - 선택된 개체를 복사하여 바로 붙여넣기 CTRL + C - 선택된 개체 복사 CTRL + V - 개체 붙여넣기 CTRL + SHIFT + M - 화면비율 조정 CTRL + SHIFT + C - Prezi CSS editor 열기 CTRL + SHIFT + D - 개체를 반사시켜서 복사 Esc(Escape key) - 작업중인 액션 종료, 대화상자 닫기 Space 프레젠테이션 모드 [감상모드 단축키] Right, Left 패스의 전후 이동 Up, Down 스마트 줌인, 줌아웃 B 화면 블랫아웃 Space 전체화면 모드에서 패스 이동 PageUp, PageDown 전후 이동, 패스 이동 Escape 프레젠테이션 종료 (3) [수정] 버튼을 클릭하여 [파일 선택]에서 임의의 이미지 파일을 선택하면 배경 이미지가 변환됩니 다. [삭제] 버튼을 클릭하면 배경 이미지가 삭제됩니다. (4) [테마]에서는 배경, 타이틀과 본문 텍스트가 셋트로 결합된 테마를 일괄 설정할 수 있습니다. 특정 테마를 클릭하면 자동으로 변경됩니다. [원 상태로 되돌리기] 버튼을 클릭하여 설정을 취소 할 수 있습니다. 133
(5) 사용자가 수정한 테마는 [현재 테마 저장하기] 버튼을 클릭하여 테마로 등록합니다. 이후 작업에 서 편리하게 사용자의 테마를 적용할 수 있습니다. (6) 프레지 캔버스의 배경을 변환할 때는 캔버스 배경위에서 마우스 우클릭을 하고 [배경 바꾸기]를 선택합니다. [Theme Wizard]창이 나타나며, [옵션]을 클릭해도 [Theme Wizard]창이 나타납니 다. (7) [옵션]을 클릭하면 [Theme Wizard]창이 나타나며, 세부적인 설정을 할 수 있습니다. 134
08 스토리텔링 프레젠테이션 디자인: Prezi (8) [Theme Wizard]에서는 일반 배경화면과 3D 배경화면을 설정할 수 있습니다. [Background]는 단순한 색깔로 설정되고, [3D Background]에서는 사용자 이미지로 배경을 설정할 수 있습니다. 상단은 변경된 배경과 로고를 미리 볼 수 있습니다. (9) [3D Background]에서 배경으로 사용할 이미지를 선택합니다. [Upload]를 클릭하여 배경이미지 를 업로드합니다. 업로드되어 배경이미지가 보이면 [Done]를 클릭합니다. (10) 변경한 배경이 적용됩니다. 배경이 너무 선명할 경우 텍스트가 잘 보이지 않은 단점이 있기 때문에 적당한 투명도로 배경을 처리한 후 선택하는 것을 권장합니다. 135
(11) [Theme Wizard]에서 [Advanced]를 클릭하면 배경, 로고, 타이틀과 본문 폰트와 컬러, 원과 사각형 프레임 컬러, 화살표와 마커 컬러 등을 세부적으로 설정할 수 있습니다. (12) [3D Background]에서 설정한 배경을 컬러 배경으로 변환하고자 할 경우, [3D Background]의 [X]표를 클릭하여 배경이미지를 제거하고 [Background]에서 원하는 컬러를 설정합니다. (13) 프레지는 사용자 로고 사용을 지원합니다. 사용자만의 로고를 넣기 위해서 [Theme Wizard] [Custom Logo] [Upload]를 클릭합니다. 사용자 로고 파일을 선택합니다. 이미지 업로딩 시 지원되는 파일 타입과 마찬가지로, 지원되는 로고 파일 타입은 JPG, PGN, GIF, SWF입니다. (14) 삽입한 로고는 [감상 모드]에서 볼 수 있습니다. 아래 이미지의 좌측 하단에 사용자 로고가 나타납니다. Embed한 프레지에서는 내가 삽입한 로고가 아니라 프레지 로고가 나타납니다. ['내 프레지]에서 선택한 프레지를 편집 모드로 로딩 시 나타나는 프레지 로고는 삭제할 수 없습니 다. 136
08 스토리텔링 프레젠테이션 디자인: Prezi 5) 텍스트 입력하기 (1) 텍스트를 입력하기 위해 캔버스의 임의의 위치를 클릭하면 텍스트 박스가 나타납니다. 텍스트 수정창에서는 텍스트의 크기, 색깔, 진하기, 배경, 개요번호, 정렬, 들여쓰기와 내어쓰기 등을 설정할 수 있습니다. (2) 입력한 텍스트의 크기는 작은 [A]와 큰 [A]( )를 연속 클릭하여 조절합니다. 텍스트의 컬러는 지정할 텍스트를 블록으로 설정한 다음 컬러를 선택하면 설정됩니다. 텍스트 박스의 배경은 [ ]을 선택하여 지정합니다. (3) 입력한 텍스트를 삭제할 때는 텍스트 박스를 클릭한 후 [삭제] 버튼을 클릭하거나 [Delete] 키보드 를 누릅니다. [텍스트 수정]을 선택하면 이미 입력한 텍스트를 수정할 수 있습니다. 텍스트 박스는 손가락 모양의 아이콘을 클릭한 후 위치를 이동할 수 있습니다. (4) 텍스트의 크기는 텍스트 박스를 클릭할 때 생성되는 4개의 핸들에 마우스 커서를 대면 화살표가 생성되며 이것을 마우스 클릭 드래그하여 설정할 수도 있습니다. (5) 텍스트 박스를 클릭하여 생성되는 4개의 핸들에 마우스 커서를 대고 있으면 원모양의 핸들이 확장되고 이 원 핸들에 마우스 커서를 대면 원모양의 화살표가 생성됩니다. 이 화살표를 상하로 움직이면 회전됩니다. (6) 텍스트 창을 더블 클릭하면 아래처럼 핸들이 바뀝니다. 좌우 화살표 모양의 핸들을 클릭 좌우로 드래그 하면 텍스트 박스의 길이를 조절할 수 있고, 하단의 흰색 원에 마우스를 대면 양방향 137
대각선 화살표가 나타나며 이를 드래그하면 가로세로 크기를 동시에 조절할 수 있습니다. 6) 이미지 삽입하기 (1) 프레지에서는 상단 메뉴 [추가] [이미지]를 선택하여 이미지를 선택하거나 탐색기에서 삽입하 고자하는 이미지를 직접 캔버스에 드래그해도 됩니다. (2) 우측 창에서 [이미지 삽입] [파일 검색 중]을 클릭하여 삽입하고자 하는 이미지를 선택합니다. (3) 정해진 위치에 이미지가 삽입됩니다. 삽입된 이미지를 클릭하여 4개의 핸들이 생성되고 수정 메뉴들이 나타납니다. 핸들을 드래그하여 크기를 조절할 수 있고, 핸들에 마우스 커서를 대고 생성되는 원 모양의 화살표를 좌우로 드래그하여 회전시킬 수도 있습니다. (4) [바꾸기]를 클릭하면 이미지 삽입 메뉴로 이동하여 이미지를 교체할 수 있습니다. [이미지 자르기] 를 클릭하면 [ㄱ]자 모양의 핸들이 나타나며 클릭 드래그하여 크기를 원하는 원하는 부분을 설정한 다음 엔터를 치면 이미지가 잘라집니다. 138
08 스토리텔링 프레젠테이션 디자인: Prezi (5) 이미지를 클릭한 후 [효과]를 선택하여 삽입한 이미지에 다양한 효과를 줄 수 있습니다. 복잡한 이미지 편집은 Photoshop와 같은 소프트웨어를 사용하지만 간단한 이미지 편집은 [효과]를 이용하면 편리합니다. 원하는 효과는 보정, 필터, 프레임, 포커스, 따뜻함, 명도, 대비, 채도, 선명 도, 컬러터치, 적목, 화이트, 잡티제거 등이 있습니다. 퍼블릭 회원은 3가지 효과 (보정, 필터, 프레임)만 사용할 수 있습니다. 프로 혹은 에듀 프로 회원은 위에 보이는 모든 효과를 사용할 수 있습니다. 보정: 고해상도: 해상도를 높여 줍니다. 밝게 하기: 밝기를 조절합니다. 색상 보정: 색상을 보정합니다. 필터: 이미지에 다양한 색상의 필터를 적용하여 이미지를 편집합니다. 139
프레임: 이미지 액자를 설정하여 이미지를 입체화합니다. 포커스: 원하는 부분을 강조하거나 심도를 표현합니다. 원형 혹은 사각형 모양으로 강조할 수 있으며 크기 조절도 가능합니다. 따뜻함: 원형 버튼을 오른쪽으로 옮기면 따듯한 분위기가, 왼쪽으로 옮기면 차가운 분위기가 연출 됩니다. 명도: 원형 버튼을 좌우로 이동하여 이미지를 어둡거나 밝게 연출할 수 있습니다. 140
08 스토리텔링 프레젠테이션 디자인: Prezi 대비: 원형 버튼을 오른쪽으로 이동시 색 대비가 높아지며, 왼쪽으로 이동시 색 대비가 낮아집니다. 채도: 원형 버튼을 오른쪽으로 이동시 채도가 높아지며, 왼쪽으로 이동시 채도가 낮아집니다. 선명도: 선명한 이미지로 편집할 수 있으며, 원형 버튼을 오른쪽으로 이동 시 이미지가 선명해 지며, 왼쪽으로 이동시 부드럽게 표현됩니다. 컬러 터치: 이미지를 흑백으로 만든 후 원하는 부분만 컬러로 표현할 수 있는 재미있는 기능입니다. 이 툴을 선택하면 이미지가 자동으로 흑백 이미지로 변합니다. 141
-프리 컬러: 이미지에 있는 모든 색상이 컬러로 나타납니다. -스마트 컬러: 한 번에 한 색상만 컬러로 나타납니다. -지우개: 적용된 컬러 색상을 지워 흑백으로 되돌립니다. 지우개를 이용하여 자유롭게 편집할 수 있습니다. 적목: 사진에서 레드 아이를 수정할 수 있습니다. 레드 아이 부분을 클릭해 주세요. 빨간 부분에만 적용이 되므로 예를 들어 노란 부분에 적용할 경우 변화가 없습니다. 화이트: 조명을 켠 듯 이미지를 밝고 환하게 만들어 줍니다. 상단 메뉴에서 브러시 크기를 조절할 수 있습니다. 잡티 제거: 잡티 제거 툴로 매끈한 피부 표현을 할 수 있습니다. 수정하고 싶은 부분을 클릭하면 됩니다. 상단 메뉴에서 브러시 크기를 조절할 수 있습니다. 142
08 스토리텔링 프레젠테이션 디자인: Prezi 임의의 효과를 선택한 후 [적용]을 클릭하면 효과가 적용됩니다. [저장]을 클릭하면 최종적으로 효과가 적용된 이미지로 저장됩니다. 편집 창의 오른쪽 상단에 있는 [X] 모양을 클릭하면 선택한 효과가 다시 취소됩니다. (6) 이미지를 회전할 때도 텍스트 박스와 마찬가지로 핸들을 선택한 후 상하로 회전시키면 됩니다. (7) 프레지는 사용자의 컴퓨터에 있는 이미지를 삽입할 수도 있고, 웹에 있는 이미지를 검색하여 삽입할 수 있습니다. [이미지] [웹에서 이미지 검색하기]에서 임의의 검색으로 입력하고 검새 합니다. (8) 검색된 이미지를 더블클릭하면 캔버스에 삽입됩니다. 삽입된 이미지는 위치, 크기, 효과를 각각 설정할 수 있습니다. 143
(9) 삽입된 두 개의 이미지를 수평정렬 할 때는 하나의 이미지를 드래그하여 정렬할 이미지로 접근시 키면 수평을 알리는 청색 점선이 나타날 때 마우스 버튼을 놓으면 됩니다. 상하, 좌우 동일한 방법이 적용됩니다. 7) 변형 툴 (1) 텍스트, 심볼, 사진 등 캔버스에 있는 오브젝트를 한 번 클릭하면 변형 툴이 적용됩니다. 오브젝트 를 원하는 곳으로 이동할 수 있으며, 크기 및 방향도 조절할 수 있습니다. 오브젝트에 프레임을 만든 경우에도 프레임을 한 번 클릭하면 파란 색 변형 툴이 적용 되며 이동, 크기, 방향을 원하는 데로 변형시킬 수 있습니다. (2) 오브젝트를 선택하면 나타나는 핸들을 드래그하여 크기를 조절할 수 있고, [+, -]를 클릭해도 크기를 조절할 수 있습니다. 손모양 아이콘을 드래그 하면 오브젝트를 이동할 수 있습니다. 모든 오브젝트의 [삭제] 버튼을 클릭하면 삭제됩니다. 사각형 핸들을 클릭하면 원형 핸들이 생성되고 144
08 스토리텔링 프레젠테이션 디자인: Prezi 이 핸들을 회전하면 오브젝트가 회전합니다. 8) 프레임 추가하기 (1) 프레임은 프레지 제작에 매우 중요한 부분이며 오브젝트를 관리하는 매우 좋은 방법입니다. 프레임은 슬라이드 또는 페이지와 같은 개념이며, 여러 아이디어를 하나로 묶는데 사용될 수 있습니다. 내용에 프레임을 추가하면 그것이 한 페이지 혹은 한 장면이 됩니다. 프레임을 먼저 만들고 내용을 추가해도 됩니다. 4가지 모양의 프레임 중 선택할 수 있으며, 크기와 위치뿐만 아니라 색상도 변경이 가능합니다. 프레임의 또 다른 장점은 프레임을 캔버스에 추가한 후, 자유 자재로 위치 이동, 사이즈 조절, 회전이 가능하며, 프레임 안에 있는 모든 내용 역시 같은 비율로 움직입니다. (2) 새로운 프레임을 추가하기 위해 좌측 상단의 [프레임 추가] 아이콘을 클릭하며 상하 화살표를 클릭하면 프레임의 종류를 선택할 수 있습니다. 프레임의 종류에는 [괄호 프레임], [원 프레임], [사각 프레임], [투명 프레임] 4가지가 있습니다. 프레임을 선택하고 캔버스로 드래그하면 삽입됩 니다. (3) 여러 내용을 순서대로 나타나게 하는 페이드-인 효과나 내 이야기의 순서를 정하는 패스에서도 프레임이 유용하게 사용됩니다. (4) 추가한 프레임을 클릭하면 변형툴에서 프레임을 교체할 수 있고, 프레임만을 제거할 수 있습니다. [투명 프레임]은 투명하기 때문에 오브젝트를 묶는 역할만 하게 됩니다. 145
(5) 프레임을 추가하는 또 다른 방법은 [추가] [프레임]을 선택합니다. 우측에 [프레임] 메뉴가 나타나며 임의의 프레임을 선택하고 클릭합니다. (6) 이 프레임은 이미지, 텍스트 상자 등이 미리 그룹화되어 있는 방식으로 삽입되어 있어 단독으로 프레임만 삽입되는 방식보다 편리합니다. 프레임 변형툴은 마우스 커서를 프레임에 가까이 하면 청색 라인이 나나날 때 마우스를 클릭하면 표시됩니다. (7) 캔버스에 추가된 프레임은 자동으로 패스 설정이 됩니다. 9) 레이아웃 추가하기 (1) 미리 만들어 놓은 레이아웃, 다이어그램, 차트를 활용하면 아이디어를 더욱 효과적으로 청중에게 전달할 수 있습니다. [추가] [레이아웃]을 클릭합니다. 146 (2) [레이아웃 삽입] 창이 나타납니다. 임의의 레이어웃을 선택하고 [선택]을 클릭하면 삽입됩니다. 레이아웃은 다양한 종류를 지원하며 사용자의 용도에 부합하는 레이아웃은 프레지 작업을 효율
08 스토리텔링 프레젠테이션 디자인: Prezi 적으로 수행하게 합니다. (3) 레이아웃은 프레임과 텍스트 상자가 결합되어 있으며 각각의 프레임들을 통합하는 프레임 구조로 되어 있습니다. 변형툴에서 크기, 이동, 삭제, 주밍 등을 설정할 수 있습니다, 10) 심볼 &모양 넣기 (1) 상단 메뉴에서 [추가] [심볼 & 모양]을 선택합니다. 다양한 모양 및 심볼을 프레지에 추가할 수 있습니다. 네모, 원, 삼각형을 추가하여 내용을 묶어주는 프레임으로 활용할 수 있습니다. 또한 라이브러리에서 원하는 모양 및 드로잉을 선택하여 멋진 프레지를 만들수 있습니다. (2) [Styles] 창이 나타납니다. 여기에서는 [심플 블랙], [심플 화이트], [사진], [스케츠하다], [귀여 운], [아로새겨지다], [스티커], [모양]을 지원합니다. 임의의 스타일을 선택한 후 더블클릭하거나 147
캔버스로 드래그 하면 삽입됩니다. (3) [심플 블랙], [심플 화이트], [사진], [스케치하다], [귀여운], [아로새겨지다], [스티커], [모양]의 구체적인 구성은 아래와 같습니다. 사진이나 이미지는 [추가] [이미지]에서 추가가 가능하지만 간단한 스타일은 아래의 양식에서 선택하여 편리하게 프레지 작업을 할 수 있습니다. 148
08 스토리텔링 프레젠테이션 디자인: Prezi (4) [모양]의 경우 다른 스타일과는 달리 [얇은 테두리], [굵은 테두리], [색상 & 스타일 설정]을 할 수 있습니다. (5) 모든 스타일은 변형툴에서 [삭제]를 클릭하거나 해당 스타일은 선택한 후 [Delete]를 클릭하여 삭제합니다. 11) 영상, PDF 넣기 (1) 프레지에서 영상을 삽입하는 방법은 유튜브와 같은 영상서비스 사이트에서 영상을 검색하여 링크형식으로 삽입하는 방식과 동영상 파일을 직접 업로드하는 방식이 있습니다. [추가] [유튜 브 동영상]을 클릭합니다. (2) [유튜브에서 동영상 가져오기] 창이 나타납니다. 유튜브에서 동영상을 검색하여 공유주소를 확보 합니다. http://youtu.be/1rzuhanr9go (3) [유튜브에서 동영상 가져오기] 창 주소란에 영상주소를 입력하고 [추가] 버튼을 클릭합니다. 149
(4) 영상이 링크형식으로 삽입되기 때문에 업로드 과정없이 곧바로 영상이 삽입됩니다. 변형툴에서 크기, 위치, 회전 등을 설정할 수 있습니다. 링크형식이기 때문에 용량을 차지하지 않는 장점이 있습니다. (5) 사용자의 컴퓨터에서 직접 영상 파일을 삽입하기 위해 [추가] [파일(PDF, 동영상)에서]를 클릭합니다. (6) [열기] 창에서 임의의 영상파일을 선택합니다. 영상파일명은 업로드 오류의 가능성 때문에 영문으 로 설정하는 것을 권장합니다. (7) 온라인 기반에서 프레지를 작성할 경우 파일 형식의 영상삽입은 영상파일이 온라인으로 업로드되 는 과정을 거치기 때문에 시간이 소요됩니다. 삽입된 이후는 유튜브와 동일한 방식으로 설정할 수 있습니다. 150
08 스토리텔링 프레젠테이션 디자인: Prezi (8) 프레지에서는 PDF 파일을 삽입하여 활용할 수 있습니다. [추가] [파일(PDF, 동영상)에서]를 클릭합니다. (9) [열기] 창에서 임의의 PDF 파일을 선택합니다. 파일명은 영문으로 설정하는 것을 권장합니다. (10) PDF 파일이 사용자의 컴퓨터에서 웹으로 업로드되기 때문에 처리하는 시간이 소요됩니다. 업로드가 완료되면 아래처럼 페이지 별로 정렬되어 나타납니다. PDF 파일들을 프레임으로 적용 하여 활용할 수도 있고 개별 PDF별로 구분하여 활용할 수도 있습니다. 개별 PDF는 패스를 설정할 수도 있습니다. (11) PDF 파일을 삽입될 때 이미지 형식으로 처리되기 때문에 이미지와 같은 방식으로 [이미지 자르기]를 할 수 있습니다. 151
(12) PDF가 여러 페이지로 구성되어 있을 경우 그룹화하여 편리하게 관리할 수 있습니다. 그룹화할 개별 PDF 이미지를 Ctrl 키보드를 누른 상태에서 선택하면 [그룹] 아이콘이 나타납니다. [그룹] 을 클릭하면 그룹화가 됩니다. 그룹화된 PDF 이미지에서 [그룹 해제]를 선택하면 그룹이 해제됩 니다. Shift 키보드를 누른 상태에서 마우스로 개별 PDF 이미지를 드래그하여 영역을 설정하면 편리하게 그룹화할 수 있습니다. 12) 패스 설정하기 (1) 프레젠테이션을 하는 순서를 정하기 위해서는 패스를 설정해야 합니다. 패스는 파워포인트의 슬라이드와 같은 개념이라고 할 수 있습니다. 편집 모드에서 패스 및 패스 순서를 편집하고, 감상 모드에서 설정한 패스에 따라 프레지가 플레이되는 것을 확인할 수 있습니다. (2) 패스를 설정하려면, 화면 왼쪽 사이드 바에서 [패스 설정]을 클릭합니다. (3) 프레젠테이션이 되기를 희망하는 순서대로 캔버스의 오브젝트를 클릭하면 좌측에 번호가 표기되 면서 패스가 설정됩니다. (4) 패스와 패스 사이에 오브젝트를 패스로 삽입하고자 할 때는 패스 라인 중간에 있는 [+]를 드래그하 여 해당 오브젝트 위에서 놓으면 설정됩니다. 152
08 스토리텔링 프레젠테이션 디자인: Prezi (5) 좌측 사이드 바의 프레임을 드래그하여 순서를 변경할 수 있습니다. 프레임 우측 상단에 있는 [X]를 클릭하면 패스가 삭제됩니다. (6) 패스 설정이 완료되면 우측 상단의 [완료] 버튼을 클릭하면 편집모드로 돌아갑니다. 13) 다른 사람들의 프레지 "빌려오기 (1) 프레지 웹사이트 상단 우측의 [탐색]을 클릭하면 사용자들이 공유한 프레지를 검색하여 활용할 수 있습니다. (2) 검색란에 검색어를 입력하고, [재사용 가능한 프레지만 보여주기]를 선택하면 해당 프레지를 자신의 계정으로 복사하여 수정, 재활용할 수 있습니다. 재사용 여부는 공유한 사용자가 설정해야 합니다. 153
(3) 검색어에 해당되는 프레지들이 검색됩니다. 프레지에는 제목, 작성자, 열람횟수 등이 나타납니다. 재사용 가능한 프레지만 검색했기 때문에 적절한 프레지를 선택하여 재사용 할 수 있습니다. (4) 프레지 하단에 있는 [복사하기] 버튼을 클릭하여 사용자의 계정으로 프레지를 복사합니다. (5) 사용자의 프레지에 [Copy of_검색한 프레지 제목]으로 프레지가 복사됩니다. 이 프레지를 사용 자가 수정하여 재활용할 수 있습니다. 14) 페이드인 애니메이션 (1) 프레지의 페이드인 기능을 이용하면 프레지에 한 프레임에 있는 이미지나 텍스트를 순차적으로 나타나게 할 수 있습니다. 파워포인트의 에니메이션 기능과 유사하다고 할 수 있습니다. 설정한 패스 순서에 따라 프레지가 움직이면서 페이드인 효과가 나타납니다. 내용에 페이드인 효과를 넣으려면, 반드시 그 내용은 동일한 프레임 내에 있어야 합니다. (2) 프레임 내에서 페이드인 효과 넣기 위해 편집모드에서 왼쪽 사이드 바의 [패스 설정] 을 클릭합니 다. 154
08 스토리텔링 프레젠테이션 디자인: Prezi (3) 페이드 효과를 넣고 싶은 프레임의 왼쪽에 보이는 별 아이콘을 클릭합니다. (4) 페이드인 효과 창이 나타나면 효과를 주려는 오브젝트에 마우스를 가져다 대고 활성화되며 마우스 를 클릭하면 페이드인 효과가 적용됩니다. 적용된 오브젝트에는 초록색 별 모양이 나타납니다. 이 별에는 숫자가 보이고, 이 숫자의 순서대로 프레임 안에서 페이드인 효과가 나타납니다. (5) 적용한 페이드인 효과가 어떻게 나타나는지 보려면, 창 오른쪽에 있는 삼각형 모양의 플레이 버튼을 클릭합니다. (6) 페이드인 되는 순서를 변경하려면 좌측 상단의 Reset을 클릭합니다. 설정된 페이드인 순서가 모두 삭제됩니다. (7) 페이드인 효과 설정이 완료되면 상단 오른쪽의 [Done]을 클릭합니다. (8) 한 프레임 내에서 여러 오브젝트를 한 번에 나타나게 하려면, 여러 오브젝트를 그룹으로 묶어서 페이드인 효과를 설정합니다. 단, 이미 페이드인 효과를 넣은 그룹에 새로운 오브젝트를 추가로 그룹화할 경우, 새로운 개체에는 기존의 페이드인 효과가 적용되지 않습니다. 이 경우, 페인드인 효과를 새로 설정해야 합니다. 16) 파워포인트 삽입 (1) 프레지는 이미지, PDF와 같은 방법으로 PPT 파일을 삽입할 수 있습니다. [추가] [파워포인트] 를 클릭합니다. 155
(2) [열기] 창에서 임의의 PPT파일을 선택하고 [열기] 버튼을 클릭합니다. 파일명은 영문을 권장합니 다. 우측에 PPT Import 창이 나타납니다. (3) 우측창에는 파워포인트 슬라이드 단위별로 이미지 형식으로 표시됩니다. [Insert All]을 클릭하면 모든 슬라이드가 캔버스에 삽입되고, 특정 슬라이드를 드래그하여 캔버스에 놓습니다. 체크 표시 를 클릭하면 삽입되고, [X]표를 클릭하면 삽입이 취소됩니다. (4) 삽입된 PPT 슬라이드는 프레임으로 구성되며, 텍스트(머리말, 꼬리말, 본문)는 사용자가 적절이 위치를 수정하여 사용합니다. PPT의 구성요소를 완벽하게 삽입되지는 않습니다. 156
08 스토리텔링 프레젠테이션 디자인: Prezi 17) 온라인 에디터 휴대용 프레지 다운로드하기 (1) 온라인 에디터 내에서 휴대용 프레지를 만들어서 활용할 수 있습니다. 휴대용 프레지란 편집이 불가능한 감상 전용의 프레지로, 온라인에서 혹은 윈도우용/맥용 프레지에서 만든 프레지를 다운 받으면 휴대용 프레지로 만들 수 있습니다. 휴대용 프레지는 인터넷, 프레지 계정, 윈도우용/맥용 프레지 없이도 언제, 어디서나, 누구나 플레이가 가능합니다. 인터넷 사용이 불가능한 상황에서 발표해야 하는 경우 유용하며, 컨퍼런스 시작 전 미리 관계자들에게 보낼 수도 있습니다. 윈도 우 맥에 상관없이 어떤 플랫폼에서도 플레이가 가능합니다. 휴대용 프레지 내에는 플레이에 필요한 모든 것이 포함되어 있어, 어떠한 것도 추가로 설치하실 필요가 없습니다. (2) 상단 메뉴 바에서 우측에서 [공유] [휴대용 프레지 다운로드] 아이콘을 클릭합니다. (3) 휴대용 프레지 과정을 거쳐 하단에 다운로드 창이 나타납니다. 임의의 위치에 다운로드 한 후 압축해제합니다. Prezi.exe 를 실행하면 별도의 플레이어 없이 재생할 수 있습니다. (4) [휴대용 프레지 다운로드] 메인 화면의 [다운로드]와 기능이 같습니다. 18) 프레지 PDF 다운로드 하기 (1) 작성한 프레지 결과물을 PDF 형식으로 다운로드 할 수 있습니다. 휴대용 프레지를 다운로드할 수 있지만 PDF는 문서 형식이기 때문에 인쇄용으로 적절합니다. [공유] [PDF 다운로드]를 클릭합니다. 패스단위로 PDF를 생성합니다. (2) PDF 생성이 완료되면 [다른 이름으로 저장] 창이 나타납니다. yourprezi.pdf 형식으로 PDF 파일이 다운로드 됩니다. 157
(3) 생성된 PDF는 패스를 슬라이드로 간주하여 페이지를 분할합니다, 19) 프레지 관리 (1) Prezi.com에 로그인 한 후 프레지를 관리할 수 있습니다. 메인화면에는 사용자가 관리하는 프레 지가 나타나며 폴더를 생성하여 관리할 수 있습니다. (2) 폴더를 생성하기 위해 [새로운 폴더]를 클릭합니다. (3) 이름변경 박스에 임의의 폴더명을 입력하고 [이름 변경] 버튼을 클릭합니다. 158 (4) 폴더를 삭제할 때는 해당 폴더를 선택한 후 우측 상단의 톱니바퀴 아이콘을 클릭한 후 [폴더 삭제]를 클릭합니다.
08 스토리텔링 프레젠테이션 디자인: Prezi (4) 임의의 프레지를 선택하면 상단에 [편집], [공유], [폴더], [삭제] 아이콘이 나타납니다. [편집]을 클릭하거나 프레지를 더블 클릭하면 저장된 프레지를 열어 편집할 수 있습니다. (5) 프레지의 이름을 수정할 때는 제목에 마우스 커서를 대면 연필모양의 아이콘이 나타납니다. 클릭하여 이름을 변경한 후 [저장] 버튼을 클릭합니다. (6) 사용자가 작성한 프레지는 편집하기, 원격 프레젠테이션, 다운로드, 복사하기, 공유, Embed 태그를 제공합니다. 159
(7) [편집하기]를 클릭하면 내용을 편집할 수 있는 편집모드로 전환됩니다. (8) [원격 프레젠테이션]은 다른 사람을 초대하여 실시간으로 내가 만든 프레지를 보여줄 수 있습니 다. 프레지 계정이 없어도 프레젠테이션에 초대할 수 있으며, 최대 30명까지 프레지를 함께 감상 할 수 있습니다. (9) 링크를 복사하여 메일로 공유하거나 [원격 프레젠테이션 시작] 버튼을 클릭하여 프레지 감상모드 에서 프레지를 실행합니다. (10) [다운로드]는 프레지를 컴퓨터로 다운로드합니다. [다운로드] 버튼을 클릭하면 다운로드 창이 나타납니다. 다시 [다운로드] 버튼을 클릭합니다. (11) 다운로드 보기가 나타납니다. [저장]을 클릭하여 다운로드합니다. (12) 다운로드된 파일은 아래와 같이 압축파일 형식입니다. 160
08 스토리텔링 프레젠테이션 디자인: Prezi (13) 압축을 해제하면 아래와 같은 폴더와 파일구조가 나타납니다. Prezi.exe 파일을 클릭하여 실행합니다. (14) 프레지는 다른 재생 소프트웨어 없이 자체적으로 재생되며 감상모드로 작동됩니다. 다운로드 방식의 프레지는 사용자의 컴퓨터에서 인터넷에 연결되지 않아도 재생할 수 있는 장점이 있습니 다. (15) [복사하기]를 클릭하면 프레지 메인 화면에 Copy of 가 불은 프레지가 복사됩니다. 제목을 변경하고 편집하여 사용할 수 있습니다. (16) [공유]를 클릭하여 프레지의 공유범위를 설정합니다. 범위는 [비공개]-[숨기기]-[퍼블릭]-[재새 용 가능] 순으로 구성되면 [재새용 가능]이 가장 강력한 공개라 할 수 있습니다. 161
(17) [Embed 태그]는 프레지를 다른 콘텐츠에서 삽입하여 재생할 수 있게 합니다. 기본적인 자원은 프레지 사이트에서 제공됩니다. 사용자가 폭과 높이의 값을 설정할 수 있습니다. [클릭보드로 코드 복사]를 클릭하면 Embed 태그가 복사됩니다. (18) [숨기기]와 삭제 아이콘을 클릭하면 해당 프레지를 검색이 되지 않도록 숨길 수 있고, 삭제할 수 있습니다. (19) 감상모드가 아니더라도 좌우 버튼을 프레지의 내용을 확인할 수 있으며, 하단 우측버튼을 클릭하 여 전체화면 모드로 전환할 수 있습니다. (20) 작업 중인 프레지는 자료의 유실을 방지하기 위해 저장 버튼을 클릭하여 저장합니다. 상단에 저장된 시간이 표시됩니다. 좌우 화살표를 클릭하여 [실행취소](Ctrl+Z), [다시 실행](Ctrl+Y) 할 수 있습니다. 작업중인 프레지의 제목도 상단에 표기됩니다. 20) 스마트 프레지 뷰어 사용하기 (1) 프레지는 주로 PC 기반에서 작성하지만 최종 결과물은 스마트폰(iPad, iphone)에서 [Prezi Viewer]를 설치하여 프레젠테이션을 할 수 있습니다. AppStore에서 어플리케이션을 설치합니 다. (2) [Prezi Viewer]를 실행한 후 프레지의 계정정보를 입력하고 [로그인] 버튼을 클릭합니다. PC 기반에 서 작업한 프레지 정보가 나타납니다. 임의의 프레지를 클릭합니다. 하단의 좌우 화살표를 클릭하면 프리젠테이션이 진행됩니다. 162
08 스토리텔링 프레젠테이션 디자인: Prezi (3) 스마트폰과 빔프로젝트를 연결할 경우 프레지를 대형화면에 미러링하여 프레젠테이션할 수 있습 니다. 스마트폰의 경우 화면이 작다는 점 이외에 미러링 품질은 PC와 동일합니다. 스마트폰과 빔프로젝트를 Lightning-VGA 어댑터 로 연결할 수 있습니다. 163
[Tip] 프레지에서 사용할 수 있는 프리젠터 일반적으로 PPT에서는 프리젠터를 대부분 제한없이 사용할 수 있으나, 프레지에서 작동 가능한 프 리젠터는 제한적이라 할 수 있습니다. 웹브라우저 모드 전체화면시에는 작동하지 않으며, Edit 모드에 서 사용해야 합니다. Logitech R400 3M WP-7200 USB 3M WP-8500 USB 3M WP-6000 3M WP-8000 X-Pointer XP140 Plus [3M WP-8500 USB] 3M WP-8500 USB의 경우 [죠그셔틀]이나 [다음화면]과 [이전화면]을 이용하여 프레지를 프레젠테이 션할 수 있으며, 마우스 콘트롤바와 마우스 왼쪽과 마우스 오른쪽 버튼이 있어서 사용하기에 편리합니 다. 164