포토샵에서 텍스트 만드는 방법: 완벽 가이드
포토샵에서 텍스트 만드는 방법: 완벽 가이드
포토샵 합성에서 텍스트가 여전히 완성도를 좌우하는 이유
상품 등록 이미지, 할인 배너, 마케팅 그래픽은 모두 바탕이 되는 사진만큼이나 타이포그래피에 기대고 있습니다. Adobe Photoshop의 텍스트는 사진 위에 붙여 놓은 고정된 캡션이 아닙니다. 수평 문자 도구(Horizontal Type Tool)로 만드는, 살아 있고 언제든 편집할 수 있는 레이어이며 글꼴, 색상, 획, 그림자, 여러 겹의 레이어 효과를 한꺼번에 담을 수 있습니다. 포토샵 문자는 병합하기 전까지 벡터 기반으로 유지되기 때문에 작업의 어느 단계에서든 제목의 크기를 바꾸거나 스타일을 다시 입히거나 문구를 완전히 새로 써도 선명도가 떨어지지 않습니다. 현업 디자이너가 텍스트 레이어를 최대한 오래 편집 가능한 상태로 두는 이유가 바로 여기에 있습니다. 쿠팡 대표 이미지를 만들든, 네이버 스마트스토어 배너나 11번가 할인 배지를 만들든, 오프라인 매장에 붙일 가격표를 인쇄하든 필요한 핵심 기술은 같습니다. 문자 도구로 입력하고 편집하는 법, 문자 패널과 단락 패널로 간격을 조절하는 법, 획, 드롭 섀도, 그레이디언트 오버레이, 경사와 엠보스 같은 레이어 스타일 효과로 글자를 꾸미는 법, 그리고 직선으로는 해결되지 않을 때 텍스트를 구부리거나 패스를 따라 배치하는 법입니다. 이 가이드는 현업 디자이너가 실제로 작업하는 순서대로 이 과정을 따라갑니다. 문자 레이어를 만들고, 자간, 커닝, 행간을 다듬어 어떤 크기에서도 제목이 깔끔하게 읽히게 하고, 레이어 스타일로 엠보스, 메탈, 발광 효과를 만들고, 로고와 원형 배지를 위해 텍스트를 뒤틀거나 패스 위에 올리고, 마지막으로 복잡한 배경 위에서도 흐트러지지 않는 여러 줄짜리 타이포그래피 레이아웃을 완성합니다. 그 과정에서 아마추어 그래픽과 클라이언트에게 바로 넘길 수 있는 결과물을 가르는 실무적인 판단도 함께 다룹니다. 혼합 모드, 문자를 모양으로 변환하기, 그리고 래스터화가 올바른 마지막 단계인 시점을 정확히 아는 것까지 포함합니다.
문자 도구 기초: 포인트 텍스트, 단락 텍스트와 문자 패널
모든 작업은 수평 문자 도구(Horizontal Type Tool)에서 시작합니다. T 키를 누르거나 도구 모음의 T 아이콘을 클릭하면 활성화됩니다. 캔버스를 클릭하거나 상자를 드래그하는 순간 포토샵은 새 텍스트 레이어를 만들며, 클릭할지 드래그할지라는 이 한 가지 선택이 앞으로 만들 텍스트가 근본적으로 다른 두 종류 중 어느 쪽인지를 결정합니다.
포인트 텍스트와 단락 텍스트
문자 도구로 한 번 클릭하면 포토샵에서 포인트 텍스트(point text)라고 부르는 텍스트가 배치됩니다. 직접 줄 바꿈을 넣지 않는 한 입력한 줄은 가로로 끝없이 늘어나므로, 포인트 텍스트는 짧은 제목, 로고, 워터마크, 그리고 SALE이나 신상품 같은 한 단어에 알맞습니다. 반대로 사각형을 드래그하면 단락 텍스트(paragraph text) 상자가 만들어집니다. 이 상자 안에서는 워드 프로세서와 똑같이 단어가 틀에 맞춰 자동으로 줄 바꿈되므로, 상품 설명, 취급 주의 사항처럼 배너나 상품 이미지의 정해진 영역 안에 들어가야 하는 문구 덩어리에 적합한 도구입니다. 문자 메뉴에서 언제든 한 유형을 다른 유형으로 변환할 수 있으니 처음 선택이 틀릴 일은 없습니다. 특정 문구에 맞지 않는 도구를 고르는 경우가 있을 뿐입니다.
문자 패널: 글꼴, 크기, 자간, 커닝, 행간
문자 레이어가 생기면 문자 패널(Character panel)(창 > 문자)이 글자의 모양에 관한 모든 것을 다루는 조종실이 됩니다. 꼭 익혀 둘 핵심 항목은 다음과 같습니다.
- 글꼴 모음과 스타일: 패널 맨 위 드롭다운 목록에서 서체와 굵기(Regular, Bold, Italic 등)를 선택합니다.
- 크기: 기본 단위는 포인트이며, 캔버스에 글자가 얼마나 크게 표시될지를 정합니다.
- 행간(Leading): 텍스트 줄 사이의 세로 간격으로, 크기 입력란 바로 아래에 있습니다. 행간을 좁히면 여러 줄 제목이 한데 모여 힘 있고 압축된 인상을 주고, 넉넉하게 벌리면 본문이 사진 배경 위에서도 잘 읽힙니다.
- 자간(Tracking): 선택한 글자 전체에 균일하게 적용되는 간격입니다. 자간을 양수로 주면 짧은 단어가 넓게 퍼져 프리미엄 상품 라벨에 자주 쓰이는 우아하고 여유로운 느낌이 나고, 음수로 주면 긴 제목이 좁은 배너에 들어가도록 조여집니다.
- 커닝(Kerning): 특정한 두 글자 사이의 간격입니다. 포토샵이 글꼴에 내장된 메트릭으로 자동 조정할 수도 있고, AV나 WA 안의 틈처럼 어색한 글자 쌍 사이에 커서를 두고 직접 미세 조정할 수도 있습니다.
- 색상: 패널 아래쪽의 색상 견본을 클릭하면 표준 색상 피커가 열리며, 정확한 RGB 값이나 HEX 값을 입력해 브랜드 팔레트에 맞출 수 있습니다.
- 앤티 앨리어싱(Anti-aliasing): 글자 가장자리를 부드럽게 처리하는 드롭다운입니다. 선명하게(Sharp)나 뚜렷하게(Crisp) 모드는 작은 글씨에 어울리고, 사진 위의 큰 디스플레이 문자에는 대체로 매끄럽게(Smooth)가 가장 무난한 기본값입니다.
자간이나 커닝을 건드리기 전에 Ctrl+A(Mac에서는 Cmd+A)로 레이어 안의 텍스트를 모두 선택하는 습관을 들이면 좋습니다. 그래야 조정 값이 우연히 커서 근처에 있던 마지막 글자 하나가 아니라 전체에 고르게 적용됩니다.
단락 패널과 정렬
문자 패널 옆에 있는 단락 패널(Paragraph panel)(창 > 단락)은 단락 상자 안에서 텍스트 줄이 어떻게 정렬되고 줄 바꿈되는지를 관리합니다. 왼쪽, 가운데, 오른쪽 정렬 버튼이 기본적인 경우를 처리하고, 양쪽 맞춤 옵션은 단락의 양쪽 끝을 가지런히 맞춰 줍니다. 제품 포장에 함께 들어가는 인쇄 안내문이나 사용 설명서에서 흔히 쓰는 방식입니다. 들여쓰기와 단락 앞/뒤 공백 입력란으로 본문 덩어리의 밀도를 세밀하게 조절할 수 있는데, 여러 개의 상품 특징 문구가 정해진 그래픽 안에서 틀 밖으로 넘치지 않고 들어가야 할 때 특히 중요합니다.
문자 레이어 편집, 이동, 확정
기존 텍스트를 편집하려면 문자 도구를 선택하고 글자 위를 바로 클릭하면 됩니다. 그러면 포토샵이 해당 레이어의 편집 모드로 다시 들어갑니다. 단어를 더블 클릭하면 그 단어가, 세 번 클릭하면 줄 전체가 선택됩니다. 수정을 마치면 숫자 키패드의 Enter를 누르거나 옵션 막대의 체크 표시를 클릭해 편집을 확정합니다. 텍스트 레이어는 이동 도구(Move Tool)(V)로 옮기며, 새 문자 레이어는 레이어 패널에서 각자 한 줄씩 차지하므로 아래 사진과 상관없이 제목의 위치를 바꾸거나 숨기거나 복제하거나 순서를 바꿀 수 있습니다. 무엇이든 병합하기 전에 작업 파일을 레이어가 살아 있는 PSD로 저장해 두는 것이 좋습니다. 래스터화되거나 병합된 텍스트 레이어는 더 이상 문자로 편집할 수 없고, 픽셀 기반 리터칭 도구로 손보는 것만 가능하기 때문입니다.
OpenType 기능, 대소문자, 흔한 실수
문자 패널에는 위 첨자, 아래 첨자, 모두 대문자, 작은 대문자용 OpenType 버튼이 작게 한 줄로 숨어 있습니다. 상품 그래픽에서 상표 기호를 올바르게 위로 올려야 하거나, 소제목을 다시 입력하지 않고 작은 대문자 스타일로 바꿔야 할 때 유용합니다. 다른 컴퓨터에서 PSD를 열었을 때 글꼴 누락 경고가 뜨거나 예상치 못한 서체로 대체된다면, 단지 그 글꼴이 로컬에 설치되어 있지 않은 것입니다. 포토샵은 레이어의 원래 글꼴 이름을 파일에 그대로 보관하므로, 올바른 글꼴을 설치하고 문서를 다시 열면 자동으로 복원됩니다. 초보자가 흔히 하는 또 다른 실수는 자유 변형에서 Shift를 누르지 않고 모서리 핸들을 드래그해 텍스트 레이어 크기를 바꾸는 것입니다. 이렇게 하면 깔끔한 비율 조정이 아니라 글자 형태가 늘어나 굵기 균형이 무너집니다. 텍스트를 키워야 할 때는 레이어 경계 상자를 변형하기보다 문자 패널의 크기 값을 바꾸는 편이 거의 항상 더 깨끗한 결과를 냅니다. 레이어 패널에서 여러 텍스트 레이어를 한꺼번에 선택하면 글꼴, 크기, 색상 변경을 모두에 동시에 적용할 수 있어, 상품 이미지 여러 장을 하나의 일관된 스타일로 맞추는 작업이 훨씬 빨라집니다.
직접 손대기 번거로우신가요? 사진은 리터처에게 맡기세요
자동 보정이 모든 것을 해결하지는 않습니다. 까다로운 컷, 소중한 사진, 스캔한 오래된 인화지. 알고리즘이 포기하는 지점부터는 사람이 포토샵에서 레이어를 쌓아 손으로 작업합니다.

비포애프터⇆- 얼굴과 눈의 선명함을 되살립니다
- 피부 질감을 뭉개지 않고 노이즈와 아티팩트를 제거합니다
- 색감, 대비, 노출을 바로잡습니다
- 오래된 스캔의 스크래치, 얼룩, 접힘을 지웁니다
- 인쇄에 쓸 수 있는 크기로 파일을 드립니다
- 사진 한 장 가격$10
- 작업 기간24시간 이내
- 전달 방법이메일로 전송
- 처리하지 못하면환불해 드립니다
사진을 손으로 마무리해 드립니다
스튜디오 리터처가 자동 보정이 못 하는 부분을 다듬습니다. 선명도, 얼굴, 색, 결점. 먼저 결제하시고 사진을 보내 필요한 점만 알려 주세요. 처리하지 못하면 환불해 드립니다.
- 사진 수작업 리터칭$10
레이어 스타일: 획, 그림자, 그레이디언트, 엠보스 텍스트 효과
꾸미지 않은 문자를 사진 위에 바로 올리면 완성된 느낌이 좀처럼 나지 않습니다. 제목에 무게감, 대비, 입체감을 가장 빨리 더하는 방법은 레이어 스타일(Layer Style) 대화 상자입니다. 텍스트 레이어 이름을 더블 클릭하거나 레이어 패널 아래쪽의 작은 fx 아이콘을 클릭하면 열립니다. 이 안의 모든 효과는 계속 편집할 수 있고 텍스트와 함께 크기가 조절되므로, 한 번 만든 스타일은 마우스 오른쪽 버튼을 클릭한 뒤 레이어 스타일 복사를 선택하는 것만으로 새 제목에 옮길 수 있습니다.
획: 가독성을 극대화하는 깔끔한 윤곽선
획(Stroke) 효과는 모든 글자 둘레에 단색, 그레이디언트, 패턴 윤곽선을 그립니다. 크기는 두께를 정하고, 위치는 윤곽선이 글자 형태를 기준으로 안쪽, 바깥쪽, 가운데 중 어디에 놓일지를 정합니다. 복잡하거나 대비가 낮은 사진 위에서 텍스트가 읽혀야 할 때 대부분의 디자이너는 바깥쪽을 선택합니다. 글자 자체를 줄이지 않고 두께만 더해 주기 때문입니다. 배경을 늘 통제할 수 없는 오픈마켓 상품 이미지에서는 어두운 배경 위의 흰색 획, 밝은 배경 위의 검은색 획이 가장 확실한 가독성 해결책입니다.
드롭 섀도: 텍스트를 배경에서 띄우기
드롭 섀도(Drop Shadow) 효과는 광원을 흉내 내어 텍스트를 시각적으로 앞으로 끌어냅니다. 거리와 각도는 그림자가 떨어지는 위치를, 크기는 가장자리의 부드러움을, 불투명도는 그림자의 세기를 정합니다. 가깝고 불투명도가 낮은 그림자는 가격표에 어울리는 은은한 깊이감을 주고, 길고 진한 그림자는 굵은 배너 제목에 강렬하고 거의 3D 같은 존재감을 줍니다. 한 효과를 극단적으로 올리는 것보다 드롭 섀도와 채도를 살짝 낮춘 획을 함께 쓰는 편이 대개 더 좋습니다. 두 효과가 함께 작용하면 스티커를 덧붙인 듯한 느낌 없이 텍스트를 사진에서 분리해 주기 때문입니다.
그레이디언트 오버레이: 글자 안의 색상 전환
그레이디언트 오버레이(Gradient Overlay)는 단색 칠을 둘 이상의 색이 부드럽게 이어지는 전환으로 바꾸며, 내장된 그레이디언트 편집기로 조정합니다. 세리프 서체에 골드에서 브론즈로 이어지는 그레이디언트를 넣으면 주얼리나 가죽 제품 상세 이미지에 어울리는 고급스러운 마감이 되고, 차가운 블루에서 틸로 이어지는 그레이디언트는 IT 액세서리 할인 배지에 잘 맞습니다. 그레이디언트 오버레이 패널 안의 혼합 모드와 각도를 바꾸면 색 전환이 단어를 가로지르는 방향을 가로, 대각선, 방사형으로 바꿀 수 있습니다.
경사와 엠보스: 입체감, 엠보스, 3D 스타일 텍스트 만들기
경사와 엠보스(Bevel & Emboss)는 평면 문자를 새기거나 눌러 찍거나 돌출시킨 것처럼 보이게 만드는 효과입니다. 스타일 메뉴에는 외부 경사, 내부 경사, 엠보스, 쿠션 엠보스, 획 엠보스가 있으며, 각각 글자 가장자리에 음영을 다르게 넣어 입체 표면에 빛이 닿는 모습을 흉내 냅니다. 깊이와 크기는 가짜 부조가 얼마나 도드라져 보일지를 정하고, 음영 섹션에서는 가상 광원의 각도와 높이, 그리고 밝은 영역과 그림자의 색상 및 혼합 모드를 따로 설정할 수 있습니다. 은은한 그레이디언트 오버레이, 진한 드롭 섀도와 함께 쓰면 경사와 엠보스만으로 2D 레이어 스타일 대화 상자를 벗어나지 않고도 메탈, 각인, 엠보스 느낌을 낼 수 있습니다. 간단한 상품 그래픽이라면 실제 3D 문자를 모델링하는 것보다 훨씬 빠릅니다.
혼합 모드와 효과 조합
레이어 스타일의 각 항목과 텍스트 레이어 자체에는 저마다 혼합 모드(blend mode) 설정이 있습니다. 곱하기(Multiply)는 아래에 있는 이미지 쪽으로 텍스트를 어둡게 녹여 넣으므로, 불투명한 덩어리가 아니라 옅은 얼룩처럼 보여야 하는 워터마크에 유용합니다. 스크린(Screen)과 오버레이(Overlay)는 그레이디언트나 텍스처가 글자 사이로 빛나게 해 밝고 활기찬 할인 배지를 만들어 줍니다. 포토샵에서는 fx 스택 안의 개별 효과마다 레이어 전체 모드와 별개로 혼합 모드를 지정할 수 있어서, 텍스트 레이어 하나에 곱하기 그림자, 표준 획, 스크린 그레이디언트를 동시에 조합할 수 있습니다. 온라인에서 보는 화려한 네온이나 메탈 텍스트 효과의 상당수가 실제로 이런 방식으로 만들어집니다.
스타일 저장, 재사용, 변환
획, 드롭 섀도, 그레이디언트 오버레이, 경사와 엠보스의 조합이 마음에 들면 스타일 패널에 스타일 사전 설정으로 저장해 두세요. 이후 어떤 제목에든 클릭 한 번으로 적용할 수 있어 전체 상품 그래픽 카탈로그의 시각적 일관성이 유지됩니다. 디자인을 확대, 축소 가능한 그래픽으로 포토샵 밖으로 보내야 한다면 텍스트 레이어를 마우스 오른쪽 버튼으로 클릭하고 모양으로 변환(Convert to Shape)을 선택하세요. 적용된 레이어 스타일을 모두 유지한 채 편집 가능한 벡터 패스로 바뀝니다. 문자 래스터화(Rasterize Type)로 텍스트 레이어를 일반 픽셀로 바꾸는 작업은 프로젝트의 맨 마지막에만 하세요. 래스터화된 글자는 더 이상 글꼴, 크기, 문구를 바꿀 수 없습니다.
내부 그림자, 광선, 새틴: 과하지 않게 깊이 더하기
주력 효과 네 가지 외에도 레이어 스타일 대화 상자의 세 가지 항목이 인기 있는 텍스트 처리 대부분을 완성해 줍니다. 내부 그림자(Inner Shadow)는 각 글자의 안쪽 가장자리를 어둡게 해서 평면 문자가 표면에 눌려 들어간 것처럼 보이게 하며, 드롭 섀도와 정반대의 착시를 만듭니다. 외부 광선(Outer Glow)과 내부 광선(Inner Glow)은 글자 형태의 바깥쪽이나 안쪽으로 부드러운 색 번짐을 퍼뜨립니다. 혼합 모드를 스크린으로, 색상을 채도 높게, 크기를 넓게 설정한 외부 광선은 그럴듯한 네온사인 효과의 핵심 재료이며, 어두운 배경 위에 올리고 같은 광선을 더 크고 불투명도 낮게 한 번 더 겹치면 번짐이 더 풍성해집니다. 새틴(Satin)은 곡면 금속에 빛이 반사되는 모습을 흉내 내는 물결 모양 음영을 안쪽에 더합니다. 따뜻한 톤의 그레이디언트 오버레이와 함께 쓰면 골드나 크롬 스타일 레터링에 작지만 효과적인 마무리가 됩니다. 패턴 오버레이(Pattern Overlay)와 색상 오버레이(Color Overlay)는 칠 옵션을 마무리하는 항목으로, 아래의 문구는 건드리지 않고 문자의 원래 칠을 텍스처나 단색 브랜드 컬러로 바꿔 줍니다. 레이어 스타일을 쌓을 때의 요령은 절제입니다. 세심하게 조정한 효과 서너 개가 사용 가능한 효과를 전부 켠 것보다 거의 항상 낫습니다. 효과가 과하게 쌓인 텍스트 레이어는 하나의 깔끔한 효과로 읽히지 못하고 보는 사람의 시선을 두고 스스로 다투기 시작합니다.
텍스트 뒤틀기, 패스 위의 문자, 완성된 타이포그래피 레이아웃 만들기
반듯한 평면 문자 줄로도 일상적인 작업 대부분은 해결되지만, 로고, 배지, 장식용 제목에서는 글자를 구부리거나 곡선으로 휘거나 원하는 모양을 그대로 따라가게 해야 할 때가 많습니다.
텍스트 뒤틀기: 빠르고 비파괴적인 왜곡
문자 레이어를 선택한 상태에서 옵션 막대의 텍스트 뒤틀기(Warp Text) 아이콘을 클릭하거나 메뉴에서 문자 > 텍스트 뒤틀기를 선택하면 부채꼴, 아치, 돌출, 깃발, 파형, 물고기 같은 사전 설정 모양이 담긴 대화 상자가 열립니다. 각 사전 설정에는 구부리기, 가로 왜곡, 세로 왜곡 슬라이더가 있어 모양이 글자를 얼마나 강하게 밀어낼지 세밀하게 조정할 수 있습니다. 텍스트 뒤틀기는 계속 편집 가능한 상태로 남기 때문에 나중에 문구나 글꼴을 바꿔도 왜곡이 자동으로 다시 계산됩니다. 그래서 완만한 곡선이 필요한 배지, 배너 리본 효과, 아동용품 상세 이미지의 발랄한 물결 제목에 가장 빠른 선택지입니다.
패스 위의 문자: 펜 도구로 정밀하게 제어하기
원형 제품 라벨의 테두리를 정확히 따라가야 하는 텍스트나 불규칙한 로고 모양을 감싸는 텍스트처럼 사전 설정 부채꼴보다 구체적인 형태가 필요하다면 답은 패스 위의 문자(Type on a Path)입니다. 먼저 펜 도구(Pen Tool)로 패스를 그리거나, 옵션 막대에서 패스 모드로 설정한 타원 도구(Ellipse Tool) 같은 모양 도구로 패스를 그립니다. 완벽한 원이 필요하면 Shift를 누른 채 그립니다. 그런 다음 문자 도구로 전환해 커서를 패스 바로 위에 올립니다. 커서 아이콘이 작은 물결선 모양으로 바뀌면, 클릭했을 때 텍스트가 직선이 아니라 그 패스를 정확히 따라 흐르기 시작한다는 신호입니다. 문구를 입력하면 곡선을 따라 자동으로 이어집니다. 글자가 패스 바깥쪽이 아니라 안쪽에 놓이면 패스 선택 도구(Path Selection Tool)(A)로 전환하고, 텍스트 시작 부분의 작은 표식을 잡아 Ctrl(Mac에서는 Cmd)을 누른 채 패스 반대편으로 드래그해 뒤집습니다. 문자 패널의 기준선 이동(Baseline Shift) 입력란은 패스를 기준으로 텍스트를 위아래로 조금씩 옮겨 주므로, 원형 배지 둘레에 문구를 깔끔하게 가운데 맞출 때 유용합니다. 레이아웃이 확정되면 패스 자체는 패스 패널에서 삭제해도 그 위에 배치한 텍스트에는 영향이 없습니다.
모양 안의 텍스트: 이미지로 채운 글자와 마스크 글자
비슷하지만 다른 효과로, 크고 굵은 글자 안쪽을 단색 대신 사진으로 채우는 방법이 있습니다. 여행이나 라이프스타일 그래픽에서 흔히 볼 수 있습니다. 굵은 산세리프처럼 두껍고 폭이 넓은 글꼴로 단어를 입력하고, 레이어 패널에서 이미지 레이어를 텍스트 레이어 바로 위에 놓은 다음, 이미지 레이어를 마우스 오른쪽 버튼으로 클릭해 클리핑 마스크 만들기(Create Clipping Mask)(Alt+Ctrl+G, Mac에서는 Option+Cmd+G)를 선택합니다. 이제 사진은 글자 모양을 통해서만 보입니다. 자유 변형(Ctrl+T / Cmd+T)으로 잘린 글자 안에서 이미지의 위치와 크기를 조정해 사진의 가장 흥미로운 부분이 보이는 곳에 오도록 하고, 아래 텍스트 레이어에 획이나 드롭 섀도 레이어 스타일을 주면 마스크된 사진 둘레에 깔끔한 가장자리가 생깁니다.
원근감 있는 텍스트와 돌출된 3D 깊이 흉내 내기
상자 목업의 옆면이나 실내 장면 속 간판처럼 비스듬한 표면 위에 자연스럽게 얹혀야 하는 텍스트는 편집 > 변형 > 원근 또는 같은 하위 메뉴의 왜곡 옵션을 사용합니다. 두 방법 모두 문자 레이어를 고급 개체(Smart Object)로 변환한 뒤에 적용해야 왜곡이 비파괴적으로 유지되고 나중에 다시 편집할 수 있습니다. 원근에서 모서리 핸들을 드래그하면 소실점에 맞춰 텍스트가 균일하게 기울고, 왜곡은 각 모서리를 따로 움직일 수 있어 불규칙한 표면에 적합합니다. 전용 3D 프로그램을 열지 않고 두툼하게 돌출된 느낌을 내려면 텍스트 레이어를 여러 번 복제하고, 방향키로 각 사본을 아래와 옆으로 1픽셀씩 옮긴 뒤, 아래쪽 사본들을 기본 색보다 어두운 색으로 채웁니다. 이렇게 겹친 사본들이 두꺼운 입체 글자의 보이는 옆면처럼 읽힙니다. 포토샵에 자체 3D 도구가 생기기 훨씬 전부터 쓰이던 기법으로, 간단한 배지나 로고타입에는 지금도 더 빠릅니다.
완성된 구성 만들기: 위계, 대비, 그리드
실제 그래픽에서 스타일을 입힌 단어 하나만 덩그러니 놓이는 경우는 드뭅니다. 대부분의 상품 이미지와 마케팅 이미지에는 제목, 보조 문구, 때로는 가격이나 행동 유도 문구가 함께 어우러져야 합니다. 텍스트가 여러 개인 구성을 어수선하지 않고 읽기 쉽게 유지하는 습관 몇 가지를 소개합니다.
- 크기 위계를 세우세요. 눈에 띄는 제목 하나, 확실히 작은 소제목 하나, 그리고 그보다 눈에 띄게 더 작은 세부 문구로 나누면 시선이 어디에 먼저 가야 할지 알게 됩니다.
- 글꼴 모음 수를 제한하세요. 제목용 하나, 본문용 하나, 이렇게 두 글꼴 모음을 쓰는 편이 한 그래픽에서 서체 네 개가 경쟁하는 것보다 거의 항상 더 전문적으로 보입니다.
- 재사용 요소에는 고급 개체를 쓰세요. 로고, 배지 템플릿, 반복 아이콘을 고급 개체로 변환하면 크기를 조절해도 선명하게 유지되고, 한 번 수정하면 여러 상품 이미지에 들어간 모든 사본이 함께 업데이트됩니다.
- 모든 요소를 그리드에 맞추세요. 포토샵의 안내선(보기 > 새 안내선)과 이동 도구 옵션 막대의 정렬 옵션을 쓰면 여러 텍스트 블록이 가지런히 정렬되어, 단어를 아무렇게나 흩어 놓은 것이 아니라 의도한 디자인으로 읽힙니다.
- 숨 쉴 공간을 남기세요. 텍스트 주변, 특히 마켓별 썸네일 크기에 맞춰 잘릴 캔버스 가장자리 근처에 여백을 두면 중요한 문구가 잘려 나가지 않습니다.
이렇게 작업하면 디자이너는 입력한 단어 하나에서 출발해 앞서 다룬 핵심 도구만으로 레이어가 살아 있는 완성된 구성까지 나아갈 수 있습니다. 내용은 문자 도구로, 간격은 문자 패널과 단락 패널로, 마감은 레이어 스타일로, 그리고 레이아웃에 직선이 아닌 형태가 필요할 때는 텍스트 뒤틀기나 패스 위의 문자로 처리합니다.
추상적인 설정도 셀러가 매주 실제로 만드는 그래픽에 연결해 보면 훨씬 적용하기 쉬워집니다. 앞서 다룬 같은 도구들이 작업에 따라 어떻게 다르게 조합되는지 살펴보겠습니다.
제품 라벨 그래픽
네이버 스마트스토어나 쿠팡에 올릴 병, 상자, 보틀 목업 라벨에는 보통 원형 뚜껑을 따라 휘는 브랜드명을 위한 패스 위의 문자와, 그 아래 성분이나 용량을 적는 반듯한 단락 텍스트가 함께 필요합니다. 곡선 브랜드명은 더 굵은 두께에 자간을 살짝 양수로 주어 썸네일로 작게 표시될 때도 또렷하게 읽히게 하고, 위치를 바깥쪽으로 설정한 가벼운 획을 더해 복잡한 라벨 배경 사진에서 글자가 깔끔하게 분리되도록 합니다.
할인 배지
30% 할인이나 타임 세일 같은 문구가 들어가는 원형 또는 별 모양 할인 배지는 텍스트 뒤틀기를 부채꼴이나 부풀리기로 설정해 퍼센트 숫자가 둥근 모양 안에 자리 잡게 한 다음, 그레이디언트 오버레이와 경사와 엠보스를 강하게 조합해 광택 있고 입체적인 느낌을 줍니다. 그러면 상품이 빽빽한 검색 결과 페이지에서도 시선을 끕니다. 거리는 짧고 불투명도는 중간 정도인 드롭 섀도를 주면 배지 전체가 뒤의 상품 사진에서 떠오릅니다.
배너 제목
메인 페이지나 프로모션 배너의 제목은 거의 항상 크게 설정한 포인트 텍스트입니다. 대문자 단어라면 줄이 휑해 보이지 않도록 자간을 살짝 음수로 당기고, 두 줄로 넘어가면 행간을 넉넉하게 줍니다. 드롭 섀도 하나, 때로는 은은한 어두운 획을 곁들이는 정도면 대개 충분한 대비가 생겨, 뒤에 단색 띠를 깔지 않아도 흰색 제목이 사진 배경 위에서 잘 읽힙니다.
워터마크
워터마크는 이미지 자체를 망치지 않으면서 사진의 무단 재사용을 막아야 하므로 우선순위가 뒤바뀝니다. 불투명도는 낮게, 보통 15~25퍼센트로 두고, 혼합 모드는 곱하기나 스크린으로 설정해 표식이 사진 위에 평평하게 얹히지 않고 사진 속에 스며들게 하며, 포토샵의 패턴 오버레이나 간단히 복제해 어긋나게 배치한 레이어로 프레임 전체에 반복 배치해서 한 번 잘라내는 것만으로는 지울 수 없게 합니다. 완성한 워터마크 텍스트를 고급 개체로 변환해 두면 같은 표식을 이미지 여러 장에 손쉽게 넣을 수 있습니다.
가격표
실물 상품 사진용이든 디지털 배지용이든 가격표 그래픽에는 굵고 가독성 높은 글꼴, 통화 기호와 숫자 사이의 좁은 간격, 그리고 대비되는 색의 두꺼운 바깥쪽 획이 효과적입니다. 그래야 모바일 화면에서 작게 보여도 가격이 한눈에 읽힙니다. 가격은 자주 바뀌므로 텍스트 레이어를 래스터화하지 않고 살려 두면 29,900원을 24,900원으로 고치는 데 그래픽 전체를 다시 만들 필요 없이 몇 초면 충분합니다.
상품 이미지의 인포그래픽 설명 문구
주요 국내 오픈마켓에서는 상품 특징을 가리키는 짧고 훑어보기 쉬운 설명 문구가 들어간 상품 이미지가 좋은 반응을 얻습니다. 예를 들어 촬영한 디테일 옆에 방수 봉제선이나 세탁기 사용 가능이라고 적은 화살표를 넣는 식입니다. 이런 설명 문구는 행간을 좁힌 짧은 단락 텍스트 상자, 라벨과 사진 속 정확한 지점을 잇는 작고 일관된 아이콘이나 펜 도구로 그린 화살표 모양, 그리고 뒤에 어떤 부분이 오든 라벨이 분리되어 보이게 하는 색상 오버레이나 가벼운 드롭 섀도로 구성할 때 가장 효과적입니다. 대여섯 장으로 이루어진 이미지 갤러리 전체의 설명 문구는 시각적으로 똑같아야 하므로, 화살표와 배경 모양을 그룹으로 묶은 고급 개체로 라벨을 만들어 두면 템플릿 하나로 세트의 모든 이미지가 한꺼번에 업데이트되어 문구마다 손으로 스타일을 입히는 재작업을 줄일 수 있습니다.
다국어 버전과 여러 크기 버전
같은 그래픽을 네이버 스마트스토어, 쿠팡, 인쇄용 동봉 안내문에 함께 쓰는 셀러는 보통 하나의 마스터 파일에서 여러 출력 크기와 때로는 여러 언어 버전을 뽑아야 합니다. 제목, 소제목, 가격을 하나의 병합된 덩어리로 합치지 않고 각각 별도의 단락 텍스트 상자에 두면, 번역된 문구나 더 짧은 통화 표기로 바꿀 때 그 상자 하나만 다시 입력하면 됩니다. 또한 고급 개체 크기 조절 덕분에 같은 구성을 정사각형 썸네일로 줄이거나 전체 너비 배너로 키워도 레이어 스타일이 자동으로 비율에 맞게 유지됩니다.
Q: 포토샵에서 포인트 텍스트와 단락 텍스트는 어떻게 다른가요?
A: 포인트 텍스트는 문자 도구로 한 번 클릭해서 만들며, 직접 줄 바꿈을 넣을 때까지 계속 이어지는 한 줄 텍스트라 제목과 짧은 라벨에 알맞습니다. 단락 텍스트는 텍스트 상자를 드래그해서 만들며, 그 상자 안에서 자동으로 줄 바꿈되므로 상품 설명 같은 긴 문구에 적합합니다.
Q: 이미 입력한 텍스트의 글꼴은 어떻게 바꾸나요?
A: 텍스트 레이어를 선택하고 문자 도구를 활성화한 뒤 바꾸려는 글자를 드래그해 선택하고, 문자 패널이나 옵션 막대에서 새 글꼴 모음을 고르면 됩니다. 변경 사항은 선택한 글자에만 적용되므로 필요하면 한 레이어 안에서 여러 글꼴을 섞어 쓸 수 있습니다.
Q: 복잡한 사진 위에서 텍스트를 잘 읽히게 하는 가장 빠른 방법은 무엇인가요?
A: 대비되는 색으로 위치를 바깥쪽으로 설정한 획을 추가하거나, 글자가 배경에서 분리될 만큼 거리와 불투명도를 준 드롭 섀도를 추가하세요. 대개는 강한 효과 하나만 쓰는 것보다 가벼운 획과 부드러운 그림자를 함께 쓰는 편이 더 잘 읽힙니다.
Q: 포토샵에서 텍스트를 원을 따라 휘게 하려면 어떻게 하나요?
A: 패스 모드로 설정한 타원 도구로 원형 패스를 그린 다음, 문자 도구를 패스 위에 올려 커서 아이콘이 바뀌면 클릭해서 입력을 시작합니다. 텍스트는 곡선을 따라 자동으로 흐르고, 패스 선택 도구로 원의 안쪽이나 바깥쪽으로 뒤집을 수 있습니다.
Q: 레이어 스타일 효과를 적용한 뒤에도 텍스트를 편집할 수 있나요?
A: 네. 획, 드롭 섀도, 그레이디언트 오버레이, 경사와 엠보스는 모두 텍스트 레이어에 연결된 레이어 스타일 대화 상자 안에 있으므로 문구, 글꼴, 크기를 계속 자유롭게 편집할 수 있고 효과도 자동으로 다시 계산됩니다.
Q: 텍스트 레이어는 언제 래스터화해야 하나요?
A: 다른 모든 편집을 마친 뒤에만 하세요. 래스터화는 살아 있는 벡터 기반 문자를 일반 픽셀로 바꿉니다. 일부 필터나 브러시 리터칭에는 필요하지만 글꼴, 크기, 문구를 편집할 수 있는 기능은 영구적으로 사라집니다.
Q: 글자 안을 사진으로 채우려면 어떻게 하나요?
A: 굵은 글꼴로 단어를 입력하고 텍스트 레이어 위에 이미지 레이어를 놓은 뒤, 이미지 레이어를 마우스 오른쪽 버튼으로 클릭해 클리핑 마스크 만들기를 선택하세요. 사진은 글자 모양 안에서만 보이며, 자유 변형으로 글자 안에서 이미지 위치를 조정할 수 있습니다.
Q: 자간과 커닝은 무엇이 다른가요?
A: 자간은 선택한 텍스트 전체에 균일하게 적용되는 간격으로, 단어나 줄 전체를 넓히거나 조일 때 유용합니다. 커닝은 인접한 두 글자 사이의 간격만 조정하며, 두 글자 사이의 어색한 틈이 눈에 띄는 큰 디스플레이 크기에서 특히 중요합니다.
Q: 곡선 텍스트가 원 바깥쪽이 아니라 안쪽에 놓이는 이유는 무엇인가요?
A: 패스 선택 도구로 전환하고 패스 위 텍스트 시작 부분의 작은 표식을 클릭한 다음, Ctrl(Mac에서는 Cmd)을 누른 채 패스 반대편으로 드래그하면 텍스트가 반대쪽으로 뒤집힙니다.
Q: 내보내기 전에 텍스트를 모양으로 변환해야 하나요?
A: 해당 글꼴이 설치되지 않은 다른 소프트웨어나 인쇄소로 그래픽을 보내야 한다면 모양으로 변환하세요. 적용된 레이어 스타일은 유지하면서 글자 형태를 편집 가능한 벡터 패스로 고정해 줍니다. 나중에 문구를 바꿔야 할 경우에 대비해 원래 문자 레이어는 복제해서 숨겨 두세요.
Q: 오픈마켓 상품 이미지의 텍스트는 어떤 해상도로 만들어야 하나요?
A: 캔버스는 각 마켓이 요구하는 픽셀 크기(흔히 2000x2000픽셀 수준)로 만들고, 내보내기 전까지 텍스트 레이어를 살아 있는 벡터 기반 상태로 유지하세요. 그래야 플랫폼이 최종 업로드 파일을 압축해도 제목이 선명하게 유지됩니다.
브랜드에 맞는 깔끔한 타이포그래피를 제대로 잡으려면 생각보다 많은 시간이 듭니다. 카탈로그 전체의 글꼴을 맞추고, 자간과 행간을 일관되게 유지하고, 썸네일 크기에서도 선명한 할인 배지와 가격표를 만들고, 매주 바뀌는 사진 위에서도 모든 제목이 잘 읽히는지 확인해야 합니다. gdefoto 스튜디오 팀은 바로 이런 텍스트 작업을 일상적인 원격 사진 편집에 담아, 쿠팡, 네이버 스마트스토어, 11번가, G마켓 셀러를 위한 제품 라벨과 배너 제목부터 워터마크와 프로모션 배지까지 제작합니다. 원본 사진과 브랜드 가이드라인을 보내 주시면 스튜디오가 글꼴 선택, 레이어 스타일, 패스 텍스트, 전체 구성까지 맡아 상품 페이지의 모든 이미지가 일관되고 읽기 쉬우며 바로 게시할 수 있는 상태가 되도록 만들어 드립니다. 직접 포토샵을 열 필요가 전혀 없습니다.
귀사 카탈로그 샘플을 무료로 보정해 드립니다
온라인 쇼핑몰, 제조사, 브랜드, 도매 공급업체를 위한 서비스입니다. 제품 사진 1~3장을 보내 주시면 전문적으로 보정해 드리고, 전체 카탈로그 견적도 함께 안내해 드립니다.
B2B 대량 작업 전용 서비스입니다. 개인 사진(인물, 행사, 서류)은 처리하지 않습니다.
요청이 접수되었습니다
영업일 1일 이내에 샘플을 보정하여 카탈로그 견적과 함께 보내 드립니다.