단순 텍스트보다 어떻게 디자인하느냐에 따라,

보이는 시선 및 이미지가 달라집니다.

그래서 우리는 다양한 방식으로,

조금은 특별한 디자인을 만들고자 하기도 하죠.

오늘은 그러한 디자인들 중에서,

글자 안에 사진이 들어간 형태인

클리핑 마스크 기법에 대해,

소개해 드리려고 하는데요.

본래 포토샵에서 많이 사용되던 기능이지만,

요즘은 훨씬 간단하게 작업이 가능하다는 점!

지금부터 바로 설명해 드리겠습니다.





특정한 모양 안에서만,

이미지가 보일 수 있도록 만드는 디자인 기능.

쉽게 말하면,

'틀 안에 이미지를 가두어 보여주는 방식'입니다.

예를 들어,

- 글자 안에 사진 넣기

- 원형 안에 이미지 넣기

- 특정 도형 안에 영상 배치하기

…

출처 입력

등과 같은 작업이,

모두 클리핑 마스크에 해당하죠.



그렇다면 왜,

'마스크'라는 이름이 포함되어 있을까요?

디자인 분야에서 Mask는,

'일부를 가리고 필요한 부분만 보이게 만드는 기능'

을 의미합니다.

즉,

도형이나 글자가 그 '틀'의 역할을 하고,

이미지는 그 안에서만 보이게 되는 구조인 거죠.



실제 '곰픽' 활용한 예시



예를 들어, 'TRAVEL'이라는 글자 안에

바다 사진을 넣게 될 경우

실제로는 사진 전체가 존재하지만,

사용자는 글자 영역에 포함된 부분만 보게 됩니다.

그래서 일반 텍스트보다,

훨씬 감각적인 느낌을 줄 수 있는 거죠.







이처럼 글자 안에 사진을 넣는 건,

단순 텍스트보다 훨씬 시선을 잘 끌 수 있기 때문입니다.

이 디자인 기법은,

온라인뿐만 아니라 오프라인 홍보물에서도

다양하게 확인하실 수가 있는데요.

예를 들어,

- 유튜브 썸네일

- 인스타 릴스 등과 같은 숏폼 커버

- 브랜드 콘텐츠 디자인

- 온 오프라인 광고 배너

등이 해당될 수 있는 거죠.



이 클리핑 마스크 기능을 활용하면,

1) 텍스트만으로 분위기를 직관적으로 전달

2) 디자인 퀄리티를 높여줄 수 있음

3) 텍스트 하나 자체가 콘텐츠가 됨

등의 장점이 생겨나는 만큼,

다양하게 많이들 활용하시곤 합니다.



이 기법은 단순히 사진 위에 글자를 올리는 것과,

분명한 차이점이 있는데요.

일반 이미지 삽입 방식은,

이미지 / 텍스트가 별도로 존재하지만

클리핑 마스크는,

텍스트 자체가 이미지가 되는 효과

로 만들 수가 있는 겁니다.

그래서,

보다 전문적이고 눈에 띌 수 있는,

썸네일 / 브랜드 디자인 / 포스터 등에서

자주 사용된다고 할 수 있죠.

그렇다면 포토샵 없이도,

간단하게 클리핑 마스크를 적용하는 방법

바로 '곰픽' 이미지 편집 프로그램 활용법을,

바로 알려드리도록 하겠습니다.





1

곰픽 설치 및 실행

포토샵만큼의 기능은 갖추고 있지만,

그림판 수준의 난이도인 '곰픽' 프로그램을

우선 설치해 주시기 바랍니다.

설치한 이후에는 이미지 편집 프로그램을,

실행해 주시고요.



2

새 프로젝트 시작

좌측 메뉴에서 '새로 만들기'를 눌러,

새 디자인 제작을 시작해 주세요.

다양한 플랫폼 별 사이즈 예시가 있으니,

필요한 것을 눌러 주시면 됩니다,



3

사진 / 텍스트 배치

텍스트 안에 들어갈 사진을,

가장 위의 레이어로 올려주시고

적용할 텍스트를 작성한 후,

바로 아래 레이어로 배치해 주세요.

* 배치 순서는 위의 이미지와 같아요!



4

클리핑 마스크 적용

적용된 레이어 위를 보시면,

6개의 아이콘이 확인되실 겁니다.

하나씩 마우스를 가져다 대면,

첫 번째 아이콘 -> 새 레이어 추가인데요.

여기서 4번째 아이콘이,

바로 클리핑 마스크 적용이고요.

3번 단계까지 진행한 상태에서,

이 아이콘을 눌러주세요 :)



그럼 아주 간단하게,

글자 안에 사진 넣기가 적용됩니다.

이를 확인하신 다음,

텍스트 폰트나 크기 등을 수정해 주시면 좋겠죠?



또한 레이어에서 '사진'을 누르신 후,

마우스로 화면을 클릭하여 이동시키면

내가 원하는 영역이 텍스트에 보이게끔,

추가 조정을 할 수도 있답니다.







위와 같이 곰픽을 통해서는,

포토샵 없이도 아주 간단하게

전문가 수준의 '클리핑 마스크' 기법을,

적용하여 퀄리티 높은 디자인 생성이 가능한데요.

이때 종종 생기는 문제와 해결법에 대해서도,

간략하게 말씀드리도록 하겠습니다.





< 이미지가 사라지거나 틀 밖으로 잘리는 경우 >

분명 클리핑 마스크를 적용했는데,

사진이 안 보인다든지 일부만 잘리는 경우에는

보통 도형과 이미지의 레이어의 순서가,

잘못되었을 때 일 겁니다.

곰픽에서 클리핑 마스크는,

- 도형(or 텍스트)이 아래쪽이어야 하고

- 적용할 사진이 위쪽에 위치해야 합니다.





< 글자 크기에 따른 문제 >

기본적으로 클리핑 마스크는,

텍스트 내부 공간이 충분해야 사진이 잘 보입니다.

그래서 폰트를,

두꺼운 계열로 적용해 주실 것을 권해드려요.