포토샵으로 배경 투명하게하고 파일로 저장하기(누끼따기)

포토샵으로 배경 투명하게하고 파일로 저장하기(누끼따기)

Transparent backgrounds in Photoshop and save them as files

지난 번 누끼따는 방법에 이어 투명한 배경 그대로 파일로 저장하는 방법까지 설명해 보도록 하겠습니다.

누끼를 따고 배경을 투명화할 이미지를 불러옵니다. 역시나 고양이 사진으로 가져와 봤습니다. -_-;;

좌측에 있는 툴 중에 퀵 셀렉션 툴(Quick Selection Tool)을 선택하시고 고양이 선택해 주세요. 퀵셀렉션 툴을 클릭하시면 왼쪽 상단에 붓 표시가 나옵니다. 붓에 +표시가 있는 것은 추가 선택툴이고 -표시가 있는 것은 선택 제외 툴입니다.

그리고 그 옆에 붓의 사이즈를 조절하실 수 있기 때문에 조금 더 세심하게 선택하고 싶으시다면 붓을 작게 만들고 선택하시면 됩니다. 반대로 선택영역이 크다면 붓을 크게 만들고 선택하세요. 선택작업은 아주 정교할 필요없이 가볍게 선택하시면 됩니다. 밑에서 추가로 작업할 겁니다.

선택을 다 하셨다면 상단에 있는 "Refine Edge(가장자리 다듬기)"를 클릭하세요.

Refine Edge창에서 View를 눌러서 "On Layers"를 선택해 줍니다. View는 사실 본인이 원하시는 아무거나 선택하셔도 됩니다. 어차피 보이는 화면일 뿐이지만 여기서는 배경이 투명한 이미지를 원하기 때문에 View도 투명한 걸로 선택하겠습니다.

"On Layers"를 선택하고 고양이 이미지를 보시면 고양이 이미지의 가장자리가 듬성듬성한 것이 보이실 겁니다.

그 상태에서 고양이 가장자리를 살살 붓질 해주세요. 붓질을 하면 할 수록 고양이의 털 모양이 살아나는 것을 보실 수 있습니다. 붓질이 안 되신다면 "Refine Edge"창에서 붓 모양에 체크되어 있는 지 확인하세요.

고양이 이미지를 보시면 털 모양이 살아난 것이 확인됩니다. 다 완료를 하셨다면 "Output to(내보내기)"를 선택하시고 "New Layer with Layer Mask"를 클릭하고 "OK" 버튼을 누릅니다. 새로운 레이어로 작업한 결과물을 내보낸다는 뜻입니다.

레이어를 보시면 원래 이미지 외에 추가로 레이어가 생성된 것이 보입니다. 원본은 그대로 살아있고 누끼를 딴 이미지만 따로 빠져 나왔습니다. 이 상태에서 저장을 해 보겠습니다.

단축키 Ctrl+Shift+S를 눌러서 "다른이름으로 저장"을 실행합니다. 그리고 확장자명을 png로 선택하세요. gif와 png 확장자 둘 다 투명 배경을 저장할 수 있는 확장자이지만 png가 더 많은 색상을 표현할 수 있기 때문에 요즘에는 gif보다 png를 많이 사용하는 추세입니다. 파일명을 입력하시고 png파일로 저장해 보세요. 그리고 작업한 것은 psd파일로 보관해 놓으세요.

배경이 투명하게 만들어진 고양이 사진입니다. 이런 방법으로 작업하시면 원본도 보존되고 누끼도 딸 수 있기 때문에 웹디자인 작업하실 때 유용하실 겁니다. 참고로 png파일은 일반 뷰어로 보면 배경이 하얗게 나오기 때문에 포토샵에서 파일을 확인하셔야 투명한 것이 확인되실 겁니다.

추가로 누끼따는 방법은 아래의 포스팅에서 확인해 보세요.

2019/01/11 - [디자인 정보/포토샵 강좌] - 포토샵으로 간단하게 머리카락 누끼따기

2019/02/07 - [디자인 정보/포토샵 강좌] - 포토샵 지우개툴로 머리카락 누끼따기

2019/07/12 - [디자인 정보/포토샵 강좌] - 포토샵 배우기 - 펜툴로 이미지 누끼 따기