기존 스크린샷으로 Mac에서 단계별 가이드 만드는 방법

많은 가이드는 이미 있는 스크린샷 폴더에서 시작합니다. 고객 지원 채팅에서 받은 캡처, 'Screenshot'과 타임스탬프가 붙은 파일이 가득한 데스크톱, 이전 세션에서 저장한 프레임이 그런 예입니다. 가이드를 만들기 위해 다시 녹화할 필요는 없습니다.

이 글은 해당 이미지를 Temposhot Document(문서)로 가져오고, 순서와 제목을 정한 뒤, 완성된 가이드를 내보내는 과정을 설명합니다. 예시는 Mac에서 화면 녹화 권한을 설정하는 가이드입니다. 지원 담당자가 두 세션에 걸쳐 저장한 스크린샷 61장으로 시작해 16페이지 가이드를 완성했습니다.

1. 가이드에 필요한 스크린샷 선택

Finder에서 폴더를 열고 단계를 보여주는 이미지만 고릅니다. 중복 이미지, 로딩이 끝나지 않은 화면, 실수로 찍은 화면은 제외합니다. 동작 하나당 이미지 한 장을 쓴 가이드는 가지고 있는 이미지를 모두 쓴 가이드보다 빠르게 읽힙니다.

포함할 파일은 작업 순서에 맞게 숫자 접두사를 붙여 이름을 바꿉니다. 예를 들어 01-open-settings.png, 02-select-account.png처럼 짓습니다. Finder는 이름순으로 파일을 나열하며, 파일 이름이 임시 페이지 제목 역할도 합니다.

Document에 가져오기 전에 각 이미지에 개인정보가 있는지 확인합니다. 지금 이미지를 제외하는 편이 나중에 모든 내보내기마다 이미지를 흐리게 처리하는 것보다 쉽습니다.

가이드 이름을 따서 permission-guide처럼 폴더 이름을 짓고, 최종 내보내기 전까지 제외한 이미지는 하위 폴더에 보관합니다. Temposhot은 각 이미지를 Document에 복사하므로, 가져온 뒤에 폴더를 보관하거나 옮겨도 Document에는 영향이 없습니다.

예시: 파일 61개에서 14페이지까지

지원 담당자는 폴더의 파일 61개로 시작했습니다. 선택 과정은 파일을 다음 네 그룹으로 나눴습니다.

• 이미 유지한 화면과 중복: 9개
• 대화 상자가 로딩 중일 때 캡처됨: 11개
• 같은 폴더에 저장된 다른 작업의 프레임: 27개
• 단계 하나씩을 보여주는 프레임: 14개

선택된 파일 14개가 가이드의 페이지가 되었습니다. 나머지 47개 파일은 거부 폴더에 보관해, 나중에 프레임이 필요할 때 데스크톱 전체를 뒤지지 않고 복원할 수 있게 했습니다.

이름순과 날짜순 정렬

Finder는 이름 또는 생성 날짜로 정렬합니다. 생성 날짜는 세션 하나에서는 유용하지만, 두 세션의 시간이 겹치거나 다른 Mac에서 파일을 복사한 경우에는 맞지 않습니다. 복사 날짜가 원래 캡처 시간을 대신하기 때문입니다. 이름을 바꾼 뒤에는 이름순으로 정렬하고, 날짜는 세션의 첫 파일을 찾을 때만 사용합니다.

2. 이미지로 Document 만들기

1. Documents 열기

   Command+4를 눌러 Documents를 엽니다.

2. 이미지 선택

   New Document 메뉴를 열고 **Images…**를 선택합니다.

3. 파일 선택

   Finder에서 이름을 바꾼 스크린샷을 선택하고 확인합니다. Temposhot이 파일을 Document에 복사하므로, 이후의 편집은 원본 파일을 바꾸지 않습니다.

열려 있는 Document에 이미지를 더 추가하려면 빈 Document에서는 Upload images를, 그 외에는 Add Pages 메뉴를 사용합니다. 이전 Temposhot 세션의 프레임은 Add from Capture History로 가져옵니다. 세션을 선택하고, 세션을 펼쳐 프레임을 포함하거나 제외한 다음 Add selected Frames를 선택합니다. 선택한 순서가 페이지 순서가 됩니다. 각 옵션은 페이지 및 가져오기 가이드에서 자세히 설명합니다.

페이지마다 소스 고르기

Add Pages 메뉴의 세 가지 소스는 서로 다른 종류의 페이지를 만듭니다. 아래 표를 보고 각 스크린샷에 맞는 소스를 고릅니다.

이전 Temposhot 세션에서 만든 스크린샷은 Add from Capture History를 사용합니다. 이 경로는 프레임의 세션 정보를 유지하고, 선택 창에는 캡처를 마친 세션만 표시합니다. 다른 앱에서 만든 파일은 Upload images를 사용합니다.

가져오기 오류와 해결 방법

가장 자주 발생하는 문제는 두 가지입니다.

• 파일이 가져와지지 않음. PNG와 JPG 파일은 바로 가져올 수 있습니다. 다른 형식은 먼저 변환해야 하며, 예를 들어 Image Converter로 변환한 뒤 변환된 복사본을 가져옵니다.
• 같은 화면이 Document에 두 번 나타남. 페이지 메뉴의 Delete page로 복사본을 삭제합니다. 페이지를 삭제해도 Finder의 원본 파일은 변경되지 않습니다.

정렬 전에 개수 확인

Document의 페이지 수를 세고, 유지한 파일 목록의 수와 비교합니다. 예시에서는 가져온 뒤 Document에 페이지가 14개 있었고, 이는 선택 과정에서 유지한 파일 14개와 일치했습니다. 개수가 맞지 않으면 파일이 빠졌거나 세션이 두 번 추가된 것입니다. 정렬 전에 각 페이지의 썸네일을 한 번씩 열어 이미지가 로드되었는지 확인합니다.

3. 페이지를 작업 순서대로 배치

Pages 패널에 모든 페이지가 나열됩니다. 페이지를 드래그해 순서를 바꾸거나, 페이지 메뉴의 Move up과 Move down을 사용합니다. 스크린샷 한 장이 서로 다른 표시를 가진 두 단계를 설명하면 Duplicate page로 페이지를 복제합니다. 불필요한 페이지는 Delete page로 삭제합니다.

썸네일을 위에서 아래로 읽으면서, 독자가 이미지만 보고 작업을 따라갈 수 있는지 확인합니다. 단계가 빠졌다면 기록해 둡니다. 나중에 Add Pages 메뉴의 **Capture new images…**로 해당 단계를 캡처할 수 있습니다.

정렬 작업 예시

14개 페이지는 한 번의 작업으로 정렬한 뒤, 두 번째 작업에서 검토했습니다. 첫 번째 작업은 드래그 앤 드롭을 사용했습니다. 두 번째 작업에서는 각 제목을 해당 화면과 대조해 읽었습니다.

가이드는 16페이지로 끝났습니다. 서로 다른 두 단계를 나타내는 표시를 각각 두 개씩 가진 화면 두 개는 복사본을 하나씩 만들었습니다. 확인 대화 상자가 반복된 화면 한 장은 삭제했습니다.

중간에 새 캡처 삽입

Add Pages 메뉴의 **Capture new images…**로 캡처한 새 이미지는 맨 끝이 아니라 선택한 페이지 뒤에 들어갑니다. 빠진 단계 앞의 페이지를 선택한 뒤 메뉴에서 캡처를 실행합니다. 이렇게 하면 드래그 없이 새 프레임이 올바른 위치에 들어갑니다. 다음 작업으로 넘어가기 전에 썸네일 목록에서 결과를 확인합니다.

중복 페이지가 생기는 이유

중복은 보통 두 가지 원인에서 생깁니다. 하나는 Add from Capture History로 같은 세션을 두 번 추가한 경우이고, 다른 하나는 같은 화면을 수동 캡처와 자동 캡처로 각각 저장한 경우입니다. 페이지를 삭제하기 전에 각 썸네일 아래의 캡션을 확인합니다. 캡션에는 주석 개수가 표시됩니다. 표시가 있는 페이지는 두 화면이 비슷해 보여도 깨끗한 페이지의 중복이 아닙니다.

4. 모든 페이지에 직접적인 제목 작성

페이지를 선택하고 Page Inspector에서 Page title을 수정합니다. 동사로 시작하고 정확한 컨트롤 이름을 씁니다.

• "System Settings 열기"
• "Privacy & Security 선택"
• "앱에 대해 Screen Recording 켜기"

세부 내용은 Page description에 씁니다. 입력할 값, 동작 후 바뀌는 내용, 경고 등이 해당합니다. PDF 내보내기에서는 설명을 각 스크린샷 앞이나 뒤에 표시할 수 있습니다(Pro 기능 설정).

단계 유형별 제목 패턴

대부분의 단계는 네 가지 유형 중 하나에 속합니다. 유형마다 제목 패턴이 있어서, 독자는 설명을 읽지 않고도 목록에서 동작을 찾을 수 있습니다.

단계 유형	패턴	예시
화면 열기	열기 + 화면 이름	System Settings 열기
컨트롤 선택	선택 + 컨트롤 이름	Privacy & Security 선택
값 변경	켜기 또는 설정 + 값	Screen Recording 켜기
결과 확인	확인 + 결과	앱이 목록에 나타나는지 확인

설명에 넣을 내용

설명에는 제목이 말하지 않는 내용만 씁니다. 예시의 9페이지 제목은 "앱에 대해 Screen Recording 켜기"입니다. 설명은 "스위치를 켜기 전에 앱이 목록에 있어야 합니다. 앱이 없으면 한 번 다시 시작한 뒤 다시 확인합니다."입니다. 제목은 동작을, 설명은 조건과 다음 단계를 나타냅니다.

화면과 제목 대조

각 제목은 기억에 의존하지 않고 해당 스크린샷과 나란히 놓고 읽습니다. 화면에 없는 버튼 이름이 제목에 있으면 독자가 잘못된 위치로 이동합니다. 예시에서는 제목 검사로 16페이지 중 3곳의 불일치를 찾았습니다.

불일치는 다음과 같았습니다. 제목에는 "Allow" 버튼이라고 적었지만 화면에는 "Open"으로 표시되어 있었습니다. 화면의 "Privacy & Security" 메뉴를 "Privacy"로 적었습니다. 대화 상자에 "quit and reopen"으로 적힌 것을 "restart"로 적은 단계도 있었습니다. 내보내기 전에 Page Inspector에서 각 불일치를 수정합니다.

5. 독자에게 필요한 시각 단서만 추가

가져온 이미지에는 클릭 위치가 기록되어 있지 않으므로 Focus on action을 사용할 수 없습니다. 각 페이지는 Framing(F)을 Custom으로 설정해 관련 창이나 패널만 남도록 자릅니다. 그다음 Apply framing을 선택합니다.

이후 대상을 표시합니다.

필요	도구
컨트롤 가리키기	Arrow (A)
영역 윤곽 표시	Rectangle (R) 또는 Ellipse (O)
클릭 위치 표시	Click Marker (M, Pro)
값 설명	Text (T)
개인 정보 가리기	Blur (B, Pro)

페이지마다 표시는 하나면 대개 충분합니다. 각 framing 컨트롤의 설명은 주석 및 framing 가이드에 있습니다.

페이지마다 단서 하나 고르기

각 페이지가 답하는 질문에 따라 단서를 고릅니다. "어느 컨트롤인가"에 답하는 페이지에는 화살표가 필요합니다. "어떤 값을 입력하는가"에 답하는 페이지에는 입력 필드 위의 텍스트 라벨이 필요합니다. 비밀번호 필드가 있는 양식 페이지에는 블러가 필요합니다. 아래 흐름은 스크린샷 한 장에 대한 결정 과정을 보여줍니다.

사용자 지정 프레임으로 대화 상자 자르기

권한 대화 상자는 작고 화면 가운데에 있어서, 전체 이미지를 쓰면 페이지의 대부분이 낭비됩니다. F로 framing 편집기를 열고 Mode를 Custom으로 바꾼 뒤, 프레임을 끌어 대화 상자 제목, 스위치, 독자가 눌러야 할 버튼을 포함합니다. 한 섹션의 페이지들이 같은 확대 수준으로 보이도록 Frame size로 자른 영역의 너비를 맞춥니다. 자르기를 저장하려면 Apply framing을 선택합니다.

작은 텍스트를 위한 블러 강도

Blur에는 2에서 80까지의 Blur strength 설정이 있으며, 기본값은 12입니다. 기본값에서 시작해 내보내기 크기의 페이지를 확인하고, 어떤 글자도 읽을 수 없을 때까지 값을 올립니다. 편집기에서 충분해 보이는 값도 내보내기 크기에서는 텍스트가 읽힐 수 있으므로 내보낸 페이지도 확인합니다. 주석은 원본을 바꾸지 않으므로 Blur strength는 Object Inspector에서 계속 수정할 수 있습니다.

6. 완성된 가이드 내보내기와 검토

단일 파일을 원하면 Export PDF를 선택합니다. PDF 대화 상자가 열리며, 표지, 단계 번호, 페이지 번호가 켜진 상태입니다. 이 설정을 바꾸려면 Temposhot Pro가 필요합니다. 실시간 미리보기를 넘겨 보면서 제목과 자르기가 페이지에 맞는지 확인합니다.

More export formats는 제목을 파일 이름으로 쓴 PNG, JPG 또는 WebP 페이지를 만들거나, 렌더링된 PNG 페이지와 document.json이 든 ZIP 패키지를 만듭니다. 모든 내보내기는 현재 페이지 순서, framing, 주석을 그대로 사용합니다.

제목이나 표시 없이 이미지만 PDF로 합치려면 브라우저 도구 Image to PDF를 사용합니다. 이 도구는 브라우저에서 로컬로 처리합니다.

16페이지 가이드의 PDF 설정

아래 설정으로 예시 PDF를 만들었습니다. 모든 값이 기본값과 같아서 예시에서는 설정을 바꿀 필요가 없었습니다.

가로 방향 페이지는 넓은 창에 잘 맞고, 세로 방향 페이지는 길게 스크롤하는 창에 더 잘 맞습니다. 방향은 한 페이지를 시험 내보내기한 뒤에 선택하고, 가이드 전체에는 같은 설정을 유지합니다.

이미지 형식과 파일 이름

페이지가 어디로 가는지에 따라 이미지 형식을 고릅니다. PNG는 UI 텍스트가 선명하게 유지되어 도움말 센터나 슬라이드 덱에 적합합니다. JPG와 WebP 파일은 더 작아서 채팅이나 이메일로 보낼 때 유리합니다. 이미지 파일 이름은 페이지 제목에서 가져오므로, 제목을 바꾸면 다음 내보내기에서 파일 이름도 바뀝니다.

편집 후 다시 내보내기

Document를 바꿔도 내보낸 파일은 자동으로 갱신되지 않습니다. 순서, framing, 주석을 바꾼 뒤에는 다시 내보내고 이전 파일을 교체합니다. 내보낸 뒤에도 Document는 계속 편집할 수 있으므로 원본을 다시 만들 필요는 없습니다.

독자 한 명으로 가이드 시험

가이드를 만들지 않은 사람 한 명에게 내보낸 PDF만 보고 테스트용 Mac에서 따라 하도록 요청합니다. 독자가 멈추는 위치와 페이지 번호를 기록합니다. 예시에서 첫 번째 독자는 5페이지에서 멈췄습니다. 해당 단계에 재시작이 필요했지만 설명에 언급되지 않았기 때문입니다. 두 번째 독자는 약 6분 만에 16페이지를 모두 완료했습니다.

독자가 멈춘 페이지를 고친 뒤 다시 내보내고 공유합니다. 이 규모의 가이드는 독자 두 명이면 충분합니다. 한 독자를 막은 누락은 대개 다음 독자도 막기 때문입니다.

독자가 보는 크기로 검토

미리보기의 높은 확대 수준이 아니라 독자가 보는 크기에서 각 내보낸 페이지를 검토합니다. 200퍼센트 확대에서 잘 읽히는 라벨도 인쇄된 A4 페이지에서는 너무 작을 수 있습니다. 테스트 PDF를 하나 내보내고 100퍼센트 크기로 보면서 모든 제목과 표시를 읽을 수 있는지 확인합니다.

PDF 공유

단계만 따라 하는 독자에게 내보낸 PDF를 보냅니다. Document에는 편집 가능한 페이지와 모든 원본 복사본이 들어 있으므로 소유자가 계속 보관합니다. 도움말 센터에 단계마다 이미지 한 장이 필요하다면 PNG 페이지를 내보냅니다.

클릭으로 다음 가이드 캡처

흩어진 스크린샷으로 가이드를 다시 만드는 일은 녹화보다 오래 걸립니다. 다음 작업에는 Command+3로 Action Capture를 열고 Start Action Capture를 선택합니다. 수락한 클릭마다 클릭 직전의 화면을 저장하며, Click "[[element-name]]"과 같은 임시 제목과 선택 사항인 클릭 마커가 붙습니다. 완료된 실행은 이미 순서가 정해진 Document로 열립니다. 클릭으로 단계별 가이드를 만드는 방법을 참고합니다.

재구성이 녹화보다 비쌀 때

예시에서 지원 담당자는 61개 파일에 대해 선택, 정렬, 제목 작업을 했습니다. 같은 권한 작업을 녹화하면 수락한 클릭마다 프레임이 하나씩 저장되므로, 선택 작업에서 정렬할 프레임이 적습니다. 화면이 이미 존재하고 작업을 반복할 수 없을 때, 예를 들어 고객 세션에서 나타난 버그라면 스크린샷으로 재구성합니다.

자주 묻는 질문

어떤 이미지 형식을 가져올 수 있나요?

macOS 스크린샷은 기본적으로 PNG이며, PNG와 JPG 파일은 바로 가져올 수 있습니다. 이미지를 가져올 수 없으면 PNG 또는 JPG로 먼저 변환합니다. 예를 들어 Image Converter를 사용할 수 있습니다.

가져오면 원본 파일이 바뀌나요?

아닙니다. Temposhot은 이미지를 Document에 복사합니다. 편집, 자르기, 주석은 복사본에 적용됩니다.

가져온 이미지와 Action Capture 페이지를 섞을 수 있나요?

예. Images…, Add from Capture History 또는 새 캡처로 페이지를 같은 Document에 추가한 뒤 Pages 패널에서 순서를 바꿉니다.

스크린샷에 없던 단계를 추가할 수 있나요?

예. 빠진 단계 앞의 페이지를 선택하고 Add Pages 메뉴에서 **Capture new images…**를 실행합니다. 새 프레임은 선택한 페이지 뒤에 삽입됩니다.

페이지에 Focus on action 옵션이 없는 이유는 무엇인가요?

Focus on action에는 기록된 클릭 지점이 필요합니다. 가져온 이미지와 클릭 지점이 없는 캡처 페이지에는 클릭 지점이 없으므로, 대신 Custom 모드의 Framing을 사용합니다.

Document는 작업하는 동안 자동으로 저장되나요?

변경 사항이 기록되면 편집기 헤더에 Saved가 표시됩니다. 편집기를 닫기 전에 이 표시를 기다립니다. Save failed가 계속 표시되면 Temposhot을 열어 둔 채 디스크 공간을 확보하고 변경을 다시 적용합니다.

가이드 한 개에는 몇 페이지가 있어야 하나요?

가이드 하나에는 작업 하나만 담습니다. 예시는 권한 설정 한 가지를 다루며 16페이지로 끝납니다. 가이드가 약 20페이지를 넘으면 대개 작업 두 개를 다루고 있으므로, 별도 제목을 가진 두 번째 가이드가 독자가 찾기 더 쉽습니다.

가이드에 실패 경로를 보여줘야 하나요?

흔히 발생하는 실패라면 보여주는 것이 좋습니다. 오류 메시지 페이지 한 장과 해결 방법에 대한 짧은 설명을 추가합니다. 실패 페이지는 원인이 되는 단계 뒤에 배치해서, 독자가 해결 방법보다 원인을 먼저 보게 합니다.

전체 PDF를 다시 만들지 않고 영향받은 페이지 수정

한 화면이 바뀌면 해당 페이지만 교체합니다. 새 이미지를 가져오거나 새로 캡처하고, 올바른 위치로 옮긴 뒤, 기존 페이지를 삭제하고 다시 내보냅니다. Document는 다른 페이지, 제목, 표시를 그대로 유지합니다. 자세한 내용은 Documents 페이지에서 확인할 수 있습니다.

내보낸 파일에는 permission-guide-v2.pdf처럼 버전을 붙여 이름을 짓습니다. 독자가 이미 받은 파일은 그대로 남으므로, 버전 이름으로 독자가 어느 사본을 가지고 있는지 알 수 있습니다.

변경 기록 유지

내보낸 파일 옆에 교체한 각 페이지를 짧은 목록으로 기록합니다. 페이지 번호, 사유, 날짜를 적습니다. 예를 들어 "9페이지: 대화 상자 위치가 변경되어 2026-05-20에 새 캡처로 교체함"이라고 적습니다. 이 목록이 있으면 다음 편집자는 두 PDF를 페이지별로 비교하지 않고도 어떤 페이지가 왜 바뀌었는지 알 수 있습니다.