스크린샷 꾸미기 - 배경 & 그림자 추가

스크린샷 꾸미는 법

1. 업로드 - 스크린샷이나 아무 이미지나 드래그.
2. 배경 선택 - 그라데이션 프리셋 10종 또는 단색 중에.
3. 세부 조정 - 안쪽 여백(padding), 모서리 둥글기, 그림자 세기, 결과물 크기.
4. 다운로드 - 꾸며진 이미지를 PNG로 저장.

이 목업 도구 특징

• 그라데이션 프리셋 10종 이상 - 감각적으로 만들어 놓은 배경 바로 적용.
• 완전 커스텀 - 여백, 그림자, 모서리 둥글기, 크기까지 전부 조절.
• 실시간 미리보기 - 설정 바꾸는 대로 바로 반영.
• 브라우저 처리 - 민감한 UI 스크린샷도 서버로 안 올라가요.

밋밋한 스크린샷을 근사하게

앱 UI나 웹페이지 스크린샷 그대로 블로그에 올리면 뭔가 초라해 보이잖아요. 근데 IT 블로그나 해외 테크 유튜버들이 올리는 스크린샷은 배경에 화려한 그라데이션이 있고, 모서리가 둥글고, 그림자가 살짝 있어서 깔끔하거든요.

그 효과를 여기서 만들 수 있어요. Carbon(코드용)이나 Shots.so 같은 유료 목업 서비스에서 쓰는 기법과 동일하고, 블로그 게시물, 인스타 캐러셀, 발표자료, 포트폴리오 사이트에 쓰기 좋습니다.

다른 스크린샷 도구랑 비교

화면 캡처를 보기 좋게 다듬는 기준

화면을 그대로 캡처해 문서나 게시물에 넣으면 가장자리가 잘려 답답해 보이는 경우가 많아요. 몇 가지만 손봐도 훨씬 정돈돼 보입니다.

여백이 가장 큰 차이를 만들어요

캡처 이미지 둘레에 여백을 두면 내용이 숨을 쉬어요. 여백 색은 흰색이나 아주 옅은 회색처럼 내용과 다투지 않는 색이 좋아요. 배경을 화려하게 하면 정작 봐야 할 화면이 묻혀요.

비율을 미리 정해두세요

• 블로그 본문에 넣을 거면 16:9나 4:3이 무난해요.
• 발표 자료라면 슬라이드 비율과 맞춰야 여백이 어긋나지 않아요.
• 여러 장을 이어 붙일 때는 모두 같은 비율과 같은 여백으로 통일하세요. 이것만 지켜도 문서가 깔끔해 보여요.

올리기 전에 꼭 확인할 것

• 개인정보 — 이름, 전화번호, 계좌번호, 주소, 이메일이 화면에 남아 있지 않은지 보세요. 브라우저 주소창에 로그인 정보가 담긴 주소가 그대로 찍히는 경우도 많아요.
• 알림 창 — 캡처 순간 뜬 메신저 알림에 대화 내용이 들어가는 사고가 흔해요.
• 가리기는 확실하게 — 흐리게 처리하는 방식은 되돌릴 수 있는 경우가 있어요. 중요한 정보는 불투명한 색으로 완전히 덮는 게 안전해요.
• 글자 크기 — 큰 화면을 그대로 줄이면 글자가 안 읽혀요. 필요한 부분만 잘라 확대해 넣는 편이 나아요.

자주 묻는 질문