사진을 보기 좋게 보정하는 것과 디자인을 완성하는 것은 조금 다릅니다. 보정은 이미지를 정리하는 과정이고, 디자인은 메시지를 전달하는 과정입니다. 포스터, 카드뉴스, 유튜브 썸네일, 이벤트 배너에는 사진뿐 아니라 제목, 설명 문구, 버튼, 도형, 장식 요소가 함께 들어갑니다.
이 장에서는 포토샵에서 문자와 도형을 다루는 기본 방법을 익힙니다. 목표는 멋진 효과를 많이 넣는 것이 아니라, 필요한 정보를 읽기 쉽고 보기 좋게 배치하는 것입니다.
디자인의 시작은 메시지 정리입니다
포토샵을 열기 전에 먼저 무엇을 보여 줄지 정해야 합니다. 디자인 요소가 많아도 핵심 문장이 흐릿하면 좋은 결과물이 나오기 어렵습니다.
하나의 홍보물에는 보통 세 가지 문장이 들어갑니다.
제목: 가장 먼저 보여야 하는 핵심 문구
본문: 내용을 보충하는 설명 문구
강조 문구: 할인율, 날짜, 혜택, 버튼처럼 행동을 유도하는 문구
예를 들어 카페 신메뉴 포스터를 만든다면 제목은 봄 시즌 딸기 라떼 출시, 본문은 생딸기와 부드러운 크림을 더한 한정 메뉴, 강조 문구는 5월 31일까지 10% 할인이 될 수 있습니다.
포토샵에서 텍스트를 배치할 때도 이 우선순위를 유지해야 합니다. 제목은 크고 선명하게, 본문은 읽기 편하게, 강조 문구는 눈에 띄지만 전체 분위기를 해치지 않게 배치합니다.
문자 도구로 제목과 본문 배치하기
문자를 입력할 때는 도구 막대에서 문자 도구(Type Tool)를 선택합니다. 단축키는 T입니다. 캔버스를 한 번 클릭하면 짧은 제목이나 버튼 문구를 입력하기 좋고, 드래그해서 상자를 만들면 긴 본문을 넣기 좋습니다.
짧은 문구는 포인트 텍스트, 긴 문단은 문단 텍스트로 생각하면 쉽습니다.
제목, 가격, 버튼 문구: 캔버스를 클릭해서 입력
설명문, 안내문, 카드뉴스 본문: 드래그로 텍스트 상자를 만든 뒤 입력
문자를 입력한 뒤에는 상단 옵션 바나 속성(Properties) 패널에서 글꼴, 크기, 색상, 정렬을 조정합니다. 텍스트 레이어는 일반 이미지 레이어와 다르게 나중에도 글자를 수정할 수 있습니다. 따라서 문구를 확정하기 전에는 텍스트를 래스터화하지 않는 것이 좋습니다. 래스터화하면 글자가 픽셀 이미지로 바뀌어 문장 수정이 어려워집니다.
글꼴, 자간, 행간 조정하기
글자가 예뻐 보이는지는 글꼴만으로 결정되지 않습니다. 자간과 행간도 중요합니다.
자간은 글자 사이의 간격입니다. 제목에서 글자가 너무 붙어 있으면 답답해 보이고, 너무 벌어져 있으면 힘이 약해집니다. 포토샵에서는 문자 패널에서 자간 값을 조정할 수 있습니다. 한글 제목은 약간 넉넉하게 벌리면 안정적으로 보일 때가 많지만, 지나치게 넓히면 읽는 속도가 느려집니다.
행간은 줄 사이의 간격입니다. 본문이 두 줄 이상일 때 행간이 너무 좁으면 글자가 뭉쳐 보입니다. 반대로 너무 넓으면 문장이 서로 떨어져 보여 하나의 덩어리로 읽히지 않습니다. 본문은 글자 크기보다 조금 넓은 행간을 주면 편안합니다.
문자 디자인에서 가장 중요한 원칙은 하나입니다. 예쁜 글자보다 읽히는 글자가 먼저입니다. 특히 썸네일이나 SNS 카드뉴스는 작은 화면에서 보이는 경우가 많기 때문에 글자가 작거나 얇으면 쉽게 묻힙니다.
글꼴을 고를 때는 다음 기준을 사용해 보세요.
제목은 굵고 명확한 글꼴을 사용한다.
본문은 장식이 적고 읽기 쉬운 글꼴을 사용한다.
한 디자인 안에서 글꼴 종류를 너무 많이 쓰지 않는다.
상업용 작업이라면 글꼴 사용 권한을 확인한다.
대부분의 디자인은 글꼴을 두 종류 이하로 제한해도 충분합니다. 제목용 글꼴 하나, 본문용 글꼴 하나면 깔끔한 구성을 만들 수 있습니다.
도형 도구로 버튼과 배너 만들기
도형은 디자인에서 정보를 묶고 시선을 유도하는 역할을 합니다. 배너, 버튼, 라벨, 말풍선, 구분선, 배경 박스 등을 만들 때 사용합니다.
도구 막대에서 사각형 도구(Rectangle Tool), 타원 도구(Ellipse Tool), 다각형 도구(Polygon Tool) 등을 선택할 수 있습니다. 도형을 만들 때는 상단 옵션 바에서 모드가 모양(Shape)으로 되어 있는지 확인합니다. 모양으로 만들면 벡터 레이어가 생성되어 크기를 키우거나 줄여도 가장자리가 비교적 선명하게 유지됩니다.
가장 자주 쓰는 도형은 둥근 사각형입니다. 버튼, 쿠폰, 가격표, 제목 배경에 모두 활용할 수 있습니다. 사각형을 만든 뒤 속성 패널에서 모서리 반경을 조정하면 부드러운 버튼 형태를 만들 수 있습니다.
간단한 버튼을 만드는 과정은 다음과 같습니다.
둥근 사각형 도구로 버튼 배경을 만든다.
채우기 색상을 브랜드 색상이나 강조 색상으로 정한다.
문자 도구로 버튼 문구를 입력한다.
도형 레이어와 텍스트 레이어를 선택해 가운데 정렬한다.
필요하면 그림자나 획을 약하게 적용한다.
버튼은 너무 복잡하게 만들 필요가 없습니다. 사용자가 눌러야 하거나 봐야 할 부분이라는 인상만 주면 됩니다. 색상 대비가 충분하고 문구가 선명하면 좋은 버튼입니다.
펜 도구로 원하는 형태 만들기
기본 도형만으로 부족할 때는 펜 도구(Pen Tool)를 사용합니다. 펜 도구는 직선과 곡선을 직접 그려 원하는 모양을 만드는 도구입니다. 처음에는 어렵게 느껴지지만, 아이콘, 배지, 장식선, 말풍선 꼬리처럼 정해진 형태가 필요할 때 유용합니다.
펜 도구를 사용할 때는 상단 옵션 바에서 모양(Shape) 모드인지 확인합니다. 클릭하면 직선 점이 만들어지고, 클릭한 상태로 드래그하면 곡선을 조절할 수 있는 방향선이 생깁니다.
처음부터 복잡한 일러스트를 그리려고 하지 말고, 간단한 형태부터 연습하는 것이 좋습니다.
삼각형 배너 끝부분 만들기
말풍선 꼬리 만들기
곡선 장식선 만들기
간단한 체크 아이콘 만들기
펜 도구로 만든 형태는 도형 레이어처럼 색상과 크기를 수정할 수 있습니다. 이미지를 직접 지우거나 칠하는 방식보다 수정이 쉽기 때문에 디자인 작업에 적합합니다.
레이어 스타일로 시각적 강조 만들기
문자와 도형을 배치한 뒤에는 레이어 스타일(Layer Style)로 강조 효과를 줄 수 있습니다. 레이어 패널에서 레이어를 더블 클릭하거나, 하단의 fx 아이콘을 눌러 적용합니다.
자주 사용하는 레이어 스타일은 다음과 같습니다.
그림자(Drop Shadow): 요소를 배경에서 분리해 보이게 한다.
획(Stroke): 글자나 도형의 외곽선을 만들어 가독성을 높인다.
그라디언트 오버레이(Gradient Overlay): 단색보다 입체감 있는 색 변화를 만든다.
내부 그림자(Inner Shadow): 안쪽으로 눌린 듯한 깊이를 만든다.
광택 효과: 밝은 부분을 더해 버튼이나 배지를 반짝이게 만든다.
효과를 적용할 때 가장 흔한 실수는 너무 강하게 넣는 것입니다. 그림자가 진하고, 획이 두껍고, 그라디언트가 과하면 디자인이 오래되어 보일 수 있습니다. 레이어 스타일은 주인공이 아니라 보조 장치입니다.
특히 텍스트에 획을 넣을 때는 주의해야 합니다. 사진 위에 글자를 올릴 때 얇은 흰색 획이나 어두운 그림자를 주면 읽기 쉬워집니다. 하지만 획이 너무 두꺼우면 글자 형태가 무너집니다. 글자를 돋보이게 하는 정도에서 멈추는 것이 좋습니다.
사진 위에 글자를 올릴 때의 기본 원칙
사진 위에 바로 글자를 올리면 배경의 밝고 어두운 부분 때문에 글자가 잘 보이지 않을 수 있습니다. 이때는 글자 자체를 더 화려하게 만들기보다 배경을 정리하는 것이 먼저입니다.
가장 간단한 방법은 글자 뒤에 반투명 도형을 놓는 것입니다. 검은색 사각형을 만들고 불투명도를 낮추면 사진은 살리면서 글자는 읽기 쉬워집니다. 밝은 사진이라면 어두운 반투명 박스를, 어두운 사진이라면 흰색이나 밝은 색 박스를 사용할 수 있습니다.
또 다른 방법은 사진 위에 그라디언트 도형을 올리는 것입니다. 예를 들어 아래쪽에 제목을 넣는다면, 아래에서 위로 서서히 투명해지는 검은색 그라디언트를 깔면 자연스럽게 글자 영역이 생깁니다.
이 방식은 포스터, 썸네일, 카드뉴스 표지에서 자주 사용됩니다. 핵심은 사진과 글자가 서로 경쟁하지 않게 만드는 것입니다.
정렬과 분포로 깔끔하게 배치하기
디자인이 어수선해 보이는 가장 큰 이유는 요소들이 조금씩 어긋나 있기 때문입니다. 눈으로 대충 맞추면 가까이에서는 맞아 보여도 전체적으로는 불안정해 보일 수 있습니다.
포토샵에서는 여러 레이어를 선택한 뒤 상단 옵션 바에서 정렬 기능을 사용할 수 있습니다. 이동 도구를 선택한 상태에서 레이어를 여러 개 선택하면 왼쪽 정렬, 가운데 정렬, 오른쪽 정렬, 위쪽 정렬, 세로 가운데 정렬 등을 적용할 수 있습니다.
자주 쓰는 정렬 방식은 다음과 같습니다.
제목과 본문을 같은 왼쪽 선에 맞춘다.
버튼 안의 텍스트를 가로·세로 가운데에 둔다.
여러 아이콘의 간격을 일정하게 분포시킨다.
카드뉴스 여러 장의 제목 위치를 통일한다.
정렬이 잘된 디자인은 특별한 효과가 없어도 안정적으로 보입니다. 반대로 정렬이 흐트러진 디자인은 좋은 사진과 글꼴을 사용해도 완성도가 낮아 보입니다.
가이드와 그리드 활용하기
반복되는 디자인을 만들 때는 가이드(Guide)와 그리드(Grid)를 사용하면 좋습니다. 가이드는 작업 화면에 표시되는 기준선입니다. 실제 이미지로 출력되지는 않지만, 요소를 맞추는 데 도움을 줍니다.
상단 눈금자를 켠 뒤 캔버스 바깥에서 드래그하면 가이드를 만들 수 있습니다. 눈금자가 보이지 않는다면 보기 > 눈금자를 켭니다. 카드뉴스처럼 같은 형식의 이미지를 여러 장 만들 때는 제목 위치, 본문 영역, 여백 기준을 가이드로 잡아 두면 전체가 통일됩니다.
그리드는 화면 전체에 일정한 간격의 격자를 표시하는 기능입니다. 아이콘이나 작은 요소를 균형 있게 배치할 때 유용합니다. 가이드와 그리드는 출력물에 나타나지 않으므로 편하게 사용해도 됩니다.
디자인에서 여백은 빈 공간이 아니라 정보를 정리하는 공간입니다. 캔버스를 꽉 채우려고 하면 오히려 중요한 내용이 묻힙니다. 제목 주변, 본문 주변, 버튼 주변에는 충분한 여백을 남겨야 합니다.
간단한 썸네일 디자인 실습
지금까지 배운 내용을 이용해 간단한 썸네일을 만들어 보겠습니다. 주제는 신제품 소개 썸네일이라고 가정합니다.
새 문서를 만들고 배경 사진을 배치한다.
사진이 너무 복잡하다면 어두운 반투명 도형이나 그라디언트를 올린다.
문자 도구로 큰 제목을 입력한다.
제목보다 작은 크기로 보조 설명 문구를 넣는다.
둥근 사각형 도형으로 강조 라벨이나 버튼을 만든다.
강조 문구를 버튼 안에 넣고 가운데 정렬한다.
제목, 본문, 버튼의 왼쪽 선을 맞춘다.
필요한 경우 텍스트에 약한 그림자나 얇은 획을 적용한다.
전체를 축소해서 보며 작은 화면에서도 읽히는지 확인한다.
마지막 단계가 중요합니다. 디자인을 만들 때는 크게 확대해서 작업하지만, 실제 사용자는 작은 화면에서 봅니다. 썸네일이라면 25%나 50% 크기로 줄여 보고 제목이 바로 읽히는지 확인해야 합니다. 읽히지 않는다면 효과를 추가하기보다 글자를 키우고 문장을 줄이는 편이 낫습니다.
좋은 디자인을 만드는 단순한 기준
문자와 도형 디자인은 많은 기능을 아는 것보다 기준을 갖는 것이 중요합니다. 작업할 때마다 다음 질문을 확인해 보세요.
가장 먼저 보여야 할 문구가 분명한가?
글자가 배경과 충분히 구분되는가?
글꼴 종류가 너무 많지 않은가?
도형은 정보를 정리하는 역할을 하고 있는가?
그림자, 획, 그라디언트가 과하지 않은가?
요소들의 정렬과 간격이 일정한가?
작은 화면에서도 핵심 문구가 읽히는가?
이 질문에 답할 수 있으면 디자인의 완성도가 빠르게 올라갑니다. 포토샵의 문자 도구와 도형 도구는 단순한 부가 기능이 아닙니다. 사진 편집을 실제 콘텐츠로 바꾸는 핵심 도구입니다.
핵심 정리
텍스트는 정보를 전달하고, 도형은 정보를 정리하며, 레이어 스타일은 시선을 보조합니다. 이 세 가지를 적절히 사용하면 사진 한 장도 포스터, 카드뉴스, 썸네일처럼 목적이 분명한 디자인으로 바뀝니다.
처음부터 복잡한 효과를 넣으려고 하지 마세요. 제목과 본문을 읽기 쉽게 배치하고, 필요한 곳에 도형으로 영역을 만들고, 정렬과 여백을 맞추는 것만으로도 결과물은 훨씬 깔끔해집니다. 디자인의 기본은 화려함이 아니라 명확함입니다.
이 노트는 보도·비평·교육·연구 목적으로 작성되었습니다. 저작권 문의가 있으시면 에서 알려주세요.