[Ai] 튜토리얼 만들기

이 섹션은 Tutorial Builder에서 Illustrator 튜토리얼을 작성하는 방법을 설명합니다.

참고:

Tutorial Builder에서 지침을 숨기거나 표시하려면 홈 대시보드에 있는 프로필 사진을 클릭합니다. 그러면 도움말 텍스트를 켜고 끌 수 있습니다.

이 Tutorial Builder 가이드에 액세스하려면 Illustrator에서 패널 하단에 있는 물음표 아이콘을 클릭합니다. 또는 홈 대시보드의 프로필 사진을 클릭하고 작성자 안내서로 이동을 클릭합니다.

1. 제한 사항

Tutorial Builder는 개발 중이며, 현재 지원되지 않는 몇 가지 Illustrator 기능이 있습니다. 이러한 기능이 필요하지 않은 에셋과 워크플로우를 선택하는 것이 좋습니다.

참고:

현재 제한 사항

매우 간단한 작업이 아닌 이상, 대화 상자가 필요한 요소는 사용하지 마세요.
- 예를 들어 크고 복잡한 대화 상자가 있는 효과는 사용하지 않습니다.
현재 필수 작업 영역 도구 막대에 표시되지 않는 도구는 사용하지 마세요.
MP4, 텍스트, 에셋을 통해 설명할 수 없는 그리기 도구는 사용하지 마세요.
현재 지원되지 않는 패널은 사용하지 마세요.

2. 튜토리얼을 만들기 위한 준비

준비

커뮤니티 매니저가 제공한 설치 지침에 따라 Creative Cloud Desktop 앱을 통해 Illustrator를 설치합니다. 지침을 따라 Interactive Tutorial Builder 플러그인을 설치합니다.
시작 파일, 히어로 이미지, 썸네일 이미지 등 필요한 에셋을 만듭니다.
튜토리얼 콘텐츠를 계획합니다.

시작 파일 열기

Illustrator에서 로컬로 시작 파일을 엽니다.

Tutorial Builder 실행

Illustrator 메뉴 막대에서 윈도우 > 확장자 > Interactive Tutorial Builder Ai로 이동합니다.
Interactive Tutorial Builder 패널이 대시보드에 열리면 다음 상태별로 모든 튜토리얼을 확인할 수 있습니다.
- 진행 중
- 제출됨
- 검토 필요
- 게시됨
튜토리얼을 편집, 미리 보기 또는 삭제하려면 세 개의 점으로 된 메뉴를 클릭합니다.
홈 아이콘을 선택하여 대시보드로 돌아갑니다.

새 튜토리얼 만들기

파란색 만들기 버튼을 클릭하여 새 튜토리얼을 만듭니다.

3. 튜토리얼 설정하기

튜토리얼을 설정하려면 제목을 입력하고 시작 파일을 업로드합니다.

튜토리얼 제목 입력

다룰 내용을 설명하는 제목을 튜토리얼 제목 지정 필드에 입력합니다. 최종 사용자가 튜토리얼을 찾는 데 도움이 되는 검색어를 사용합니다. 제목 작성에 대한 자세한 내용은 Tutorial Builder 문구 작성 가이드라인을 참조하세요.
입력한 제목은 사용자가 대면할 제목이 되고 검색에 중요한 문서 식별자의 역할도 하게 됩니다.
- 제목을 입력한 후에는 해당 화면으로 돌아가거나 문서 식별자를 변경할 수 없습니다.
- 다음 화면에서 튜토리얼 제목을 변경할 수 있습니다.

만들기를 클릭하여 다음 화면으로 이동합니다.

참고:

완료를 클릭하고 에셋을 업로드하세요.

섹션 콘텐츠를 작업할 때 섹션 에셋을 추가한 후, 완료를 클릭하기 전에 에셋이 완전히 업로드되었는지 확인하세요. 그렇지 않으면 에셋이 업로드되지 않습니다.

4. 섹션, 단계, 참고 만들기

튜토리얼을 작성하기 위한 섹션, 단계, 참고를 만듭니다. 튜토리얼의 최대 섹션 수는 10개입니다. 섹션에서 단계의 수는 최대 3개로, 참고의 수는 최대 2개로 유지하세요.

작성자가 Tutorial Builder에서 기록 버튼을 사용하여 코치 마크를 만들 수 있는 단계 유형은 메뉴 막대와 도구 막대뿐입니다. 캔버스와 패널 코치 마크의 경우에는 드롭다운 메뉴를 사용하여 텍스트를 추가할 수 있습니다.

작성자가 단계를 미리 볼 수 있는 재생 아이콘이 제공됩니다. 재생 아이콘은 각 단계 유형과 함께 표시되지만 실행되지 않을 수 있습니다. 재생 아이콘을 실행할 수 없는 경우 흐리게 표시됩니다.

섹션 만들기

파란색 +추가 버튼을 클릭합니다.
섹션을 설명하기 위해 이미지나 애니메이션을 추가하는 경우 에셋 스위치를 전환합니다(파란색으로 바뀜).
- 이미지는 600KB 미만의 JPG 또는 JPEG 파일이어야 합니다.
- 애니메이션은 4MB 미만의 MP4 파일이어야 합니다.
- 이들 에셋의 크기는 560 x 280픽셀이어야 합니다.
다음 화면에서 섹션 제목을 입력합니다.
- 이 섹션에서 다룰 내용을 설명합니다.
- 바람직한 섹션 제목을 작성하는 방법은 사용자가 습득할 수 있는 작업이 요약된 동사의 "~하기" 활용형을 사용하는 것입니다.
섹션 설명을 입력합니다.
- 사용자가 알게 될 내용을 설명합니다.
- 이는 선택 사항이며, 배경 정보를 제공하는 데 사용됩니다. 설명 작성을 위한 가이드라인을 확인하세요.
완료를 클릭하면 섹션 정보가 완료됩니다.
저장을 클릭합니다.
편집 버튼을 클릭하여 편집할 수 있습니다.
세 개의 점 메뉴 … 버튼을 선택하여 삭제하거나 위로 이동 또는 아래로 이동합니다.

참고:

도구 및 패널 이름을 굵게 표시하세요.

코치 마크를 입력할 때 가능하면 도구와 패널 이름을 굵게 표시해야 합니다.

@ 기호를 입력하고 표시되는 드롭다운 메뉴에서 도구 또는 패널 이름을 선택하세요. 그러면 텍스트에서 기능 이름이 굵게 표시됩니다.
사용할 기능이 보이지 않으면 @ 기호 없이 기능 이름을 입력합니다.

@ 패널 이름을 입력하면 텍스트 상자에 {adobespropertiespanelpanel}이 표시됩니다. 그러나 속성이라는 단어만 굵게 표시되므로 "패널" 부분은 직접 입력해야 합니다.

단계 만들기

파란색 +추가 버튼을 클릭합니다.
드롭다운 메뉴에서 배치를 선택합니다.

참고:

캔버스를 가리키는 것은 이 버전에서 지원되지 않으므로 나중에 설정할 수 있도록 자리표시자를 만듭니다. 사용자가 튜토리얼을 원활하게 진행할 수 있도록 번호가 매겨진 캔버스 단계를 만들 수도 있습니다.

캔버스
- 캔버스에서 사용할 수 있는 기록 옵션은 없습니다.
- 텍스트 상자에 사용자가 해야 하는 작업을 설명하는 정보를 추가합니다.
- 완료를 클릭하면 섹션 정보가 완료됩니다.
- 저장을 클릭합니다.
- 편집 버튼을 클릭하여 편집할 수 있습니다.
- 세 개의 점 메뉴 … 버튼을 선택하여 삭제하거나 위로 이동 또는 아래로 이동합니다.

참고:

메뉴 막대 옵션을 위한 모범 사례

대부분의 메뉴 막대 옵션은 단계로 기록할 수 있습니다. 특정 메뉴 막대 옵션을 기록할 수 없는 경우에는 번호가 매겨진 캔버스 단계를 추가하여 사용자가 튜토리얼을 계속 진행하도록 안내합니다.

메뉴 막대
- 작성자는 대부분의 메뉴 막대 옵션을 단계로 기록할 수 있습니다.
- 기록 버튼을 클릭하고 커서를 사용하여 최종 사용자가 단계를 완료하기 위해 해야 하는 작업을 보여줍니다.
  - 단계를 완료하면 기록 정지를 클릭합니다.
  - 기록한 내용을 변경하려면 이전 단계를 제거하고 다시 기록을 클릭합니다.
- 완료한 단계는 최종 사용자가 해야 하는 작업을 설명하는 텍스트 상자에 자동으로 추가됩니다.
- 완료를 클릭하여 단계 정보를 완료합니다.
- 재생 아이콘을 클릭하여 단계를 미리 보고 최종 사용자가 보게 될 내용을 확인합니다.
- 저장을 클릭합니다.
- 편집 버튼을 클릭하여 편집할 수 있습니다.
- 세 개의 점 메뉴 … 버튼을 클릭하여 삭제하거나 위로 이동 또는 아래로 이동합니다.

참고:

패널 요소를 가리키는 경우 2개의 코치 마크를 만드세요.

패널에서 기록 옵션으로 코치 마크를 만들 수 없습니다. 패널 요소를 가리킬 때 첫 번째 단계에 패널 > 패널 이름을 사용하세요. 그러면 올바른 영역에 코치 마크가 추가됩니다.
이후 패널 항목의 경우 사용자가 해당 요소에 이미 집중하고 있으므로 패널로 이동하라고 다시 안내할 필요가 없습니다. 그 대신, 번호가 매겨진 새로운 캔버스 코치 마크를 추가하여 사용자가 튜토리얼을 계속 진행할 수 있도록 합니다.

패널
- 드롭다운 패널 이름 메뉴에서 속성을 선택합니다.
- 텍스트 상자에 사용자가 해야 하는 작업을 설명하는 정보를 추가합니다.
- 완료를 클릭하면 섹션 정보가 완료됩니다.
- 저장을 클릭합니다.
- 편집 버튼을 클릭하여 편집할 수 있습니다.
- 세 개의 점 메뉴 … 버튼을 클릭하여 삭제하거나 위로 또는 아래로 이동합니다.

도구 막대
- 기록 버튼을 클릭하고 커서를 사용하여 사용자에게 단계를 완료하기 위해 해야 하는 작업을 보여줍니다.
  - 단계를 완료하면 기록 정지를 클릭합니다.
  - 기록한 내용을 변경하려면 제거하고 다시 기록을 클릭합니다.
- 기록 단계를 완료하면 사용자가 해야 할 작업을 설명하는 텍스트 상자에 도구 이름이 자동으로 추가됩니다.
- 완료를 클릭하여 단계 정보를 완료합니다.
- 재생 아이콘을 클릭하여 단계를 미리 보고 최종 사용자가 보게 될 내용을 확인합니다.
- 저장을 클릭합니다.
- 편집 버튼을 클릭하여 편집할 수 있습니다.
- 세 개의 점 메뉴 … 버튼을 클릭하여 삭제하거나 위로 이동 또는 아래로 이동합니다.

참고:

참고 사용을 줄이세요.

참고는 패널에 표시되는 단계와 관련된 팁 또는 정보입니다.

지시나 명령처럼 들리는 설명을 참고에 추가하지 마세요.
참고는 섹션당 2개로 제한합니다.
참고를 추가할 때 패널의 텍스트가 많아 한눈에 보이지 않고 잘리는 경우, 편집하여 텍스트 분량을 맞추거나 제거하세요.

예: 포인트 텍스트는 머리말에 유용합니다. 단락 텍스트는 더 많은 양의 텍스트를 입력하려는 경우 유용합니다.

참고
만들기

파란색 +추가 버튼을 클릭합니다.
텍스트 상자에 해당 단계가 유용한 이유를 설명하는 정보를 추가합니다.
완료를 클릭하면 섹션 정보가 완료됩니다.
저장을 클릭합니다.
편집 버튼을 클릭하여 편집할 수 있습니다.
세 개의 점 메뉴 … 버튼을 선택하여 삭제하거나 위로 이동 또는 아래로 이동합니다.

참고:

미리 보기 기능

전체 튜토리얼 또는 단계를 미리 볼 수 있습니다. 그러나 한 번에 전체 섹션을 미리 볼 수 없습니다.

5. 작성하는 동안 미리 보기

단계 미리 보기

튜토리얼을 작성하는 동안 작성한 개별 단계를 미리 볼 수 있습니다.
단계를 만들고 완료를 클릭한 후에 재생 아이콘을 찾습니다.
재생 아이콘을 클릭하여 단계를 검토합니다.
단계가 올바르게 만들어졌으면 튜토리얼 오른쪽 상단에 있는 저장 버튼을 클릭합니다.

지금까지 만든 내용 미리 보기

Tutorial Builder 상단에 있는 저장 버튼을 클릭합니다.
미리 보기 버튼을 클릭합니다.
자습서 시작을 클릭하여 처음부터 튜토리얼을 시작해 봅니다.
지침에 따라 사용자의 관점에서 튜토리얼 진행을 살펴봅니다.
참고: 튜토리얼을 변경해야 하는 경우 미리 보기모드를 종료해야 합니다. 튜토리얼 미리 보기를 종료하려면 종료를 클릭합니다.

6. 튜토리얼 완성하기

다음 또는 완료 탭을 클릭하여 튜토리얼을 완료합니다.
업로드할 파일 선택을 클릭하여 시작 파일을 업로드합니다.
- 이는 사용자가 튜토리얼을 시작할 때 Illustrator에서 다운로드하여 여는 파일입니다. 5MB 미만의 AI 또는 AIT 파일이어야 합니다.
- 이미지 크레딧을 포함해야 합니다.
  - 이미지가 자신의 것이라면 사용자 이름 포함 상자에 체크 표시되어 있는지 확인합니다.
  - 이미지가 자신의 것이 아니라면 사용자 이름 포함 상자의 체크 표시를 지우고 기고자 이름을 추가합니다.
    - Adobe Stock 기고자를 포함하여 시작 파일 및 해당 자산을 작업한 모든 사람의 이름을 나열합니다. 이름은 쉼표로 구분하세요.
필드 상자에 완료 메시지를 작성합니다.
- 이는 사용자가 튜토리얼을 완료하면 표시됩니다. 끝까지 완료한 사용자를 격려하고 터득한 내용을 확인시키는 용도로 완료 메시지를 사용하세요.

참고:

아래 내용에서 필드에 어떤 태그를 사용해야 할지 모르는 경우 태그 지정 가이드라인으로 이동하세요.

스킬 레벨 입력
- 스킬 레벨은 사용자나 작성자 본인의 수준이 아닌 콘텐츠 주제를 말합니다.
- 필드를 클릭하고 드롭다운 메뉴에서 선택합니다.
- 선택한 특정 태그가 콘텐츠에 맞지 않다면 언제든지 태그 옆에 있는 x를 클릭하여 삭제할 수 있습니다.
- 3개의 스킬 레벨 태그가 있으며 1개만 선택할 수 있습니다.

크리에이티브 필드 입력
- 크리에이티브 필드 메뉴를 클릭하고, @ 기호를 입력하고, 콘텐츠와 가장 관련이 많은 크리에이티브 영역이나 개별 전문 분야를 하나 이상 선택합니다.
- 선택 가능한 크리에이티브 필드 태그 목록이 제공됩니다. 일부 제품에 적용되지 않는 특정 태그는 적게 표시될 수 있습니다.
- 최소 하나의 크리에이티브 필드를 선택하고, 필요한 만큼 추가할 수 있습니다.
- 선택한 특정 태그가 콘텐츠에 맞지 않다면 언제든지 태그 옆에 있는 x를 클릭하여 삭제할 수 있습니다.

다룬 주제 입력
- 주제 태그는 콘텐츠의 전반적인 목표 또는 주제를 반영합니다.
- 다룬 주제 필드에서 @ 기호를 입력하고 메뉴에서 하나 이상의 관련 주제를 선택합니다.
- 최소 하나의 주제 태그를 선택하고, 튜토리얼에 맞게 최대 5개를 추가할 수 있습니다.
- 선택한 특정 태그가 콘텐츠에 맞지 않다면 언제든지 태그 옆에 있는 x를 클릭하여 삭제할 수 있습니다.

과제 입력
- 사용자가 콘텐츠의 지침을 따르는 동안 수행하는 작업입니다.
- 튜토리얼에 설명되어 있다면 필요한 만큼 과제 태그를 선택할 수 있습니다.
- @ 기호를 입력하고 표시되는 메뉴에서 하나 이상의 과제를 선택합니다.
- 선택한 특정 태그가 콘텐츠에 맞지 않다면 언제든지 태그 옆에 있는 x를 클릭하여 삭제할 수 있습니다.

도구 및 기능 입력
- 이 범주에는 도구, 패널, 메뉴 명령 등 과제를 수행하는 데 사용되는 앱별 기능이 포함됩니다.
- 도구 태그는 무제한으로 선택할 수 있지만 튜토리얼에서 언급한 도구, 패널, 메뉴 명령만 선택해야 합니다.
- @ 기호를 입력하고 표시되는 메뉴에서 도구를 하나 이상 선택합니다.
- 선택한 특정 태그가 콘텐츠에 맞지 않다면 언제든지 태그 옆에 있는 x를 클릭하여 삭제할 수 있습니다.

썸네일 이미지를 업로드합니다.
- 이 정사각형 이미지는 검색 결과에서 튜토리얼 제목 옆에 나타납니다. 튜토리얼의 최종 결과 또는 "이후" 상태를 표시해야 합니다.
- PNG, JPG, JPEG 파일, 740 x 740픽셀, 200KB 미만이어야 합니다.
히어로 이미지를 업로드합니다.
- 이 배너 이미지는 사용자가 시작하기 전에 튜토리얼을 클릭하여 자세한 내용을 살펴볼 때 표시됩니다. "이전"과 "이후" 상태 또는 튜토리얼의 "이후" 상태만 표시해야 합니다.
- PNG, JPG, JPEG 파일, 1200 x 600픽셀, 600KB 미만이어야 합니다.
저장을 클릭합니다.

7. 최종 미리 보기

튜토리얼을 완료하면 처음부터 끝까지 사용자에게 어떻게 보일지 미리 보기를 수행해야 합니다.

TB 상단에 있는 저장 버튼을 클릭합니다.
미리 보기 버튼을 클릭합니다.
자습서 시작을 클릭하여 처음부터 튜토리얼을 시작해 보세요.
지침에 따라 사용자의 관점에서 튜토리얼 진행을 살펴봅니다.
튜토리얼을 변경해야 하는 경우 미리 보기 모드를 종료해야 합니다. 튜토리얼 미리 보기를 종료하려면 종료를 클릭하세요.

8. 튜토리얼 완료 및 제출

Tutorial Builder 상단에 있는 저장을 클릭합니다. 언제든지 다시 미리 보기를 클릭하여 튜토리얼을 마무리할 수 있습니다.
튜토리얼을 변경해야 하는 경우 종료를 클릭하고 Tutorial Builder의 화면 상단에 있는 만들기 패널로 이동하여 섹션과 단계로 돌아갑니다.
튜토리얼이 완료되면 완료 화면 하단에 있는 제출 버튼을 클릭합니다.
- 그러면 대시보드의 진행 중 대기열을 벗어나게 되므로 검토 알림을 받을 때까지 다시 액세스할 수 없습니다.

9. 튜토리얼 검토

1단계: 알림

튜토리얼을 제출하면 큐레이터가 튜토리얼을 검토하고, 시스템에서 튜토리얼이 승인되었는지 또는 추가 작업이 필요한지 이메일로 알립니다.
- 시스템에서 작업 요청 알림을 받더라도 실망하지 마세요. 몇 가지 변경 사항이 필요하다는 의미일 뿐입니다.

2단계: 편집

작업 요청 알림을 받으면 [작성자]를 위한 주제 문서로 이동하세요.
- 변경 요청 사항은 검토 피드백 섹션에 나열되어 있습니다.
- 변경 사항에 대해 궁금한 사항이나 의견이 있는 경우 커뮤니티 매니저에게 문의하세요.
변경 요청 사항을 Tutorial Builder에 반영합니다.
- Tutorial Builder 대시보드에서, 튜토리얼의 세 개 점 메뉴 … 를 클릭하고 편집을 선택합니다.
- 변경 요청 사항을 적용합니다.
- 제출을 클릭합니다.

3단계: 완료

변경 사항을 적용한 후 시스템에서 튜토리얼의 승인 또는 미승인 여부에 대한 또 다른 알림을 받게 됩니다.
- 이 단계에서 튜토리얼이 미승인되면 2단계: 편집을 반복하세요.
- 튜토리얼이 승인되면 작업이 완료됩니다. 수고하셨습니다!