이미지 오버레이 도구

선택한 파일을 복원하는 중...

사진에 로고를 놓거나, 미리 배경을 지운 피사체를 새 배경과 합치거나, 이미지에 질감을 더해 보세요. 이 도구는 브라우저 안에서 기본 이미지 한 장과 오버레이 한 장을 합칩니다. X/Y 위치와 크기, 불투명도, 블렌드 모드를 설정한 뒤 하나로 합친 결과를 PNG로 내려받을 수 있습니다.

한 이미지를 다른 이미지 위에 겹치는 방법

  1. 1

    배경 이미지와 오버레이 이미지 업로드

    배경 이미지가 캔버스를 채우고, 오버레이가 그 위에 떠 있습니다.

  2. 2

    위치와 크기 조절

    X/Y 위치를 픽셀 단위로 입력하고 5%에서 200% 사이의 크기를 선택하세요.

  3. 3

    불투명도와 블렌드 모드 설정

    또렷한 합성에는 불투명도 100%, 은은한 워터마크에는 30~60%를 사용하세요.

  4. 4

    내보내기

    두 레이어를 기본 이미지의 캔버스 크기로 된 PNG 한 장으로 합칩니다.

의도가 느껴지는 오버레이 만들기

두 레이어 합성은 위치와 크기, 블렌드 방식을 의도에 맞게 고르는 데서 시작합니다.

배치

  • 삼분할 법칙을 활용하세요. 오버레이의 중심을 삼분할선 교차점에 두면 잡지 화보 같은 느낌이 납니다.
  • 모서리에 넣는 워터마크는 가장자리에서 10~15% 정도 여백을 두는 편이 좋습니다.
  • 균형 잡힌 포스터나 소셜 카드에는 중앙 배치가 어울립니다.

크기

  • 오버레이가 배경 이미지의 짧은 변 기준 60%를 넘어가면 어색해 보이는 경우가 많습니다.
  • 로고 워터마크는 보통 배경 이미지 너비의 5~15% 정도입니다.

블렌드 모드

자연스러운 합성을 위한 선택 기준:

모드 효과
보통 (Normal) 알파 값을 그대로 반영한 합성
곱하기 (Multiply) 어둡게 만듭니다. 질감을 얹을 때 좋습니다
스크린 (Screen) 밝게 만듭니다. 광채나 플레어 효과에 유용합니다
오버레이 (Overlay) 대비를 끌어올리는 혼합
어둡게 (Darken) 두 레이어 중 더 어두운 픽셀을 남깁니다
밝게 (Lighten) 두 레이어 중 더 밝은 픽셀을 남깁니다

기능 범위와 개인정보 보호

이 도구는 오버레이 한 장의 위치와 크기를 조절하고 블렌드합니다. 회전, 자르기, 가장자리 흐리기, 그림자 추가 기능은 없으므로 필요하다면 업로드 전에 편집하세요. 두 이미지는 브라우저에서 처리되며 단계별 URL에 들어가거나 서버로 전송되지 않습니다. 안내형 흐름에서는 IndexedDB가 단계 사이에 임시 프로젝트를 이어 주도록 이 기기에 최대 30분 동안 보관합니다.

흔한 합성 사례

  • 스마트폰이나 노트북 목업 안에 넣은 제품 화면.
  • 사진 모서리의 로고 워터마크.
  • 단색 배경 위에 올린 배지나 라벨.
  • 장식 프레임 안의 프로필 이미지.
  • 미리 배경을 투명하게 만든 피사체를 새 배경에 배치하기.

자주 묻는 질문

이 도구는 한 번에 배경 이미지 하나와 오버레이 하나를 지원합니다. 여러 겹의 합성이 필요하면 결과물을 내보낸 뒤, 그것을 새 배경 이미지로 삼아 다음 오버레이를 얹으세요.

네. 오버레이가 알파 채널이 있는 PNG라면 보이는 픽셀만 배경 이미지 위에 그려집니다. JPG 오버레이는 투명도가 없어 직사각형으로 나타납니다.

또렷한 합성에는 보통(Normal), 사진 위에 질감(종이, 그런지)을 얹을 때는 곱하기(Multiply), 광채와 하이라이트에는 스크린(Screen)을 쓰세요. 오버레이(Overlay), 어둡게(Darken), 밝게(Lighten)는 스타일용이니 직접 바꿔 가며 확인해 보세요.

드래그 대신 X/Y 숫자 입력란을 사용하세요. 이 도구는 픽셀 단위 위치 지정을 지원하므로 1픽셀 격자에 맞춰 정렬할 수 있습니다.

관련 도구