좋은 화면보호기는 요소가 많은 화면보다 멀리서도 읽히고 오래 보아도 피로하지 않은 화면에 가깝습니다. 먼저 배경과 화면비를 정하고, 필요한 정보만 올린 뒤, 마지막에 움직임과 소리를 더하면 수정 횟수를 줄일 수 있습니다.
사진 한 장과 시계로 읽기 쉬운 첫 작품 만들기
준비
직접 사용할 권리가 있는 가로 사진 한 장을 준비합니다. 기존 작업을 덮어쓰지 않도록 새 프로젝트에서 시작하고 이름을 정합니다.
진행 순서
- 화면 탭에서 화면비를 16:9로 선택하고 사진을 배경 미디어로 넣습니다. 먼저 전체 보기로 원본 전체를 확인한 뒤 채우기로 바꿔 잘리는 부분을 비교합니다.
- 시계를 추가하고 사진에서 복잡하지 않은 부분으로 옮깁니다. 배경과 대비되는 색을 고르고 한 번에 긴 문구까지 넣지 않습니다.
- 정적인 배치를 만들려면 선택 요소의 동작에서 이동·표시·변형을 모두 정지 상태로 맞춥니다. 사진의 작은 장식을 넣었다면 크기와 위치의 W·H 값을 바꾸어 실제 크기 변화를 확인합니다.
- 미리보기와 전체화면에서 평소 앉는 거리로 봅니다. 내 화면보호기에서 다시 열어 저장 여부를 확인하고 보관의 백업 저장으로 .ambientpack을 남깁니다.
완료 확인
사진의 주요 피사체와 시계가 겹치지 않고 전체화면에서도 읽히며, 다시 연 프로젝트에 배치가 유지되면 첫 작품이 완성된 것입니다.
예상과 다르다면
시계가 잘 안 보이면 글자만 계속 키우기보다 어두운 빈 공간으로 옮기거나 배경을 바꿉니다. 정적 병합에 선택되지 않는 이미지·텍스트는 이동뿐 아니라 표시·변형 동작도 확인하세요. 실시간 시계는 병합 대상이 아닙니다.
사례 1 · 카페 사진의 빈 공간에 시계 배치하기
밝은 조명과 컵이 있는 오른쪽을 피하고, 왼쪽의 어두운 공간을 시계 자리로 사용했습니다. 이미지를 추가하는 대신 배경으로 넣으면 시계와 독립적으로 화면을 채울 수 있습니다.
2026-09-19 PC Chrome에서 직접 설정하고 캡처한 한국어 Studio 화면입니다. 표시 시각은 촬영 당시 값이며 실시간으로 갱신됩니다. 화면 속 한국어 UI와 아래 설명을 함께 참고하세요.
재현 설정값
- 작업 화면
- 16:9 · 1920 × 1080
- 시계 중심·너비
- X 480 / Y 432 / W 672 px
- 배경 크기·위치
- 100% · X 50% / Y 50%
진행 순서
- 카페 템플릿을 열고 새 프로젝트로 사용을 누릅니다. 작업 이름을 정하고 화면 탭의 화면비를 16:9로 바꿉니다. 템플릿은 기기에 따라 다른 화면비의 배경을 선택하므로, 아래 배경 원본을 저장한 뒤 배경의 교체로 같은 파일을 넣습니다.
- 레이어 목록에서 머무름 문구의 눈 모양 버튼을 눌러 숨깁니다. 문구는 삭제되지 않습니다. 카페 시계를 선택하고 크기와 위치에 X 480, Y 432, W 672를 입력합니다. X·Y는 좌상단이 아니라 요소의 중심 좌표입니다.
- 디지털 시계·24시간·명조·글자 크기 7%, 색상 #f8efe0을 사용합니다. 초와 날짜 표시는 끄고 회전 0°, 투명도 100%를 유지합니다. 배경은 채우기, 크기 100%, 가로·세로 위치 50%로 둡니다.
완료 확인
왼쪽에서 시간이 읽히고 오른쪽의 조명·컵이 가려지지 않는지 확인합니다. W는 글자의 크기가 아니라 시계 요소의 너비이며 글자 크기는 별도 설정입니다. 정지된 사진에 실시간 시계를 얹은 구성이며 빗소리는 포함하지 않습니다. 완성 후 미리보기로 확인하고 백업 저장으로 .ambientpack을 보관하세요.
1. 사용할 화면과 미디어를 먼저 정하기
실제로 실행할 모니터의 해상도와 화면비를 확인합니다. 일반적인 PC 모니터는 16:9 또는 16:10이고 울트라와이드는 21:9가 많습니다. 사진은 가능하면 목표 화면보다 작지 않은 원본을 준비하면 확대 시 흐려지는 현상을 줄일 수 있습니다.
- 사진과 일러스트의 사용 권리를 확인합니다.
- GIF와 동영상은 짧고 자연스럽게 반복되는 소스를 고릅니다.
- 오디오는 장시간 반복해도 거슬리지 않는지 먼저 들어봅니다.
2. 배경과 화면비부터 설정하기
Studio에서 단색, 그라데이션 또는 배경 미디어를 고르고 캔버스를 실제 화면비에 맞춥니다. 사진을 꽉 채우는 채우기는 가장자리가 잘릴 수 있고, 전체 보기는 원본 전체를 보여주는 대신 여백이 생길 수 있습니다. ScreenWisp의 흐림 채우기는 원본 전체를 유지하면서 남는 영역을 부드럽게 채우는 중간 선택입니다.
3. 정보와 장식을 배치하기
- 시계는 화면 가장자리에서 충분히 떨어뜨리고 대비가 높은 색을 사용합니다.
- 텍스트는 한두 줄로 줄이고 멀리서 읽을 수 있는 크기로 맞춥니다.
- 이미지·GIF·동영상은 모서리와 가장자리 핸들로 크기를 조절하거나 X·Y·W·H 숫자를 직접 입력합니다.
- 레이어가 겹치면 목록에서 순서를 바꾸고, 완성된 요소는 잠가 실수로 움직이지 않게 합니다.
4. 움직임은 목적이 있을 때만 더하기
천천히 떠다니기, 직선 이동, 부드러운 곡선 경로처럼 화면 분위기에 맞는 움직임을 선택합니다. 화면 밖의 이동점을 사용하면 요소가 바깥에서 자연스럽게 들어오고 다시 나가게 만들 수 있습니다.
여러 GIF와 동영상, 입자 효과가 동시에 재생되면 CPU와 GPU 사용량이 빠르게 늘어납니다. 미리보기에서 부드러움보다 발열이나 끊김이 먼저 보인다면 요소 수와 해상도를 줄이는 편이 좋습니다.
5. 저장하고 실제 전체화면에서 점검하기
- 내 화면보호기에서 프로젝트가 저장됐는지 확인합니다.
- 전체화면으로 10분 이상 실행해 움직임, 소리 반복, 화면 유지와 발열을 점검합니다.
- 중요한 프로젝트는 .ambientpack으로 내보내 별도 위치에 보관합니다.
- 지원되는 Edge·Chrome에서는 선택한 폴더를 프로젝트 저장소로 사용할 수 있습니다.
설명만 읽지 않고 직접 확인해 보세요
ScreenWisp는 로그인이나 미디어 업로드 없이 브라우저 안에서 화면을 만들고 전체화면으로 확인할 수 있습니다.
Studio에서 직접 만들기 ↗