이미지 뒤 텍스트

이미지 뒤에 텍스트를 넣는 방법

페이지를 열면 데모 사진이 이미 불러와져 있습니다(농부 친구의 모자 뒤에 "it ain't much"가 깔끔하게 들어가 있죠). 아무것도 건드리기 전에 효과가 어떤지 정확히 볼 수 있습니다. 준비가 되면 내 사진으로 바꿔 보세요:

1. "사진 업로드"를 클릭하고 피사체가 뚜렷한 이미지를 고르세요. 사람이 가장 잘 나오지만 개, 자동차, 커피잔처럼 배경과 구분되는 것이라면 무엇이든 괜찮습니다.
2. 텍스트를 입력하세요. 두 번째 줄이 필요하면 Enter를 누르세요. 텍스트가 자동으로 피사체 뒤로 들어갑니다. 마스크도, 레이어 패널도, 손으로 오려 낼 것도 없습니다.
3. 끌어서 위치를 잡으세요. 미리보기에서 바로 하면 됩니다. 캔버스를 잡고 텍스트가 가장 잘 읽히는 곳으로 옮기세요. 보통 피사체가 글자 한두 개를 가리는 위치입니다. 바로 그 겹침이 입체감을 만들어 냅니다.
4. 스타일을 입히세요. 글꼴을 고르고, 크기와 자간을 조절하고, 외곽선을 넣고, 회전하고, 불투명도를 낮추거나, 멋을 내고 싶다면 가짜 3D로 기울여 보세요.
5. PNG를 다운로드하세요. 내보내기는 미리보기 크기가 아니라 사진의 원래 해상도로 나옵니다. 4000px 사진이면 4000px 결과물이 나옵니다.

내부에서 실제로 일어나는 일

사진을 불러오면 작은 AI 분할 모델이 브라우저에서 바로 실행되어 어떤 픽셀이 피사체이고 어떤 픽셀이 배경인지 알아냅니다. 그다음 도구가 이미지를 세 개의 레이어로 다시 만듭니다. 맨 아래에 원본 사진, 가운데에 텍스트, 맨 위에 다시 붙인 피사체 컷아웃을 놓는 거죠. 눈은 이 겹침을 입체감으로 읽어서, 텍스트가 원래부터 그 장면에 있었던 것처럼 보입니다.

모든 과정이 내 기기에서 이루어지므로 업로드 대기열도, 서버 처리 대기도 없습니다. 첫 사진은 모델을 다운로드하느라 몇 초 더 걸리지만, 그다음부터는 거의 즉시 처리됩니다. 편집하는 동안 사진이 브라우저 밖으로 나가지 않으니, 낯선 서버에 보내고 싶지 않은 사진에도 안심하고 쓸 수 있습니다.

이 효과를 본 적 있는 곳

솔직히 어디에나 있습니다. YouTube 썸네일은 이 효과를 늘 씁니다. 거대한 "EXPOSED"나 "I TRIED IT" 앞으로 크리에이터의 머리가 튀어나오는 디자인은 이제 거의 플랫폼의 기본 스타일이죠. Spotify 스타일의 가사 포스터도, 앨범 아트도 이 효과를 씁니다. Instagram 사진가들은 생일 게시물, 여행 정리, 약혼 발표에 씁니다. 스포츠 페이지는 선수 뒤에 등번호를 넣고, 스트리머는 아바타 뒤에 아이디를 넣습니다.

효과가 있는 이유는 간단합니다. 겹침은 뇌가 가진 가장 강력한 깊이 단서 중 하나이기 때문입니다. 사람의 어깨가 글자 일부를 가리면, 텍스트는 위에 붙인 평면 캡션이 아니라 장면의 일부가 됩니다. 평면 텍스트는 피사체와 시선을 다투지만, 피사체 뒤의 텍스트는 오히려 피사체를 돋보이게 합니다. 같은 사진, 같은 글자인데 느낌이 완전히 달라집니다.

잘 협조하는 사진 고르기

분할 모델은 뛰어나지만, 사진에 따라 작업이 쉬워지기도 어려워지기도 합니다. 피사체가 배경과 확실히 분리된 사진(색이 다르고, 조명이 괜찮고, 거리가 조금 있는 사진)은 가장자리가 깔끔한 선명한 컷아웃이 나옵니다. 어두운 재킷이 어두운 출입구에 녹아드는 사진이라면 겹치는 부분의 가장자리가 더 부드럽고 뭉개집니다.

늘 도움이 되는 몇 가지:

• 피사체와 배경의 대비. 나무 앞이라면 초록 옷을 입은 사람보다 밝은 셔츠를 입은 사람이 더 잘 나옵니다.
• 뚜렷한 피사체 하나. 단체 사진도 되지만, 한 사람이나 물체 하나가 화면을 차지할 때 효과가 가장 강합니다.
• 위나 옆에 약간의 여백. 텍스트가 들어갈 자리가 필요합니다. 얼굴에 딱 맞게 자른 사진은 텍스트를 둘 곳이 없습니다.
• 선명한 피사체. 배경이 자연스럽게 흐릿한 사진이라면 더 좋습니다. 텍스트도 그 겹겹이 쌓인 사진 같은 느낌을 함께 갖게 됩니다.

밝은 곳에서 휴대폰으로 찍은 인물 사진이 가장 좋습니다. 사람들이 이 도구에 가장 많이 넣는 사진이기도 하고, 모델이 가장 잘하도록 학습된 사진이기도 합니다.

알맞은 글꼴 고르기

반쯤 가려지는 텍스트는 30-40%가 안 보여도 읽혀야 하므로 굵은 글꼴이 유리합니다. Anton이 기본값인 데는 이유가 있습니다. 굵고 길쭉해서 어깨가 통째로 앞을 가려도 잘 읽히거든요. Bebas Neue와 Archivo Black도 가까운 사촌입니다. Impact는 밈의 고전적인 선택이죠. 더 부드러운 느낌을 원한다면 Pacifico와 Caveat로 손글씨 느낌을 내 보세요. 획이 가는 만큼 크기를 키우면 됩니다.

엄선한 디스플레이 글꼴 12종이 바로 보이고, 검색창 뒤에는 필요할 때 불러오는 약 100종의 Google Fonts가 더 있습니다. 실용적인 팁: 위치를 세밀하게 조정하기 전에 글꼴을 먼저 고르세요. 좁은 글꼴에서 넓은 글꼴로 바꾸면 모든 게 움직입니다.

색은 대부분의 사진에서 흰색이 무난합니다. 하지만 하늘, 셔츠, 네온사인처럼 장면에 이미 있는 색을 가져오면 생성된 느낌이 아니라 디자인한 느낌이 납니다. 색상 선택기로 배경의 무언가를 찍고, 불투명도를 85-90%로 낮추면 텍스트가 사진의 빛에 자연스럽게 녹아듭니다.

효과를 자연스럽게 만드는 작은 조정

외곽선은 텍스트가 사진의 밝은 부분과 어두운 부분을 모두 지날 때 유용합니다. 몇 픽셀의 어두운 외곽선만 있어도 밝은 하늘 위를 지나는 글자가 잘 읽힙니다. 배경이 균일하면 0으로 설정하세요.

회전과 3D 기울기는 과해지기 쉽습니다. 몇 도의 회전은 에너지를 더하지만 45도는 혼란을 줍니다. 기울기 슬라이더는 텍스트 면을 비틀어 장면 안쪽으로 물러나는 것처럼 보이게 하며, 미묘한 값(10~20)은 사진의 원근감을 놀라울 만큼 잘 흉내 냅니다.

뒤집기 옵션은 효과 전체를 반대로 바꿉니다. 피사체가 텍스트 앞에 오는 대신 배경이 앞에 오고, 텍스트가 피사체에 붙어 있는 것처럼 보입니다. 열 번 중 한 번 정도만 맞는 선택일 수 있지만, 맞을 때는 정말 잘 맞습니다. 자동 누끼가 장면의 "엉뚱한" 절반을 잡았을 때 사용해 보세요.

게시하기 전에 워터마크를 넣으세요

스타일 설정 아래에 워터마크 전용 입력란이 있습니다. 계정 이름이나 도메인을 입력한 뒤 위치 프리셋(모서리, 가장자리, 가운데)으로 배치하거나 X/Y 슬라이더를 끌어 정확한 위치를 지정하세요. 크기를 픽셀 단위로 설정하고, 색을 고르고, 어떤 배경에서도 읽히도록 대비 외곽선을 켤 수 있습니다. 워터마크는 다운로드한 PNG 자체에 새겨지므로 이미지가 퍼질 때(좋은 이미지는 늘 퍼집니다) 이름도 함께 퍼집니다.

파일만이 아니라 링크로 공유하세요

공유 버튼은 사진, 텍스트, 스타일, 워터마크 설정까지 전체 구성을 담은 링크를 만듭니다. 링크를 연 사람은 정확히 같은 설정이 불러와진 이 페이지로 이동해 바로 수정하거나 다운로드할 수 있습니다. 게시 전에 다른 사람의 의견을 듣거나 팀원에게 템플릿을 넘길 때 편리합니다. 스타일을 한 번 설정하고 링크를 공유한 뒤 사진만 바꾸게 하세요.

자주 묻는 질문

Photoshop이 필요한가요?

아니요. Photoshop에서 피사체 선택, 레이어 마스크, 텍스트 레이어로 하는 작업을 이 도구는 브라우저에서 한 번에 처리합니다. 정밀한 편집에는 여전히 Photoshop이 더 세밀한 제어를 제공하지만, 일반적인 텍스트 뒤 피사체 효과라면 결과에 의미 있는 차이가 없고 수고만 10분 정도 차이 납니다.

무료인가요?

계정 없이도 구성을 만들고 모든 것을 미리 볼 수 있습니다. 원본 해상도 PNG를 다운로드하려면 로그인이 필요하며, 현재 프로모션에 따라 기간 한정 무료이거나 구독에 포함됩니다. 도구 상단의 배지에서 지금 무엇이 적용되는지 확인할 수 있습니다.

어떤 파일 형식을 업로드할 수 있나요?

JPG, PNG, WebP, GIF, AVIF, BMP, 그리고 iPhone에서 바로 가져온 HEIC/HEIF를 지원합니다. 내보내기는 항상 원본 사진 해상도의 PNG입니다.

누끼가 피사체 일부를 놓친 이유는 무엇인가요?

대개 대비가 낮기 때문입니다. 피사체 가장자리가 배경과 섞이거나 조명이 매우 어두운 경우입니다. 피사체가 더 돋보이는 사진을 사용하거나, 까다로운 이미지에서 더 깔끔하게 분리되기도 하는 뒤집기 옵션을 써 보세요. 여러 사람이 겹쳐 있는 복잡한 장면이 가장 어렵습니다.

여러 줄로 쓸 수 있나요?

네. 텍스트 상자에서 Enter를 누르세요. 줄은 하나의 블록으로 가운데 정렬되고, 크기 슬라이더로 함께 조절됩니다. 긴 한 줄보다 짧은 두 줄이 대개 더 효과적인데, 줄마다 피사체와 겹칠 기회가 생기기 때문입니다.

휴대폰에서도 되나요?

네. 최신 휴대폰에서도 분할이 원활하게 작동하며, 엄지로 텍스트를 끄는 게 솔직히 마우스보다 더 자연스럽습니다. 다운로드한 파일은 다른 이미지처럼 사진 앱이나 파일 앱에 저장됩니다.