사용 안내서 취소

Adobe Captivate에서 SVG 작업

검색

마지막 업데이트 날짜 2023년 9월 28일

Captivate

앱 열기

Captivate 사용자 가이드
Captivate 소개
1. Adobe Captivate의 새로운 기능
2. Adobe Captivate 시스템 요구 사항
3. Adobe Captivate 업데이트
4. Adobe Captivate 다운로드
5. 자주 묻는 질문
슬라이드 추가
1. Adobe Captivate의 슬라이드 탐색기
2. 대화 슬라이드 추가
3. Adobe Captivate 프로젝트에 캐릭터 추가
4. 슬라이드에서 배경 이미지 편집
5. 콘텐츠 블록 및 구성 요소에 안쪽 여백 추가
6. 긴 스크롤 프로젝트 만들기
텍스트 블록 추가
1. 프로젝트에 텍스트 추가
미디어 블록 추가
1. 프로젝트에 이미지 추가
2. 프로젝트에 비디오 추가
3. 인용문 추가
4. 프로젝트에 SVG 추가
대화형 구성 요소
1. 버튼 추가
2. 입력 필드 추가
3. 라디오 버튼 그룹 추가
4. 드롭다운 추가
5. 확인란 추가
위젯
1. 카드 추가
2. 탭 추가
3. 인증서 추가
4. 캐러셀 추가
5. 핫스팟 추가
6. 드래그 앤 드롭 추가
7. 타임라인 추가
8. 클릭하여 표시하기 추가
퀴즈 만들기
1. 객관식 질문 추가
2. 참 또는 거짓 질문 추가
3. 열 연결 질문 추가
4. 단답형 질문 추가
5. 순서 질문 추가
6. 문제 은행 및 무작위 질문 슬라이드 추가
7. 질문을 CSV로 가져오기
프로젝트에 오디오 추가
1. 오디오 추가
상호 작용
1. 프로젝트에 상호 작용 추가
2. 오버레이를 사용하여 대화형 비디오 만들기
3. 슬라이드 수준 상호 작용 만들기
4. 개체 수준 상호 작용 만들기
애니메이션
1. 프로젝트에 애니메이션 추가
접근성
1. 프로젝트를 액세스 가능하도록 설정
타임라인 사용자 정의
1. Adobe Captivate의 타임라인 패널
TOC 및 재생 막대 사용자 정의
1. Adobe Captivate 목차
프로젝트 속성 편집
1. Adobe Captivate의 변수
2. 환경 설정
3. 프로젝트 치수
4. 테마
시뮬레이션 프로젝트 만들기
1. 시뮬레이션
프로젝트 미리 보기
1. 미리 보기
검토용으로 프로젝트 공유
1. 검토용으로 공유
프로젝트 게시
1. 프로젝트 게시
Adobe Captivate에서 프로젝트 업그레이드
1. 프로젝트를 최신 버전으로 업그레이드

Adobe Captivate에서 프로젝트에 SVG를 삽입하는 방법을 알아봅니다.

참고:

Adobe Captivate에는 텍스트, 이미지 또는 버튼과 같은 구성 요소를 포함하는 텍스트 또는 이미지 블록과 같은 콘텐츠 블록이 도입되었습니다. 이 비디오를 재생하여 콘텐츠 블록 및 구성 요소에 대해 자세히 알아보십시오.

SVG 는 품질 저하 없이 크기를 조절할 수 있는 벡터 이미지 형식이며 애니메이션을 지원합니다. Adobe Captivate의 SVG를 프로젝트에 일러스트레이션, 아이콘, 다이어그램 또는 기타 시각적 요소를 추가하는 것과 같이 다양한 목적으로 사용할 수도 있습니다.

SVG 콘텐츠 블록 추가

왼쪽 도구 모음에서 미디어 블록 추가 > SVG를 선택합니다.

SVG 콘텐츠 블록 속성 변경

블록 수준 속성은 SVG 콘텐츠 블록을 선택할 때 사용할 수 있습니다. 맞춤 및 간격, SVG 교체, 디자인 옵션, 구성 요소, 모양 등 다양한 섹션에서 사용할 수 있는 속성을 변경할 수 있습니다.

시각적 속성 패널의 콘텐츠 너비 슬라이더와 가로 안쪽 여백은 맞춤 및 간격 섹션에 연결되어 있습니다. 슬라이더를 왼쪽에서 이동하면 왼쪽 안쪽 여백 값이 변경되며 슬라이더를 오른쪽에서 이동하면 오른쪽 안쪽 여백 값이 변경됩니다. 왼쪽 또는 오른쪽의 가로 안쪽 여백 값을 변경하면 정확한 변경 내용이 콘텐츠 너비 슬라이더에 복제됩니다.

선택한 콘텐츠 블록의 위쪽 또는 아래쪽에 안쪽 여백을 추가하고 위쪽 및 아래쪽 안쪽 여백에 대해 원하는 값을 입력하려면 세로 안쪽 여백 값을 변경합니다.

높이 자동 맞춤 확인란을 선택하여 SVG 콘텐츠 블록의 높이를 슬라이드에 맞게 조절합니다.
아이콘 수 슬라이더를 이동하여 SVG의 수를 늘리거나 줄입니다. 최대 4개의 SVG를 추가할 수 있습니다.
폴더 아이콘을 클릭하여 SVG 아이콘을 바꿉니다. 폴더를 클릭하고 에셋 또는 컴퓨터에서 SVG를 선택합니다.
디자인 옵션을 선택합니다. 디자인 옵션은 SVG 콘텐츠 블록에 적용할 수 있는 더 깔끔한 디자인 요소와 함께 사전 구성된 레이아웃을 제공합니다.

자세한 내용은 Adobe Captivate의 디자인 옵션을 참조하십시오.
구성 요소 섹션에서 다음을 변경할 수 있습니다.
- 아이콘: 이 옵션은 비활성화된 상태로 유지됩니다.
크기 조정 슬라이더를 이동하여 SVG 크기를 왜곡 없이 조정합니다. 크기 조정은 SVG이 사용 가능한 너비에 맞다는 것을 의미합니다.
- 제목: SVG 제목을 추가하거나 제거합니다.
- 캡션: SVG의 캡션을 추가하거나 제거합니다.
- 본문: SVG의 본문 텍스트를 추가하거나 제거합니다.
- 카드: SVG 주위의 카드를 추가하거나 제거합니다.
참고:

구성 요소 섹션에서 구성 요소를 정렬할 수 있습니다. 구성 요소 위로 마우스를 가져가 옵션(왼쪽 맞춤, 가운데 맞춤 또는 오른쪽 맞춤)을 선택합니다.
모양 섹션의 배경 탭에서 콘텐츠 블록 수준의 색상 설정을 변경할 수 있습니다. 배경색과 테두리를 추가하고 테두리에 그림자를 적용합니다. 단색, 선형 또는 방사형 그라디언트를 선택하거나 이미지를 배경으로 추가합니다.
카드를 사용하도록 설정한 경우, 안쪽 여백과 같은 카드의 속성을 변경하고 반경 값을 변경하여 둥근 모서리를 추가할 수 있습니다.

또한 카드 탭에 배경색, 테두리 또는 그림자를 추가합니다.

SVG 카드 속성 변경

Adobe Captivate에서는 SVG 카드를 선택하고 텍스트, 캡션, 카드 또는 모양과 같은 속성을 변경할 수 있습니다.

콘텐츠 블록에서 SVG 카드를 선택합니다.
구성 요소 섹션에서 다음을 변경할 수 있습니다.
- 아이콘: SVG 아이콘을 추가하거나 제거합니다. 크기 조정 슬라이더를 이동하여 SVG 아이콘 크기를 왜곡 없이 조정합니다. 크기 조정은 SVG이 사용 가능한 너비에 맞다는 것을 의미합니다.
- 제목: 카드에서 SVG 제목을 추가하거나 제거합니다.
- 캡션: 카드에서 SVG 캡션을 추가하거나 제거합니다.
- 본문: 카드에 SVG 본문 텍스트를 추가하거나 제거합니다.
- 카드: SVG 주위의 카드를 추가하거나 제거합니다.
참고:

구성 요소 섹션에서 구성 요소를 정렬할 수 있습니다. 구성 요소 위로 마우스를 가져가 옵션(왼쪽 맞춤, 가운데 맞춤 또는 오른쪽 맞춤)을 선택합니다.
카드를 사용하도록 설정한 경우, 안쪽 여백과 같은 카드의 속성을 변경하고 반경 값을 변경하여 둥근 모서리를 추가할 수 있습니다.

또한 카드 탭에 배경색, 테두리 또는 그림자를 추가합니다.

SVG 블록의 텍스트 변경

SVG 블록에서 제목 또는 캡션과 같은 텍스트를 선택하고 시각적 속성 패널에서 속성을 변경합니다.

자세한 내용은 Adobe Captivate에서 텍스트로 작업을 참조하십시오.

기본 SVG 아이콘 바꾸기

Adobe Captivate에서 SVG 아이콘을 바꾸고 모양을 변경할 수 있습니다.

콘텐츠 블록에서 SVG 카드를 선택합니다.
기본 SVG 아이콘을 바꾼 후 SVG 아이콘을 선택합니다. 그런 다음 에셋을 선택하고 에셋 또는 컴퓨터에서 SVG를 선택합니다.

SVG 선택
바꾸기 아이콘을 클릭합니다.

SVG 모양 변경

SVG를 선택합니다.
상태 섹션에서 추가를 클릭하여 상태 플라이아웃을 실행합니다. SVG 사용자 정의 상태를 추가합니다.

자세한 내용은 Adobe Captivate의 상태를 참조하십시오.
아이콘 섹션에서 폴더 아이콘을 선택하여 에셋 또는 컴퓨터에서 SVG를 바꿉니다.
뒤집기 아이콘 섹션에서 SVG를 가로 또는 세로로 뒤집습니다.
모양 섹션에서 불투명도 슬라이더를 움직여 SVG의 투명도를 높이거나 낮춥니다.
SVG 경로를 선택하고 단색 선택기에서 채우기 색상을 적용하여 색상을 변경합니다.
테두리 상자에서 클릭 활성화 확인란을 선택하여 런타임에서 테두리 상자의 SVG와 해당 공백을 클릭할 수 있습니다.