Mac에서 스크린샷을 iPhone 프레임에 넣는 방법

프레임에 담은 스크린샷은 한눈에 휴대폰으로 읽힙니다. 피드에서는 사람들이 글을 읽기도 전에, 아무 이미지가 아니라 앱을 보고 있다는 것을 알려 줍니다. 이 가이드에서는 가장 빠른 방법부터 가장 수작업이 많은 방법까지 세 가지를 다룹니다.

시작하기 전에: 알맞은 스크린샷 준비하기

프레임은 기기 자체 해상도로 찍은 전체 화면 스크린샷이어야 깔끔하게 맞습니다. 휴대폰이나 시뮬레이터에서 찍으면 바로 그렇게 됩니다.

AirDrop, 사진 앱, iCloud로 Mac에 보내세요. 그 전에 자르거나 크기를 바꾸지 마세요. 예를 들어 iPhone 18 Pro 스크린샷은 1206 × 2622픽셀이며, 바로 이 정확한 크기가 도구에 어떤 휴대폰에서 찍었는지 알려 줍니다. 어떤 기기로 찍은 스크린샷인지 모르겠다면 스크린샷 크기 가이드에서 크기별 기기를 확인하세요.

방법 1: FeatureFrame에 드롭하기

FeatureFrame은 바로 이 일을 위해 만든 Mac 앱입니다. 스크린샷의 픽셀 크기를 읽어 어떤 기기에서 찍었는지 찾고, 그 휴대폰의 3D 모델에 담아 줍니다.

  1. FeatureFrame을 열고 스크린샷을 창에 드롭하거나 ⌘ V로 붙여넣습니다.
  2. iPhone 11 Pro부터 iPhone 18 Pro Max, iPhone Air, iPhone Duo, iPad Pro, Air, mini까지, 맞는 iPhone이나 iPad를 알아서 골라 줍니다. 오른쪽 패널에서 기기와 색상을 바꿀 수 있습니다.
  3. 각도 편집기에서 드래그해 휴대폰을 기울이거나, 각도 프리셋 중 하나를 고릅니다.
  4. Instagram 게시물은 4:5, X는 16:9처럼 올릴 곳에 맞는 캔버스 비율을 고르고, 배경으로 단색, 그라디언트, macOS 배경화면, 직접 고른 이미지 중 하나를 정합니다.
  5. ⌘ C로 이미지를 복사해 게시물에 바로 붙여넣거나, 창 밖으로 드래그하거나, ⌘ E로 720p, 1080p, 4K 중 하나로 내보냅니다.

캔버스 하나에 스크린샷을 최대 세 개까지 가로, 세로, 겹치기로 놓을 수 있으며, 크기와 간격을 함께 씁니다. 무료 사용자는 화이트 또는 블랙의 클레이 폰과 클레이 태블릿 프레임을 쓸 수 있고, 내보낸 이미지에는 작은 FeatureFrame 배지가 들어갑니다. FeatureFrame Pro는 모든 실제 기기 프레임, 나만의 워터마크 또는 워터마크 없음, PNG 내보내기를 잠금 해제합니다.

방법 2: 무료 프레임 PNG 쓰기

이미 Keynote, Figma, Pixelmator Pro로 작업하고 있다면 프레임 PNG만으로 충분합니다. 기기 프레임 라이브러리에는 iPhone과 iPad 모델마다 무료 PNG가 있으며, 해당 모델의 스크린샷이 픽셀 단위로 맞도록 화면이 투명하게 뚫려 있습니다. iPhone 18 Pro 프레임 같은 기기 페이지마다 맞는 스크린샷 크기와 정확한 x, y 위치가 나와 있습니다.

어떤 앱이든 규칙은 같습니다. 스크린샷은 프레임 아래 레이어에 넣습니다. 그러면 프레임의 베젤과 둥근 모서리가 스크린샷의 가장자리를 덮어 줍니다.

Keynote에서

  1. 새 프레젠테이션을 만들고 문서 사이드바에서 슬라이드 크기를 1080 × 1350 같은 캔버스 크기로 설정합니다.
  2. 스크린샷을 드래그해 넣고, 이어서 프레임 PNG를 드래그해 넣습니다.
  3. 프레임을 선택한 상태에서 정렬 > 맨 앞으로 가져오기를 선택합니다. Keynote는 PNG의 투명도를 그대로 유지합니다.
  4. 둘 다 선택하고 Shift를 누른 채 함께 크기를 조절해, 스크린샷을 화면 구멍에 맞춥니다. 함께 움직이도록 그룹으로 묶으세요.
  5. 파일 > 다음으로 보내기 > 이미지를 선택하고 PNG를 고릅니다.

Figma에서

  1. 캔버스 크기의 프레임을 만들고 배경 채우기를 지정합니다.
  2. 프레임 PNG와 스크린샷을 드롭합니다. 레이어 패널에서 스크린샷을 프레임 아래로 드래그합니다.
  3. 둘 다 100% 배율에서 기기 페이지에 나온 크기와 위치로 설정한 다음, 그룹으로 묶어 캔버스에 맞게 그룹 크기를 조절합니다.
  4. 프레임을 PNG나 JPEG로 내보냅니다.

Pixelmator Pro에서

  1. 프레임 PNG를 엽니다. 캔버스가 이미 알맞은 크기입니다.
  2. 스크린샷을 드래그해 넣고, 레이어 사이드바에서 프레임 아래로 옮긴 다음, 위치를 기기 페이지에 나온 x, y로 설정합니다.
  3. 두 레이어를 병합하거나 그룹으로 묶은 다음, 캔버스 크기를 바꾸고 맨 아래에 배경 레이어를 추가합니다.
  4. 파일 > 내보내기로 내보냅니다.

방법 3: Apple의 제품 베젤

Apple은 Design Resources 페이지의 Product Bezels에서 최신 iPhone과 iPad 모델의 공식 기기 이미지를 Photoshop 파일과 PNG로 제공합니다. 겹치는 방법은 같습니다. 스크린샷은 아래, 베젤은 위입니다. Apple은 마케팅에 베젤을 쓸 때 마케팅 리소스와 아이덴티티 가이드라인을 검토하도록 요청하니, 게시하기 전에 읽어 보세요.

디테일 챙기기

Mac 스크린샷은요?

Mac 창 캡처에는 기기 프레임이 필요 없습니다. 이미 창 모양을 하고 있으니까요. 창을 캡처한 다음 여백과 그림자를 더해 배경 위에 올리세요. 캡처에 macOS 자체 그림자가 있다면 그림자 없이 Mac 스크린샷을 찍는 방법을 참고하세요. FeatureFrame은 창 캡처를 알아보고, macOS 그림자를 잘라 내고, 둥근 모서리는 유지한 채 단순한 카드로 담아 줍니다.

다음 단계

스크린샷을 프레임에 담았다면 나머지는 보여 주는 방식입니다. 소셜 미디어에서 스크린샷을 보기 좋게 만드는 방법에서 배경, 여백, 시리즈의 일관성을 다루고, X에 공유하기와 Instagram 캐러셀 가이드도 있습니다. 레이어 작업을 아예 건너뛰고 싶다면 Mac App Store에서 FeatureFrame을 받으세요.

다른 가이드