[포토샵강좌] 클리핑 마스크로 글자안에 그림 넣기

오늘은 포토샵을 이용하여 간단한 효과를 주는 강좌를 해보고자 한다. 바로 클리핑 마스크라는 것인데 글자와 같은 개체의 안쪽을 다른 이미지로 채우는 것이라고 간단하게 설명할 수 있다. 예시파일을 함께 첨부하니 포토샵으로 실습해보길 바란다. (CS3로 작성) 다양하게 응용이 가능하나 포스팅의 성격상 여기서는 글자를 대상으로만 설명하고자 한다.

clipping1.psd

clipping2.psd

그럼 간단하게 클리핑 마스크에 대해 설명해보자.

1. 글자 쓰기
타이프 툴을 선택하여 글자를 적어준다. 여기서 글자의 색깔은 이미지가 들어갈 부분을 의미하므로 색깔은 상관이 없다. 다만 투명도는 클리핑 마스크 적용후의 투명도에 영향을 미치므로 적당히 조절해보자.

2. 글자안에 들어갈 이미지 배열하기
글자안에 들어갈 이미지를 글자 위쪽의 레이어로 배치해준다. 레이어창의 설명은 아래쪽에 해 두었다.

아래와 같이 글자 위에 이미지를 배치한 후, Ctrl + Alt + G를 누르면 간단하게 클리핑 마스크가 완성된다. (다시한번 Ctrl + Alt + G를 누르면 클리핑 마스크가 해제된다.)

레이어창에서 클리핑 마스크가 적용된 이미지를 보면 화살표가 생긴 것을 볼 수 있다.

클리핑 마스크가 적용된 후에 이미지의 위치나 크기를 조정하려면 이미지 레이어(Layer2)에서 Free Transform(Ctrl + T)를 이용하여 조정하면 된다.

3. 응용방법 - 글자안에 그라데이션 넣기

글자 안에 그라데이션을 넣는 방법은 다양하다. 타이프 선택툴로 글자모양을 만들고 그라데이션을 만들어도 되지만 그렇게 하면 나중에 그라데이션의 색깔이나 위치, 모양을 수정하는데 문제가 생긴다. 그러므로 글자에 그라데이션을 넣고자 한다면 위에서 배운 클리핑 마스크를 사용하는 것이 좋다. 간단히 응용해 보자.

위에서 사용된 꼬치(?)이미지 대신 레이어를 새로 만들어 (Ctrl + Shift + N) 준다.

새로 만들어진 레이어에서 그라데이션 툴을 이용하여 그라데이션을 만들어 준다.

아래와 같이 그라데이션 이미지가 완성되었다면 위에서와 똑같이 Ctrl + Alt + G를 눌러 클리핑 마스크를 적용한다.

아래와 같은 이미지가 적용되었다. 여기서는 단색 그라데이션을 적용했지만 개인의 취향에 따라 여러 색의 그라데이션을 적용할 수도 있고 패턴을 적용할수도 있다.

4. 연습작
아래는 예전에 심심해서 만들어 본 클리핑 마스크 이미지다. 적용폰트는 네이버의 나눔 고딕이며 Sur- 부분에는 Drop Shadow와 Stroke를 함께 적용하였다.

클리핑 마스크만 적용될경우 경계가 불분명하여 가시성이 떨어지는 경우가 생기는데 이럴때 Stroke나 Drop Shadow등의 효과를 주면 좋다.