원근 목업 제작기

원근 목업 제작기

평면 사진 목업입니다. 조명과 가림은 직접 확인하세요. 표면을 자동 인식하지 않습니다.

1. 사진과 디자인

PNG·JPEG·WebP 각 8 MB, 한 변 4096 px, 총 200만 픽셀 이하. 편집 영역은 한 변 최대 1000 px, 총 100만 픽셀입니다.

모서리를 조정한 뒤 목업을 만드세요.

2. 네 모서리 지정

손잡이를 끌거나, 선택한 손잡이에 화살표 키를 쓰세요(Shift: 10 px). 픽셀 좌표도 입력할 수 있습니다. 순서는 좌상·우상·우하·좌하입니다.

왼쪽 위
오른쪽 위
오른쪽 아래
왼쪽 아래

3. 목업 확인

파란 영역이 투영 대상입니다. 실제 합성 픽셀은 아래 생성 결과에서 확인하세요.

4. 저장

설정 JSON에는 좌표와 불투명도만 담깁니다. 좌표를 다시 적용하려면 같은 크기의 배경 사진을 쓰세요.

댓글과 질문

원근 목업 제작기

사진에서 평면의 네 모서리를 지정하면 다른 이미지를 그 면에 원근 투영합니다. 실제 투영 계산과 알파 합성을 사용하고, 대상 밖의 사진 픽셀은 그대로 둡니다. 손잡이를 움직이거나 정확한 좌표를 입력한 뒤 PNG를 저장할 수 있습니다. 곡면·가림·조명은 자동 분석하지 않습니다.

주요 기능

  • 단순 회전·테두리와 다른 네 점 원근 투영
  • 좌상·우상·우하·좌하 손잡이 이동 및 좌표 입력
  • 알파 보간과 디자인 불투명도 조절
  • 교차하거나 납작한 사각형 거부
  • 합성 PNG와 좌표 설정 JSON 저장

사용 방법

  1. 예제를 불러오거나 배경 사진과 디자인 이미지를 선택합니다.
  2. 한 평면의 네 모서리를 좌상·우상·우하·좌하 순서로 지정합니다.
  3. 디자인 불투명도를 조정하고 합성 버튼을 누릅니다.
  4. 결과를 살펴본 뒤 PNG나 좌표 JSON을 내려받습니다.

활용 예시

  • 촬영한 평평한 포장 상자 면에 라벨 미리보기
  • 벽면 사진에 포스터 시안 배치
  • 기기 화면 사진에 화면 디자인 합성

자주 묻는 질문

디자인 앞에 있는 물체나 그림자를 반영하나요?

아니요. 평면 사각형에 이미지를 투영하고 투명도를 합성합니다. 가림, 곡률, 반사, 현장 조명은 추정하지 않습니다.

모서리는 어떤 순서로 찍나요?

대상 평면에서 보이는 좌상, 우상, 우하, 좌하 순서입니다. 서로 교차하거나 오목한 사각형은 거부합니다.

디자인 이미지의 투명한 부분은 유지되나요?

예. 각 픽셀의 알파를 보간한 다음 불투명도 슬라이더를 적용해 아래 사진이 보이게 합니다.

큰 이미지는 왜 출력 크기가 줄어드나요?

원본은 디코더 한도인 한 변 4096픽셀, 총 200만 픽셀 이하여야 합니다. 허용된 원본이 편집 영역 한 변 1000픽셀·총 100만 픽셀을 넘으면 비율을 유지해 줄입니다.

설정 JSON에 원본 사진도 들어 있나요?

아니요. 출력 크기, 네 점 좌표, 불투명도만 저장하며 이미지 바이트는 포함하지 않습니다.

개인정보 안내

업로드한 사진과 디자인은 브라우저에서 디코딩·합성합니다. 이 도구는 이미지를 서버 API로 보내지 않습니다.

관련 도구

스크린샷 꾸미기이미지 자르기이미지 회전·반전이미지 세부 확대 도구HDR 노출 합성기흑백 사진 색 복원 실험실파노라마 이어 붙이기판재 배치 계획기영상 편집 목록 작성기대본 프롬프터이중 자막 학습 플레이어코드 진행 실험실오선 악보 편집기자막 편집 작업대입체 음향 배치기음원 코드 후보 분석기MIDI 피아노롤 편집기샘플 악기 만들기공간 잔향 합성기오디오 파형 편집기전화 키패드 신호 실험실그림으로 소리 만들기오디오 스펙트럼 분석기오디오 잡음 정리기음원 성분 분리기효과음 합성기멀티트랙 오디오 믹서드럼 샘플 슬라이서반복 음원 이음새 찾기오디오 음량 분석기음원 음높이·템포 편집기스테레오 애너글리프 제작기사진 모자이크 제작기이미지 주파수 분석기비슷한 사진 중복 찾기렌티큘러 인터레이스 도안재질 텍스처 맵 제작 실험실360도 사진 투어 만들기영상 교정 타깃 제작기이미지 메시지 숨기기 실험벡터 모핑 편집기문서 원근 보정기사진 영역 메우기뜨개 기호 도안 편집기벡터 도형 조합기SVG 경로 편집기심리스 패턴 제작기실크스크린 색판 분리기퀼트 블록 배치기로우폴리 색면 제작기폰트 부분집합 만들기초점 합성 도구사진 깊이 지도 만들기십자수 도안 제작기CSS 애니메이션 타임라인픽셀 직접 그리기이미지 차이 히트맵이미지 품질 측정실증명사진 만들기바코드 스캐너동영상 GIF 변환크로마키 영상 합성기영상 흔들림 보정기영상 구도 추적 편집기스톱모션 촬영 작업대영상 타임코드 대조기영상 인코딩 비교기HLS·DASH 매니페스트 검증기영상 속도 곡선 편집기영상 컨테이너 탐색기영상 스토리보드 만들기영상 개인정보 가림기영상 로토스코프 마스크 편집기영상 움직임 좌표 추적기영상 중간 프레임 만들기화면 해설 편집기영상·음성 싱크 맞추기동영상 자르기GIF 프레임 추출SVG→PNG/JPG 변환이미지 SVG 벡터화도트·픽셀아트 변환프로필 원형 자르기액자·폴라로이드 프레임이미지 모서리 둥글게JPEG EXIF 정보 보기·제거이미지 색각 시뮬레이터이미지 ASCII 아트사진 콜라주인스타 9분할 이미지긴 이미지 분할이미지 필터밈 만들기바코드생성기QR코드 생성기이미지 압축기이미지 리사이즈이미지 포맷 변환파비콘 생성기유튜브 썸네일 추출기HEIC JPG 변환전자서명·도장 생성기이미지 워터마크움짤·GIF 만들기이미지 색상 추출(스포이드)이미지 텍스트 추출(OCR)이미지 합치기사진 모자이크·블러QR코드 스캔MP4 MP3 변환 (음원 추출)동영상 압축 (용량 줄이기)배경 제거 (누끼따기)
이미지/미디어 도구 전체 보기 →텍스트/변환 →생활/재미 →개발 도구 →