포토샵 클리핑 마스크로 도형 안에 사진 넣기

클리핑 마스크란?

도형 안에 사진을 넣을 때, 글씨에 패턴이나 이미지를 넣고 싶을 때 사용하는 기능을 클리핑 마스크(Clipping mask) 또는 레이어 마스크(layer mask)라고 한다. 쉽게 말해 동그라미 도형 안에 사진이 들어가 있는 효과를 주는 간단한 기능이다. 이 기능을 잘 익힌다면 포스터나 광고 썸네일을 디자인할 때 쉽고 효과적이게 활용할 수 있을 것이다.

 

클리핑 마스크 기능 사용법

사용법 01. 텍스트 안에 이미지 넣기

1. 먼저 새 캔버스를 불러온 후 원하는 글자를 작성하자. 여기서 팁은 폰트 굵기가 굵을 수록 이미지가 더 잘 보인다.

• [단축키] 새 캔버스 불러오기 ctrl + n
• [단축키] 폰트 쓰기 t

골드의 세상살이

 

2. 글자 안에 넣고 싶은 이미지를 불러오자. (무료 이미지 참고사이트 : 픽사베이https://pixabay.com/)

 

넣고싶은 이미지를 불러오자

 

 

3. 이미지 레이어를 마우스 우클릭한 후 Create Clipping Mask를 클릭해 보자. 포토샵이 한글판일 경우 친절하게 클리핑 마스크 만들기라고 되어있을 것이다.

• [단축키] 클리핑 마스크 ctrl + alt + g

Create Clipping Mask

 

 

4. 클리핑마스크 기능을 누르면 글자 안에 밤하늘 은하수 이미지가 들어가게 된다. 눈으로 보이는 것은 텍스트 모양에 맞춰 이미지가 잘린 것처럼 보이지만 실제로는 글자 레이어의 안으로 이미지가 들어가 있는 것으로 원본 사이즈 그대로 남아있는 것이다. 마스크가 잘 씌워진 게 맞는지 확인하려면 레이어 패널에서 이미지 레이어 좌측 옆에 작은 화살표로 골드의 세상살이 레이어를 가리키고 있는 표시가 있다면 클리핑 마스크 성공!

레이어 마스크 씌우기 성공

 

 

사용법 02. 도형 안에 사진 넣기

1. 위 글을 참조하여 1번 방법과 동일하게 새 캔버스를 불러온 후 도형을 그리자.

• [단축키] 도형 그리기 u

빈 캔버스 안에 동그라미 도형그리기

 

2. 도형 안에 넣고 싶은 사진 가지고 오자. 우측 레이어 창을 보면 도형 레이어 위에 귀여운 강아지 사진 레이어가 있는 것을 확인할 수 있다.

귀여운 강아지 사진 불러오기

 

3. 위와 같이 사진 레이어를 마우스 우클릭 한 후 클리핑 마스크 누르면 도형 안에 강아지 사진이 들어가게 된다. 도형안에 사진 넣기 완성!

동그라미 원 안에 꽁이 들어가기

 

4. 여기서 완성도를 더 높이려면 사진 사이즈를 줄여 도형안에 강아지 전체의 모습을 보이게 하면 된다. 사진 레이어가 선택되어 있는 것을 확인 후 단축키 ctrl+t를 누르고 사진에 격자무늬가 나오면 격자 네모를 잡고 원하는 사이즈 대로 줄여보자.

• [단축키] 사진 또는 도형 크기 조절 ctrl + t

이미지 크기 조절하기

 

05. 도형안에 이미지 넣기 완성!

레이어 마스크 활용하기 결과물 완성!

 

 

이상 포토샵 기능 중 가장 활용도가 높은 기능인 클리핑 마스크 기능 배우기였다. 위 방법을 잘 활용하여 유튜브 썸네일이나 포스터 디자인, 상세페이지 디자인 할 때 유익하게 사용해 보자. 웹디자인 실전에서도 사용할 때가 많은 기능으로써 잘 익혀 놓으면 좋을 듯하다.

 

어도비 포토샵 설치 후 한글판에서 영문판으로 변경 어렵지 않아요.

1분이면 완성! 포토샵 글씨 테두리 쉽게 넣기

 

#포토샵클리핑마스크사용하기 #도형안에사진넣기 #포토샵글씨효과주기 #포토샵도형그리기 #레이어마스크 #웹디자인포토샵