핵심 요약
- 개발자 도구를 사용하면 웹페이지가 모바일 화면 비율로 열리고, 스크린샷을 찍고 싶은 부분까지 스크롤해 캡처할 수 있습니다.
- 웹페이지를 모바일 방향으로 연 뒤 마우스 오른쪽 버튼을 클릭하고 '검사(Inspect)'를 선택하면 시작할 수 있습니다.
- 테크 영상이나 블로그를 제작하거나, 다양한 디스플레이에서 웹페이지 목업을 선보이고 싶다면 아래 방법을 참고하세요.
테크 유튜브 채널이나 IT 웹사이트에서 아이폰·안드로이드 폰 프레임 안에 스크린샷을 담아 보여주는 장면을 본 적이 있으실 겁니다. 이렇게 하면 영상과 글이 한층 전문적으로 보이는데, 마치 실제 폰 화면을 직접 촬영한 듯한 느낌을 주기 때문입니다. 하지만 실제로 촬영하는 경우는 드뭅니다. 빛 반사와 조명을 조절하며 폰 화면을 깔끔하게 담아내는 건 생각보다 어려운 일이거든요. 포토샵 같은 편집 프로그램을 쓸 수도 있지만, 이 역시 상당히 번거롭습니다. 사실 스크린샷에 프레임을 입히는 훨씬 간단한 방법들이 있습니다.
안드로이드·아이폰 프레임을 스크린샷에 추가하는 방법
테크 영상이나 블로그를 제작하시거나, 다양한 디스플레이에서 웹페이지 목업을 보여주고 싶으시다면 아래 방법들을 따라 해 보세요. 안드로이드, iOS, Windows, macOS 등 여러 기기에서 직접 테스트한 방법들입니다.
1. Snapmod 앱 활용하기 (안드로이드)
안드로이드 기기를 사용 중이라면 구글 플레이 스토어에서 Snapmod 앱을 무료로 다운로드할 수 있습니다.
1. 앱을 실행하면 먼저 기본 기기를 선택해야 합니다. 이 기기의 디자인이 스크린샷에 적용될 프레임이 됩니다. 안드로이드와 아이폰을 아우르는 다양한 기종 옵션이 준비되어 있어 취향에 맞게 고를 수 있습니다.
2. 프레임을 선택한 뒤 화면 가운데를 한 번 탭하고, 프레임에 넣을 스크린샷을 고릅니다. 스크린샷이 프레임 안에 자동으로 배치되며, 위치와 크기를 원하는 대로 조절할 수 있습니다.
3. 마지막으로 저장 아이콘을 누르면 프레임이 씌워진 스크린샷이 갤러리에 바로 저장됩니다.
2. Chrome DevTools 활용하기 (PC)
PC에서 웹페이지 스크린샷을 찍어 모바일 프레임을 입히고 싶다면, 구글 크롬 브라우저에 기본 내장된 DevTools(개발자 도구)를 활용하면 됩니다. 별도 프로그램 설치가 필요 없다는 게 가장 큰 장점입니다.
1. 스크린샷을 찍고 싶은 웹페이지를 연 후, 페이지 위에서 마우스 오른쪽 버튼을 클릭하고 '검사(Inspect)'를 선택합니다.
2. 이제 Ctrl + Shift + M(Mac은 Cmd + Shift + M)을 눌러 기기 도구 모드를 실행합니다. 웹페이지가 모바일 화면 비율로 전환되며, 캡처하고 싶은 부분까지 스크롤할 수 있습니다. 이후 점 세 개(⋮) 아이콘을 클릭하고 '기기 프레임 표시(Show device frame)'를 선택하세요.
3. 프레임이 적용되면 다시 점 세 개 아이콘을 클릭하고 '스크린샷 캡처(Capture screenshot)'를 누릅니다. 완성된 이미지를 PC에 바로 다운로드할 수 있습니다.
3. PopFrame 앱 활용하기 (아이폰)
아이폰 사용자라면 앱 스토어에서 PopFrame 앱을 설치해 활용할 수 있습니다.
1. 앱을 실행한 뒤 기본 제공되는 템플릿을 선택하거나 '+' 아이콘을 탭해 새 프로젝트를 시작합니다. 그다음 프레임을 씌울 스크린샷을 선택하세요.
2. 이미지를 자유롭게 커스터마이징할 수 있는 다양한 옵션이 준비되어 있습니다. 출력 크기를 설정한 후 내보내기(Export) 아이콘을 누릅니다.
3. 워터마크가 포함된 무료 버전으로 내보낼지, 아니면 크레딧 1개를 사용해 워터마크 없는 깔끔한 버전으로 내보낼지 선택할 수 있습니다. 앱을 처음 사용하면 무료 크레딧 10개가 지급됩니다.
4. 완성된 이미지를 저장하면 끝입니다.
4. 아이폰 기본 'Apple Frames' 단축어 활용하기
아이폰에는 외부 앱 없이 사용할 수 있는 기본 방법도 있습니다.
1. 바로 단축어(Shortcuts) 앱에서 찾을 수 있는 'Apple Frames' 단축어입니다. 단축어를 실행한 후 프레임을 추가할 이미지를 선택합니다.
2. 현재 사용 중인 기기를 자동으로 감지해 해당 기종의 프레임을 스크린샷에 적용해 줍니다. 물론 원한다면 다른 아이폰 프레임을 골라 씌울 수도 있습니다.
3. 완료되면 원하는 위치(사진 앱, 파일 앱 등)에 결과물을 저장하면 언제든 불러와 사용할 수 있습니다.
자주 묻는 질문(FAQ)
Q. 프레임을 추가하면 화질이 떨어지나요?
일반적으로 이런 앱들은 이미지 품질을 잘 유지합니다. 그래도 최상의 결과물을 원한다면, 내보내기 시 최고 품질 옵션을 선택하는 것이 좋습니다.
Q. 스크린샷 외에 다른 이미지에도 프레임을 씌울 수 있나요?
네, 가능합니다. 올바른 방향과 비율을 갖춘 이미지라면 어떤 사진이든 프레임을 적용할 수 있습니다. 특히 앱 UI 디자인 작업물을 선보이고 싶은 디자이너에게 매우 유용합니다.
마무리
스크린샷에 휴대폰 프레임을 더하면 콘텐츠가 한층 세련되고 완성도 높게 보입니다. 위에서 소개한 방법들은 모두 몇 번의 클릭만으로 결과물을 얻을 수 있을 만큼 간단합니다. 블로거와 콘텐츠 크리에이터뿐 아니라 UI 디자이너에게도 큰 도움이 되니, 자신의 기기와 환경에 맞는 방법을 골라 활용해 보세요.
함께 읽으면 좋은 글:
- 휴대폰 스크린샷 정리·관리에 딱 좋은 앱 추천
- 넷플릭스 시청 중 스크린샷 찍는 방법
- 무료 AI 영상 워터마크 제거기 2종 직접 테스트한 결과
- 안드로이드 폰에서 아이폰 17 스타일 시간 위젯 쓰는 법
IT 사용법이나 기술 관련해 궁금한 점이 있다면 ChatGPT 기반의 GadgetsToUse AI 챗봇을 무료로 이용해 보세요.
최신 기술 뉴스는 Google News 팔로우로, 스마트폰·가젯 팁과 리뷰는 GadgetsToUse 텔레그램 그룹 참여 또는 GadgetsToUse 유튜브 채널 구독을 통해 빠르게 확인하실 수 있습니다.
이 글이 도움이 되었나요? 예 / 아니오