포토샵 도형 안에 텍스트 입력하기 SNS 콘텐츠 디자인하기

 

포토샵 도형 안에 텍스트 입력하기 SNS 콘텐츠 디자인하기

 

 

완성

 

기본적인 툴이지만 잘만 사용하면 꽤 괜찮은 디자인을 만들 수 있는 포토샵의 도형 안에 글자넣기 기능을 알려드리고자 합니다. 사각형, 원형, 별 등등 모양 패스만 존재한다면 어떤 모양이든 텍스트를 삽입할 수 있는데요. 실제 예제를 가지고 만들어보도록 하겠습니다.

 

원본 사진은 unsplash에서 가져왔고요. 기본 레이아웃은 미리 만들어 두었습니다.

 

모양 만들기

가운데 사각형의 흰색 테두리 안에 텍스트를 넣기 위해서는 우선 사각형 패스가 필요합니다. shape tool에서 사각형으로 모양을 만들면 자동으로 4개의 포인트를 갖는 패스가 만들어지는데요. 사각형을 클릭한 상태에서 type tool을 마우스로 가져다대면 아래와 같이 마우스 포인터가 바뀌게 됩니다.

 

 

타입 툴로 입력하기

이 모양으로 바뀌었다는 것은 패스 모양을 따라서 텍스트를 작성할 수 있다는 얘기예요. 이 상태에서 클릭 후 원하는 텍스트를 입력하면 됩니다.

 

수정하기

사각형의 바깥에 위치하게 되었는데요. 직접선택툴(A)을 누른 상태에서 마우스 포인터를 가져가면 위와 같은 모양으로 바뀌면서 이때 드래그를 아래쪽으로 살짝 하면 텍스트는 사각형 안쪽에 위치하게 됩니다. 단, 이때 글씨는 거꾸로 보여지기 때문에 이 방법보다는 다른 방법을 추천드리는데요.

 

위치 변경하기

사각형 패스 자체의 크기를 줄여버리면 위와 같이 위치하게 됩니다. 패스의 모양과 위치에 따라서 텍스트 역시 함께 변경된다는 점을 알고 계시면 이해하기가 편하겠네요.

글씨의 크기와 색 등을 변경하여 완성되었습니다. 두번째 예시는 행간을 적절히 활용한 SNS 콘텐츠 디자인입니다. 일반 텍스트입력하듯이 여러 줄로 작성해 준다음에 행간만을 조절하여 짜임새있는 디자인으로 만드는 건데요.

 

 

 

행간을 활용하여 텍스트넣기

 

뒷배경에 만들기 위해서 180pt의 큰 크기와 행간 역시 180pt로 맞춰주었습니다. 그리고 밋밋함을 없애기 위해서 45도로 텍스트를 회전시켜줘서 마무리하였습니다.

 

이번 포스팅은 간단한 타이포 활용으로 주목받는 SNS콘텐츠 디자인을 만들어봤는데요. 텍스트만 잘 활용해도 이미지의 느낌이 확 달라지게 됩니다. 타이포에 관심있으시다면 아래 포스팅들도 추천드려요!!

 

 

포토샵으로 계단만들기 자유변형 비틀기 뿌시기 Free Transform (Skew)

 

포토샵으로 앰블럼,뱃지 디자인 만드는법 패스따라 글자넣기 (기초,응용,심화까지)

 

포토샵 text masking 클리핑마스크로 포스터 만들기, 타이포그래픽디자인

완성