Chrome에서 튜토리얼용 스크린샷 도구
효과적인 튜토리얼과 문서를 만들려면 명확한 시각적 지시가 필요합니다: 각 단계를 보여주는 스크린샷, 독자를 안내하는 번호가 매겨진 주석, 무엇을 해야 하는지 설명하는 텍스트 레이블. Capture Full Page 확장 프로그램은 Chrome에서 이를 위한 완전한 워크플로를 제공합니다. 보이는 화면, 특정 영역, 또는 전체 스크롤 페이지를 캡처한 후 내장 편집기를 여세요. 단계 번호 매기기 도구로 각 작업 지점에 자동 증가 번호 원(1, 2, 3...)을 배치하고, 텍스트 레이블과 화살표를 추가하고, 형광펜과 마크업 도구로 중요한 UI 요소를 강조하세요. 공식 문서용으로 PDF로 내보내기하거나, 위키용 PNG로 저장하거나, Confluence, Notion, Google Docs에 붙여넣기 위해 클립보드에 복사하세요. 여러 단계 흐름을 문서화할 때 캡처 과정을 빠르게 하려면 키보드 단축키를 설정하세요. 팀은 이 도구를 버그 리포트 워크플로에도 사용합니다.
지금 사용해 보세요: 클릭 한 번, 가입 불필요.
Chrome에 추가3가지 방법
1
방법 1: Capture Full Page, 튜토리얼 제작 워크플로
단계 번호 매기기 도구는 튜토리얼의 핵심 기능입니다. 스크린샷에 번호가 매겨진 원을 배치하여 독자가 따라갈 수 있는 시각적 흐름을 만드세요. 화살표, 텍스트 레이블, 형광펜과 결합하면 Chrome 안에서 완전히 전문적인 사용법 가이드를 만들 수 있습니다.
- 1문서화하려는 화면으로 이동하여 캡처하세요(뷰포트는 화면, 특정 섹션은 영역, 전체 페이지는 Full Page).
- 2편집기에서 단계 번호 매기기 도구를 선택하고 이미지를 클릭하여 각 작업 지점에 번호가 매겨진 원을 배치하세요.
- 3각 번호 옆에 사용자가 해야 할 일을 설명하는 텍스트 레이블을 추가하세요: "여기 클릭", "이메일 입력", "이 옵션 선택."
- 4화살표를 사용하여 단계를 연결하거나 특정 UI 요소를 가리키세요.
- 5형광펜을 적용하여 버튼, 필드 또는 메뉴 항목을 가리지 않으면서 주의를 끌어보세요.
- 6사각형을 사용하여 인터페이스의 중요한 영역을 표시하세요.
- 7위키나 지식 베이스에 포함하려면 PNG로, 독립형 문서에는 PDF로 내보내세요.
2
방법 2: 전용 문서화 도구 (Scribe, Tango)
전용 문서화 도구는 클릭을 자동으로 기록하고 단계별 가이드를 생성하지만, 계정이 필요하고, 프리미엄 가격이 있는 경우가 많으며, 데이터를 클라우드 서버에 업로드합니다.
- 1전용 문서화 도구(Scribe, Tango, Loom)를 설치하세요.
- 2녹화 세션을 시작하고 워크플로를 수행하세요.
- 3도구가 각 클릭을 자동으로 캡처하고 단계 설명을 생성합니다.
- 4생성된 가이드를 해당 웹 플랫폼에서 편집하세요.
- 5내보내거나 공유하세요, 전체 기능과 브랜딩 제거를 위해 보통 유료 플랜이 필요합니다.
3
방법 3: 수동 스크린샷 + 프레젠테이션 소프트웨어
전통적인 방식: 개별 스크린샷을 찍고, PowerPoint, Google Slides 또는 Word 문서에 삽입하고, 수동으로 주석을 추가합니다.
- 1어떤 캡처 도구로든 각 단계의 스크린샷을 찍으세요.
- 2이미지를 PowerPoint, Google Slides 또는 문서에 삽입하세요.
- 3프레젠테이션 도구의 도형을 사용하여 수동으로 화살표, 텍스트 상자, 번호를 추가하세요.
- 4PDF로 내보내거나 문서를 공유하세요, 시간이 많이 걸리고 업데이트하기 어렵습니다.
기능 비교
| 기능 | Capture Full Page | 내장 도구 | 다른 확장 프로그램 |
|---|---|---|---|
| 단계 번호 매기기 도구 | 예, 자동 증가 원 | 아니오 | 드물게 (보통 유료) |
| 하나의 도구로 캡처 + 주석 | 예, 앱 전환 없음 | 아니오, 여러 앱 필요 | 일부 (유료) |
| 화살표 주석 | 예 | 제한적 (OS 도구) | 일부 |
| 형광펜 | 예, 반투명 오버레이 | 기본 | 일부 |
| 문서용 PDF 내보내기 | 예, 원클릭 | 인쇄를 통해서만 | 드물게 |
| 위키용 클립보드 복사 | 예, 주석 포함 | 원본 스크린샷만 | 일부 |
| 계정 불필요 | 예 | 예 | 보통 가입 필요 |
| 클라우드 업로드 없음 | 예, 완전히 로컬 | 예 | 자주 클라우드 의존 |
| 기능 제한 없음 | 예 | 예 (제한된 도구) | 자주 프리미엄 |
자주 묻는 질문
튜토리얼용 스크린샷에 단계 번호를 어떻게 추가하나요?
Capture Full Page 편집기에서 그리기 패널의 단계 번호 매기기 도구를 선택하세요. 각 단계가 나타나야 할 스크린샷 위치를 클릭하면 번호가 매겨진 원이 자동으로 배치되며 각 클릭마다 증가합니다(1, 2, 3...). 완전한 단계별 시각 가이드를 위해 텍스트 레이블과 화살표와 결합하세요.
튜토리얼 스크린샷에 가장 좋은 형식은?
웹 기반 문서(Confluence, Notion, Google Docs)에는 PNG를 사용하세요, 품질을 유지하고 투명도를 지원합니다. 독립형 문서나 인쇄 가능한 가이드에는 PDF로 내보내세요. Capture Full Page는 한 번의 클릭으로 두 형식을 모두 지원합니다.
전체 페이지 스크린샷으로 튜토리얼을 만들 수 있나요?
네. 전체 페이지 캡처 모드를 사용하여 전체 스크롤 가능 페이지의 스크린샷을 찍은 후 편집기에서 단계 번호와 텍스트로 주석을 다세요. 긴 양식, 설정 페이지, 뷰포트 아래로 확장되는 대시보드를 문서화하는 데 유용합니다. 전체 페이지 스크린샷 가이드를 참조하세요.
주석이 달린 스크린샷을 Confluence나 Notion에 어떻게 삽입하나요?
Capture Full Page 편집기에서 복사를 클릭하여 주석이 달린 스크린샷을 클립보드로 보내세요. 그런 다음 Ctrl+V(Cmd+V)로 Confluence, Notion, Google Docs 또는 리치 텍스트 편집기에 직접 붙여넣으세요. 모든 주석이 포함된 이미지가 인라인으로 삽입됩니다.
SOP와 온보딩 문서 작성에 적합한가요?
네. 단계 번호 매기기, 화살표, 텍스트 레이블, 형광펜, PDF 내보내기의 조합으로 Capture Full Page는 표준 운영 절차(SOP), 온보딩 가이드, 교육 자료에 이상적입니다. 각 스크린샷이 명확한 시각적 지시가 되며 PDF 내보내기는 배포 준비가 된 공식 문서를 생성합니다.
팀 전체가 문서화에 이 도구를 사용할 수 있나요?
네. 모든 팀원이 Chrome 웹 스토어에서 Capture Full Page를 설치할 수 있습니다, 계정 불필요, 좌석별 라이선스 없음, 관리자 설정 없음. 모두가 단계 번호 매기기, 화살표, 하이라이트, 내보내기 옵션이 포함된 동일한 완전한 편집기를 사용할 수 있습니다.