포토샵으로 사진을 벡터 티셔츠 디자인으로 변환하는 완벽 가이드

· EmbroideryHoop
포토샵으로 사진을 벡터 티셔츠 디자인으로 변환하는 완벽 가이드
PixMiller로 배경을 손쉽게 제거하고, 포토샵 Pen 툴·Threshold·언샤프 마스크로 얼굴 이미지를 벡터 스타일로 정제한 뒤, Displace(변위)와 Multiply 블렌드, 곡선 보정으로 티셔츠에 실감 나게 입히는 전 과정을 한 번에 익히세요. 초보자도 따라 하기 쉬운 흐름으로, 사진 한 장이 인쇄용 그래픽으로 완성됩니다.

교육 목적의 해설만을 제공합니다. 이 페이지는 원 저작물에 대한 학습용 노트이자 해설입니다. 모든 권리는 원 저작자에게 있으며, 재업로드·재배포는 허용되지 않습니다.

원본 영상은 제작자의 채널에서 시청해 주세요. 더 많은 튜토리얼을 위해 구독으로 응원해 주시면, 한 번의 클릭이 더 명확한 단계별 데모, 더 나은 카메라 앵글, 실제 테스트 제작에 도움이 됩니다. 아래 «구독» 버튼을 눌러 응원해 주세요.

당신이 원 저작자이고 이 요약의 내용 수정·출처 추가·일부 삭제를 원하신다면, 사이트의 문의 양식을 통해 연락해 주세요. 신속히 답변드리겠습니다.

Table of Contents
  1. 인트로: 사진 한 장으로 티셔츠 아트 만들기
  2. 1단계: PixMiller로 깔끔한 배경 제거
  3. 2단계: 포토샵에서 얼굴 벡터 베이스 만들기
  4. 3단계: 픽셀을 벡터처럼 – 솔리드화와 텍스트 결합
  5. 4단계: 리얼한 티셔츠 목업 완성
  6. 간단 체크: 품질 점검 포인트
  7. 프로 팁: 작업 속도와 완성도를 동시에
  8. 주의: 흔한 실수와 해결법
  9. 댓글에서: 자주 받은 질문과 답변
  10. 마무리: 이제 당신의 이미지를 입히세요

영상 보기: How to Create an Awesome T-shirt Vector Design in Photoshop | Convert Image to Vector Design — ILLPHOCORPHICS

한 장의 사진이 티셔츠에 착 붙는 그래픽으로 변하는 순간, 디자이너의 손끝은 가장 빠르게 성장합니다. 이 튜토리얼은 포토샵 초보자도 따라 할 수 있는 속도로, 배경 제거부터 벡터화, 리얼한 목업까지 전 과정을 이어 붙입니다. 완성 이미지는 확대·축소에도 흐트러지지 않고, 프린트에 바로 투입할 수 있죠.

무엇을 배우게 되나요

  • PixMiller로 사진 배경을 자동 제거하고, 포토샵에서 남은 잔여물을 정리하는 방법
  • Pen 툴, Threshold, 언샤프 마스크로 벡터 스타일 얼굴을 만드는 단계별 흐름
  • Color Range로 검은 영역을 선별해 솔리드 벡터처럼 채우는 요령과 정리 스텝
  • 텍스트 결합 후 워크 패스(경로) 변환, 컬러 변경, 자유 변형으로 스케일 테스트
  • Displace(변위)와 Multiply 블렌드, 곡선 보정으로 천결 주름을 살린 티셔츠 목업 완성

인트로: 사진 한 장으로 티셔츠 아트 만들기 Chris Hemsworth의 스틸 컷처럼, 누구나 좋아하는 사진을 고르고 과정을 밟으면 프린트용 벡터 스타일 아트가 됩니다. 이 글은 영상의 실제 순서를 한국어로 재구성해 초보자도 놓치지 않게 안내합니다.

Preview of the vector design on a t-shirt and the original photo of Chris Hemsworth.
The video introduces the goal: converting a photo of Chris Hemsworth into a vector design for a T-shirt. It shows the original image alongside the final vector result on a T-shirt mockup.

1단계: PixMiller로 깔끔한 배경 제거 스폰서로 소개된 PixMiller는 자동 배경 제거 웹사이트입니다. 이미지를 업로드하면 배경을 빠르게 분리해 PNG로 다운로드할 수 있죠. 자동 처리 후 일부 잔여물이 남더라도 괜찮습니다. 포토샵에서 바로 정리할 테니까요.

Screenshot of the PixMiller website showing background removal examples.
The PixMiller website demonstrates its automatic background removal capabilities with various example images, highlighting its ease of use for isolating subjects.

- 업로드: 사이트에 접속해 ‘Upload a Photo’를 클릭하고 이미지를 올립니다. 몇 초 후 배경이 제거된 미리보기가 생성됩니다.

PixMiller upload interface showing the 'Upload a Photo' button.
The PixMiller website's upload interface is shown, prompting the user to upload a photo for automatic background removal. A clear 'Upload a Photo' button is visible.

- 다운로드: 워터마크 없는 HD 버전으로 저장합니다. 이렇게 받은 PNG는 투명 배경이라 다음 단계에서 편합니다.

Chris Hemsworth's image with a transparent background in Photoshop.
After using PixMiller, the Chris Hemsworth image is back in Photoshop, now with a transparent background. Some unwanted elements still remain around the subject.

프로 팁

  • 자동 제거 결과에 민감한 머리카락 가장자리는 이후 Threshold와 언샤프 마스크 단계에서 다시 디테일이 살아납니다. 처음부터 완벽할 필요는 없습니다. 자석 자수틀

2단계: 포토샵에서 얼굴 벡터 베이스 만들기 이제 포토샵에서 얼굴 중심의 컴포지션을 만듭니다. 불필요한 배경과 신체 부분은 잘라내고, 얼굴 윤곽을 정밀하게 따서 마스크로 격리합니다.

- 크롭: Crop Tool로 얼굴과 상반신 일부만 남기세요. 티셔츠 그래픽은 메인 포커스가 명확할수록 시원합니다.

Chris Hemsworth's image open in Photoshop.
The original Chris Hemsworth image is opened in Adobe Photoshop, showing the initial state before any editing begins. The image contains a busy street background.
Cropping the Chris Hemsworth image to just the head and shoulders.
The Crop Tool in Photoshop is used to select and isolate only Chris Hemsworth's head and upper chest area, preparing it for the vectorization process.

- Pen 툴로 추출: 확대 후 머리와 목 윤곽을 정교하게 따라 경로를 만든 뒤 ‘Make Selection’으로 전환, 레이어 마스크를 적용합니다. Free Transform으로 비율과 크기를 다듬고 임시 마스크는 삭제합니다.

Using the Pen Tool to trace around Chris Hemsworth's head.
The Pen Tool is actively used in Photoshop to meticulously trace the outline of Chris Hemsworth's head, forming a precise path for selection.
Chris Hemsworth's head isolated using a layer mask in Photoshop.
After tracing with the Pen Tool, a layer mask is applied to isolate Chris Hemsworth's head, effectively removing the rest of the image content.

주의

  • Pen 툴 점이 너무 많으면 에지가 울퉁불퉁해 보일 수 있습니다. 큰 형태를 적은 점으로 먼저 잡고, 필요한 곡선에만 보강하세요. mighty hoop

적용 예: Threshold와 언샤프 마스크로 디테일 살리기 - Threshold: Adjustment Layer에서 Threshold를 추가, 얼굴의 구조와 머리카락이 명확히 보일 정도의 흑백 대비를 맞춥니다.

Threshold adjustment applied, turning the image into black and white.
The Threshold adjustment layer is applied, transforming the isolated head into a high-contrast black and white graphic, a key step in the vectorization process.

- 언샤프 마스크: Filter > Sharpen > Unsharp Mask를 적용해 경계와 텍스처를 강조합니다. 필요하면 한 번 더 반복해 디테일을 밀어 올립니다. 과하면 노이즈가 올라오니 프리뷰로 균형을 잡으세요.

Unsharp Mask filter dialog box with settings.
The Unsharp Mask filter dialog box is displayed, allowing the user to adjust parameters like Amount, Radius, and Threshold to enhance the details of the vectorized image.

간단 체크

  • 너무 높은 Threshold는 디테일을 잃고, 너무 낮으면 회색이 남습니다. 언샤프 마스크와 병행해 가장 선명한 경계를 찾아보세요. snap hoop monster

3단계: 픽셀을 벡터처럼 – 솔리드화와 텍스트 결합 벡터 스타일을 실제 생산에 유리한 형태로 굳혀 갑니다. 핵심은 ‘검은 영역을 하나의 솔리드 레이어로 만드는 것’입니다.

  • Curves 미세 보정: 대비를 조금 더 세워 선택 정확도를 돕습니다.

- Color Range로 검정 선택: Select > Color Range에서 검정만 골라 선택을 로드합니다. Fuzziness는 장면에 따라 조절하세요.

Color Range selection dialog box in Photoshop.
The Color Range dialog box is open, being used to select all the black areas of the vectorized image. This prepares the image for converting the selected areas into a solid fill.
  • Fill로 솔리드 채우기: 새 빈 레이어에 Edit > Fill > Black으로 가득 채웁니다. 아래쪽에는 Solid Color(White)를 추가해 배경을 깔끔히 둡니다. 이렇게 하면 ‘검정 실루엣 + 흰 배경’의 간단하고 강렬한 구조가 됩니다.

정리 브러싱 - 레이어 마스크를 씌운 뒤 Brush Tool로 튀는 점이나 들쭉한 가장자리만 부드럽게 다듬습니다. 필요하면 브러시를 작게, 경도를 높였다 낮췄다 하며 스폿을 없애세요. 완료 후 마스크 적용(Apply)로 확정합니다.

Using the brush tool on a layer mask to clean up the vector face.
The Brush Tool is being used on a layer mask to carefully remove unwanted small spots and refine the edges of the vector face, ensuring a clean final look.

텍스트 결합과 워크 패스 만들기 - 텍스트 추가: 작품 하단에 영화 타이틀처럼 ‘EXTRACTION’을 배치합니다. 얼굴과 균형이 맞게 위치·크기를 조정하세요.

Vector face with 'EXTRACTION' text added below.
The text 'EXTRACTION' has been added below the vectorized Chris Hemsworth face, becoming an integral part of the overall T-shirt design.
  • 병합 및 선택: 얼굴 실루엣과 텍스트를 병합하고, 썸네일 Ctrl/Cmd+클릭으로 선택을 불러옵니다.

- Make Work Path: 선택 도구에서 우클릭 > Make Work Path로 경로로 바꿉니다. 이제 실루엣과 텍스트 윤곽이 패스가 되어, 자유롭게 색 채우기와 스케일이 가능합니다.

Solid Color fill dialog box with color picker.
The Solid Color fill dialog box is shown, allowing the user to pick a new color for the combined vector design, which was previously black.
  • 컬러 바꾸기: Solid Color로 원하는 잉크 컬러(예: 블루)를 선택합니다.

프로 팁

  • 검정 티셔츠용이라면 디자인 색을 흰색으로 두고, 흰 티셔츠용이면 검정 또는 컬러로 두면 대비가 좋습니다. 필요시 Invert(반전) 또는 Solid Color를 교체해 빠르게 대응하세요. 자석 자수틀 for brother

4단계: 리얼한 티셔츠 목업 완성 단순히 얹힌 듯한 합성이 아닌, 천 결 따라 말리는 그래픽을 만들려면 변위 맵(Displacement)이 핵심입니다.

- 모품 준비: 티셔츠 이미지를 열고 Crop Tool로 셔츠만 프레임에 꽉 차게 자릅니다.

Vector design placed on a T-shirt mockup.
The vector design is placed on a white T-shirt mockup, showing its initial positioning and scale before further adjustments for realism are applied.
  • 첫 배치: 벡터 디자인을 드래그해 목업에 얹고, Free Transform으로 적절한 크기와 위치를 잡습니다. 이 상태로도 인쇄 안내용 이미지는 충분하지만, 리얼리즘을 위해 한 단계 더 갑니다.
  • 변위 PSD 저장: 같은 장면에서 디자인 레이어를 숨기거나 삭제한 뒤, 티셔츠 바탕만 PSD로 저장합니다. 이 파일이 변위 맵이 됩니다.

- Displace 적용: 다시 디자인을 올려둔 문서에서 Filter > Distort > Displace를 선택합니다. 가로·세로 스케일을 5로 두고, 방금 저장한 PSD를 선택합니다. 디자인이 주름과 함께 살짝 말리며 천 결을 따릅니다.

Displace filter dialog box in Photoshop.
The Displace filter dialog box is shown, used to apply a displacement map (the saved T-shirt PSD) to the vector design, making it conform to the T-shirt's texture.

- Multiply 블렌드 + Curves: 디자인 레이어를 Multiply로 바꾸고, 곡선(Curves) 보정으로 하이라이트와 섀도를 분리 조정해 입체감을 강화합니다. 필요하면 크기·위치를 다시 미세 조정하세요.

Final T-shirt mockup with realistic vector design.
The final T-shirt mockup, showcasing the vectorized Chris Hemsworth design realistically wrapped around the fabric with adjusted blending and curves.

간단 체크

  • Displace 스케일이 너무 크면 왜곡이 부자연스럽고, 너무 작으면 효과가 약합니다. 장면마다 3~7 사이에서 테스트해 최적값을 찾으세요. brother 자수 기계

프로 팁

  • Multiply만으로 부족하면 Overlay나 Soft Light도 시도해 보세요. 다만 섬유 결 과장으로 인해 색이 뜨면 Curves로 미드톤을 잡아 주는 것이 좋습니다.
  • 완성 이미지는 인쇄 견적·시안 검토용으로 충분합니다. 실제 프린팅 전에는 색상 모드, 잉크 제한, 해상도 요건(영상에 구체 수치 미표기)을 각 제작사 가이드에 맞추어 확인하세요. mighty hoops for brother

주의

  • 변위 맵 PSD에 디자인 레이어가 포함된 상태로 저장하면, Displace에서 이중 변형 또는 이상 왜곡이 생길 수 있습니다. 저장 전 반드시 숨기거나 삭제하세요. babylock 자석 자수틀

댓글에서: 자주 받은 질문과 답변

  • Q: 검정 티셔츠에서 무엇을 바꿔야 하나요?

A: 벡터(솔리드 컬러) 레이어의 색을 흰색으로 바꾸면 대비가 살아납니다(영상 댓글 답변). 컬러 교체는 Solid Color로 즉시 가능합니다.

  • Q: 흰색과 검정을 반전해 두 버전(흰/검정 티셔츠)을 모두 쓰고 싶어요.

A: 영상에서 직접 다루지 않았지만, 솔리드 디자인이라면 Invert나 색상 교체로 쉽게 대응 가능합니다. 단, 가장자리가 부드러운 브러시로 정리되어 있어야 반전 후도 깔끔합니다.

  • Q: 원본 색을 살린 컬러 벡터화가 가능한가요?

A: 제작자는 Pen 툴로 가능하다고 답했습니다(댓글). 이 경우 색상별로 영역을 따로 패스로 나누고, 각각 Solid Color로 채우는 방식이 좋습니다.

  • Q: 화이트 조정 가능한 셔츠(목업)는 어디서 구하나요?

A: 영상에서 구체 출처는 언급되지 않았습니다. 상업용 목업은 각자 라이선스를 확인해 사용하세요.

  • 기타: 4:59에서 오디오가 갑자기 커졌다는 피드백이 있습니다. 감상 시 볼륨에 유의하세요.

마무리: 이제 당신의 이미지를 입히세요 이 튜토리얼의 강점은 ‘누구나 바로 쓸 수 있는’ 파이프라인입니다. PixMiller로 배경을 정리하고, 포토샵에서 Threshold·언샤프 마스크로 판독성 높은 실루엣을 만든 뒤, Color Range로 솔리드화, 텍스트 결합, 워크 패스로 변환, 그리고 변위·Multiply·Curves로 마무리. 이 일련의 과정만 익히면 어떤 사진이든 자연스럽게 티셔츠에 담아낼 수 있습니다. dime 자석 자수틀

확장 아이디어

  • 다른 피사체: 인물 외에도 동물, 차량, 악기 등 형태가 명확한 사진이 특히 잘 어울립니다.
  • 텍스트 탐험: 곡선 텍스트나 세로 조합으로 실험해보세요. 폰트 무게와 자간을 달리하면 완성도가 확 바뀝니다.
  • 시리즈 제작: 동일 스타일의 여러 인물을 같은 톤·컬러로 전개하면 컬렉션형 상품 기획이 쉬워집니다. baby lock 자석 자수틀

크리에이티브 체크리스트

  • 대비(Threshold)와 디테일(언샤프)의 균형이 좋은가?
  • 솔리드 벡터 레이어에 구멍(빈 픽셀)이나 얼룩이 남지 않았는가?
  • 텍스트와 얼굴의 시각적 무게중심이 맞는가?
  • 목업에서 주름 흐름과 로고 왜곡 방향이 자연스러운가?
  • 완성 이미지 해상도와 파일 포맷이 목적(웹/프린트)에 적합한가? 자석 자수틀 for embroidery