[포토샵 레이어마스크] 이미지 경계선 자연스럽게 없애기 (전경사진 브로슈어 내지에 반영하기 좋아요!)

 

 

 

사진이나 이미지 경계선 없애는 방법

브로슈어 내지디자인에 꼭 들어가는 효과는?

카달로그 디자인이나 브로슈어 디자인을 하다보면, 회사 전경사진을 한 장 크게 넣어야 할 때가 있죠. 그런데 사진을 그냥 배치하면, 위쪽이 '딱 잘린 듯한' 어색한 경계선이 생겨버립니다. 

 

 

'왜 이렇게 부자연스럽지?🤨'

저도 초반엔 그게 참 거슬렸는데요, 그래서 찾은 해답이 바로 포토샵레이어마스크와 그라데이션이에요. 이 두 가지를 이용하면, 별다른 기술 없이도 이미지경계선을 자연스럽게 없앨 수 있습니다. 

 

 

방법은 생각보다 매우 간단합니다!

방법 생각보다 쉬워요! (출처-tenor)

 

SMALL

---

왜 경계선을 흐리게 해야 할까?

조직도나 회사개요 페이지처럼 텍스트가 많지 않은 디자인은 상당히 휑해 보이기 쉽죠. 이럴 때 전경사진을 넣어주면 시선이 안정됩니다.

 

 

하지만 사진의 경계가 너무 선명하면 본문 텍스트가 튀거나 어색하게 겹쳐보일 수도 있는데요. 이때 포토샵으로 사진 경계선을 흐리게 하는 방법을 이용해요. 

 

 

사진의 위나 아래를 배경과 안개처럼 스르륵 어우러지게 만들면, 텍스트는 더 잘 보이고 사진은 자연스럽게 배경이 되는 것이죠. 핵심은 바로 포토샵의 레이어마스크와 그라디언트에 있습니다!

 

 

 

 

두가지 효과를 이용해

아래 내지를 완성해볼게요!

작업 완료한 모습

 

 

---

레이어마스크 + 그라데이션 활용하는 방법

사진의 경계선을 흐리게 하는데 복잡한 기능은 필요없습니다. 아래 두 가지만 기억하면 됩니다.

 

 

 

개념정리🤓

✅포토샵 레이어마스크

원본 사진을 보호하는 '투명 필름'이에요. 이 필름에 검은색을 칠하면 사진이 가려지고(투명), 흰색은 그대로 보이죠. 원본을 망치지 않고 언제든 수정할 수 있어 정말 안전해요.

 

✅포토샵 그라데이션(그라디언트)

부드러운 '페인트 롤러'라고 생각하세요. 마스크 위에 검정-흰색을 부드럽게 펼쳐 발라주면서 마법 같은 이미지 경계선을 자연스럽게 만들어 줍니다.

 

 

728x90

---

 

 

작업순서🤓

1️⃣ 사진 불러오기 (Ctrl+O)

전경사진을 열고, [배경] 레이어를 Ctrl+J로 복사해요. 배경은 삭제해둡니다.

포토샵에 파일을 불러옵니다

 

레이어 만들기

 

 

 

 

 

 

 

 

2️⃣ 레이어마스크 추가하기

레이어 패널 하단에 ‘동그란 사각형 아이콘(레이어마스크)’을 클릭하면 사진 옆에 흰색 필름이 생깁니다.

레이어마스크가 생긴 모습

 

 

 

 

 

 

 

 

3️⃣ 포토샵그라디언트 선택하기

왼쪽 도구 패널에서 검정→흰색 선형 그라디언트를 선택해요.이건 말 그대로 ‘부드러운 페인트 롤러’ 같은 역할을 합니다.

그라디언트 설정하기

 

 

 

 

 

 

 

4️⃣ 이미지 위로 드래그

위에서 아래로 쓱~ 드래그하면 검은 부분은 가려지고, 흰 부분은 그대로 보여요. 자연스럽게 흐려지는 걸 바로 확인할 수 있습니다.

드래그하면서 흐림정도 조절하기

 

 

 

 

5️⃣ 완성된 파일 저장 (Ctrl+Alt+Shift+W)

저는 PNG로 저장해서 브로슈어디자인 작업 중인 일러스트 파일에 바로 불러와요. 사진 상단이 살짝 비워지면서, 텍스트 가독성이 눈에 띄게 좋아졌습니다.

일러스트에 사진을 불러온 모습

 

 

 

Before  &  After

[좌]작업전 [우]작업후

 

 

 

 

 

💡여기서 한 가지 Tip!

이미지를 일러스트에 불러온 후, ‘포함(Embed)’하기 전에 ‘포토샵 편집(Edit in Photoshop)’을 선택하여 수정하면 작업할 때마다 일러스트 파일에 그 내용이 즉시 업데이트됩니다. 이렇게 하면 시안 수정도 빠르게 끝나죠.

포함전에 포토샵에서 편집하면 수정사항이 바로 반영됩니다!

 

 

 

포토샵에서 수정 후, 저장(ctrl+S)를 누르면 일러스트로 돌아왔을 때 아래와 같은 팝업이 뜹니다. 이때 [예]를 누르면 수정사항이 반영돼요! 

업데이트 예Yes를 누르세요!

 

 

반응형

---

마무리

오늘 알려드린 포토샵 레이어마스크와 포토샵 그라데이션을 활용한 이미지 경계선 자연스럽게 없애는 방법은 내지 디자인 작업을 훨씬 가독성있게 만들어줄 거예요. 😏

 

 

 

 

 

오늘의 기록은 여기까지 입니다

다음엔 더 쓸모있는 경험을 가져올게요

🫰

오늘의 포스팅 끝!

 

---

 

덧. 이 블로그 인기글

🔗[인디자인 데이터병합] 대량명함 100장을 1분 만에? (엑셀 파일 인디자인 연결 방법 단계별로 정리했어요)

[인디자인 데이터병합] 대량명함 100장을 1분 만에? (엑셀 파일 인디자인 연결 방법 단계별로 정리

 

🔗[롤업배너 디자인] 앱 다운로드 수를 늘리려면 어떻게 디자인해야 할까?

[롤업배너 디자인] 앱 다운로드 수를 늘리려면 어떻게 디자인해야 할까?

 

🔗독거미키보드 AULA F87 PRO 진짜 조용할까? (저소음 바다축 가스켓 기계식 유선 키보드 구매 후기)

독거미키보드 AULA F87 PRO 진짜 조용할까? (저소음 바다축 가스켓 기계식 유선 키보드 구매 후기)