보다 풍부한 사용자 경험을 위한 효과 적용

다운로드한 zip 폴더에서 샘플 하위 폴더로 이동하여 다음 파일을 엽니다.

apply-effects.cptx

필름 스트립에서 요약 슬라이드로 이동합니다.

왼쪽 화살표에 효과를 적용하려면 슬라이드의 화살표를 마우스 오른쪽 단추로 클릭하고 효과 적용을 선택합니다.

효과 섹션의 세 번째 드롭다운 목록에서들어가기 범주를 선택합니다.

들어가기에 사용할 수 있는 효과가 아래 패널에 표시됩니다.

슬라이드에서 개체의 효과를 보려면 효과 위에 포인터를 갖다 댑니다.

우측 이즈 인 효과를 선택합니다.

오른쪽 화살표의 경우 효과를 좌측 이즈 인으로 설정합니다.

효과를 적용할 때에는 짧은 간격으로 진행 상태를 미리 확인하는 것이 좋습니다. 그러면 작업 중에 슬라이드에서 효과가 어떻게 표시되는지 확인할 수 있습니다.

도구 모음에서 미리 보기를 클릭한 다음 슬라이드 재생을 선택합니다.

다운로드한 zip 폴더에서 샘플 하위 폴더로 이동하고 엽니다.

apply-effects.cptx

필름 스트립에서 Samantha 슬라이드로 이동합니다.

이 슬라이드에서는 먼저 평면도의 Sam 책상 주변에 파란색 강조 표시를 적용해 보겠습니다.

도구 모음에서 모양을 클릭하고 사각형 모양을 선택합니다.

평면도에서 Sam의 책상 위로 사각형 모양을 끌어옵니다.

속성 관리자에서 사각형에 대해 다음 속성을 입력합니다.

이름: sams_desk(이 개체에 효과를 적용한 경우 나중에 해당 이름 사용)

불투명도: 0%(이 개체 아래 Sam의 책상 이미지가 표시되도록 적용)

속성 관리자가 작업 영역 오른쪽에 표시되지 않으면 도구 모음의 오른쪽 모서리에서 속성을 클릭합니다.

도구 모음에서 상호 작용을 클릭하고 단추를 선택합니다.

단추 개체가 슬라이드에 배치됩니다.

속성 관리자에서 단추에 대해 다음 속성을 입력합니다.

Sam의 책상 위치

동작 탭으로 이동합니다.

성공한 경우 드롭다운 목록에서 효과 적용을 선택합니다.

개체 이름 드롭다운 목록에서 sams_desk를 선택한 다음 을(를) 클릭합니다.

효과 섹션의 세 번째 드롭다운 목록에서 강조를 선택합니다.

효과 목록에서 증가하면서 회전을 선택합니다.

다운로드한 zip 폴더에서 샘플 하위 폴더로 이동하고 엽니다.

apply-effects.cptx

필름 스트립에서 프로젝트를 열고 Samantha 슬라이드로 이동합니다.

도구 모음에서 개체를 클릭하고 롤오버 캡션을 선택합니다.

슬라이드에 롤오버 캡션을 추가하면 개체에 다음 두 부분이 포함됩니다.

롤오버 캡션: 조건부로 표시되는 텍스트 캡션(예: 툴팁)

롤오버 영역: 크기 조정이 가능한 영역으로 텍스트 캡션을 표시하려면 마우스 포인터를 갖다 대야 함

텍스트 캡션에 다음 텍스트를 입력합니다.

LUNARSPHERE STUDIOS, 4층, 평면도

슬라이드 오른쪽의 평면도 이미지가 덮이도록 핸들을 사용해 롤오버 영역의 위치와 크기를 조정합니다.

텍스트 캡션의 위치를 조정하여 이 절차의 시작 부분에 표시된 이미지의 왼쪽 하단에 배치합니다.

롤오버 캡션이 어떻게 표시되는지 미리 보십시오.

도구 모음에서 미리 보기를 클릭한 다음 전체 프로젝트에서 미리 볼 프로젝트를 선택합니다.

다운로드한 zip 폴더에서 샘플 하위 폴더로 이동하고 엽니다.

apply-effects.cptx

필름 스트립에서 Samantha 슬라이드로 이동합니다.

도구 모음에서 모양을 클릭하고 사각형 모양을 선택합니다.

위에 표시된 것처럼 사각형을 끌어옵니다.

모양을 두 번 클릭하고 다음 텍스트를 입력합니다.

여기에 마우스 포인터를 갖다 대면 Samantha 팀 표시

그런 다음 이 모양 위에 롤오버 이미지를 추가할 것입니다.

개체를 클릭하고 롤오버 이미지를 선택합니다.

컴퓨터에서 이미지 파일을 선택할 수 있는 대화 상자가 표시됩니다.

다운로드한 zip 폴더에서 에셋 하위 폴더로 이동합니다.

sams_team 파일을 선택하고 열기를 클릭합니다.

슬라이드에 롤오버 이미지를 추가하면 개체에 다음 두 부분이 포함됩니다.

롤오버 이미지: 조건부로 표시되는 이미지

롤오버 영역: 크기 조정이 가능한 영역으로 이미지를 표시하려면 마우스 포인터를 갖다 대야 함

위 3단계에서 추가한 모양이 덮이도록 핸들을 사용해 롤오버 영역의 위치와 크기를 조정합니다.

이 절차의 시작 부분에 표시된 롤오버 이미지의 위치를 조정합니다.

다운로드한 zip 폴더에서 샘플 하위 폴더로 이동하고 엽니다.

apply-effects.cptx

필름 스트립에서 프로젝트를 열고 Samantha 슬라이드로 이동합니다.

도구 모음에서 개체를 클릭하고 롤오버 슬라이드렛을 선택합니다.

슬라이드에 롤오버 슬라이드렛을 추가하면 개체에 다음 두 부분이 포함됩니다.

슬라이드렛: 조건부로 표시되는 Captivate 개체 컨테이너

롤오버 영역: 크기 조정이 가능한 영역으로 슬라이드렛 콘텐트를 표시하려면 마우스 포인터를 갖다 대야 함

슬라이드렛에 사각형 모양을 추가해 보겠습니다.

슬라이드렛을 선택하고 모양을 클릭한 다음 사각형 모양을 선택합니다.

사각형 모양을 슬라이드렛 내부로 끌어옵니다.

다음 텍스트를 사각형 모양에 복사하여 붙여 넣습니다.

나에 대한 정보: Lunarsphere Studio에서 일하고 있습니다. '아니요'라는 말을 듣는 것을 좋아하지 않으며 문제를 제기하는 것에서 그치지 않고 해결책까지 제시하는 사람이 되고 싶습니다. 

가장 좋아하는 영화: 카사블랑카

최고의 휴가: 카이로에서의 키자 피라미드 투어

내 버킷 리스트 중 하나: 고든 램지의 요리 강좌 듣기

속성 관리자를 사용하여 텍스트 색상을 흰색으로, 모양 색상을 빨간색으로 변경합니다.

슬라이드 왼쪽의 Samatha 사진이 덮이도록 핸들을 사용해 롤오버 영역의 위치와 크기를 조정합니다.

도구 모음에서 게시를 클릭한 다음 컴퓨터에 게시를 선택합니다.

내 컴퓨터에 게시 대화 상자가 표시됩니다.

게시 형식 드롭다운 목록에서 HTML5 / SWF가 선택되어 있는지 확인합니다.

출력 형식 옵션에서 HTML5가 선택되어 있는지 확인합니다.

게시를 클릭합니다.