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

디자인연습 (17)

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

feat. 존레논

 

 

 

완성작

 

 

 

포토샵에서 많이 사용하는 스킬 중 하나인 마스킹을 이용한 포스터를 만들어볼까 합니다. 이번 참고이미지는 아래 사이트를 참고하였고요. 2015년 튜토리얼임에도 불구하고 타이포그래피가 주는 힘은 대단합니다. 활자디자인에서 시작되어 지금은 그래픽디자인의 한 부분을 차지하고 있는 타이포는 2020년 지금까지도 디자인의 트랜드로 자리잡고 있어요. 또한 마스킹의 원리만 이해하시면 포토샵에서도 아주 손쉽게 만들 수 있답니다. 

 

작업 후에 인쇄사이트에서 인쇄해서 나만의 셀프인테리어에 응용해보실 수도 있어요. 포토샵 목업에 활용한 것처럼 직접 디자이너가 되어서 세상에 하나뿐인 포스터를 만들어보세요!

 

 

Create a cool text portrait in Photoshop

위 튜토리얼을 참고로 디따(디자인 따라하기) 해보았으며 자세한 설명을 원하시면 영상을 참고하세요!

 

 

 

 

 

 

 

 

---

1 이미지 소스 준비

구글에서 John Lennon을 검색하면 3328x3328px의 똑같은 이미지가 나와요

 

 

 

 

 

 

2 인물 누끼 따기

원본이미지에서 뒷 배경은 필요없기 때문에 인물의 누끼를 따줄텐데요. 어도비 cc버전부터는 Magic Wonder Tool의 select and mask 기능에서 손쉽게 형태를 딸 수 있어요. 배경을 어차피 어두운 검정으로 깔아주기 때문에 디테일하게 가지 않아도 됩니다. 여기서 힘을 뺄 필요가 없다는 말씀!

 

 

 

 

 

 

3 보정

레이어에서 해당이미지에 클리핑마스크를 추가해주고 어색했던 가장자리를 부드럽게 칠해주면 한결 자연스러워집니다. 원본에서 인물이 약간 허여멀건했기 때문에 콘트라스트를 주고 얼굴의 질감도 더 뚜렷하게 보정해줘봤어요. 보정만 했을 뿐인데 벌써 느낌이 빰빰

 

 

 

 

4 텍스트 배치

이제 새 레이어를 만들어 캔버스의 절반을 검정으로 채워주고, 그 위에 글자를 배치해줍니다. 굵은 산세리프체를 사용해 횡간은 좁되 붙지 않게, 자간도 어느 정도 줄여서 가능한 여백이 많이 보이지 않게 배치해줘요. 이때 반대편 얼굴 면적과도 유사한 길이로 맞춰주면 전체적으로 발란스가 맞을 것 같네요.

 

 

 

 

 

 

5 텍스트 마스킹

지금부터는 마스크를 사용한 것처럼 눈속임을 줄텐데요. 절반을 검은색으로 칠했던 이미지에서 글자부분만 지워줍니다. 그럼, 지워준 부분은 뚫려있으니까 아래 레이어인 얼굴이 보이겠죠. 위 레이어사진처럼 텍스트레이어의 눈을 꺼주면 다음과 같이 된 걸 확인할 수 있습니다.

 

 

 

 

 

6 글씨가 잘 보이게

텍스트가 잘 읽힐 수 있도록 배경이미지의 위치나 밝기, 크기 등을 자연스럽게 조절해주세요.

 

 

 

 

완성입니다!

튜토리얼과 같은 느낌이 나오네요!

 

 

 

 

포토샵 목업 출처 : freepik

이제 나만의 포스터를 만들고 인쇄해서 집에 걸어두면! 세상에 하나뿐인 작품이 완성!

셀프인테리어에 활용해보세요😄