포토샵에서 텍스트를 투명하게 만드는 방법

이미지에 텍스트를 추가해야 하지만 삽입할 적합한 위치가 없나요? 포토샵에서 투명한 텍스트를 추가해보세요!

이 튜토리얼에서는 투명한 텍스트 영역을 만드는 방법을 보여줍니다. 즉, 텍스트 자체는 완전히 투명해지고 그 아래에 있는 이미지가 보이게 됩니다. 우리는 텍스트를 보통 흰색의 단색 블록으로 둘러싸서 글자 모양을 드러낸 다음, 텍스트가 주제의 틀이 되도록 합니다. 이것은 텍스트를 읽기 힘들 정도로 복잡한 이미지를 디자인할 때 유용한 팁입니다.

포토샵에서 투명한 텍스트를 만드는 것은 쉽습니다. 먼저 이미지 위에 새 레이어를 추가하고 흰색으로 채웁니다. 그런 다음 텍스트를 추가하세요. 텍스트를 투명하게 만들려면 Photoshop의 고급 혼합 옵션을 사용하여 타이포그래피 레이어를 하이라이트 레이어로 바꾸세요. 이렇게 하면 글자 모양에 구멍이 뚫리고 바로 아래 이미지가 나타납니다.

1단계: 이미지 열기

먼저 투명도 효과를 추가하려는 이미지를 엽니다. 예를 들어, 저는 Adobe Stock에서 뉴욕 스카이라인 이미지를 다운로드했습니다 .

2단계: 새 레이어 추가

레이어 패널에서 이미지는 배경 레이어에 있습니다. 레이어 패널 하단에 있는 새 레이어 추가 아이콘을 클릭합니다 .

이미지 위에 레이어 1 이라는 새 빈 레이어가 나타납니다.

이 레이어를 사용하여 텍스트 주위에 흰색 영역을 만듭니다.

3단계: 새 레이어를 흰색으로 채우기

메뉴 막대의 편집 메뉴로 가서 채우기를 선택하여 레이어를 흰색으로 채웁니다 .

채우기 대화 상자 에서 내용을 흰색 으로 설정합니다 . 그런 다음 확인을 클릭합니다.

Photoshop에서는 레이어를 흰색으로 채워서 일시적으로 이미지가 보이지 않게 합니다.

4단계: 레이어 불투명도 줄이기

레이어 패널에서 레이어 1의 불투명도를 75%로 줄입니다.

불투명도를 낮추면 이미지가 부분적으로 보이기 때문에 텍스트를 추가할 때 확인할 수 있습니다.

5단계: 유형 도구 선택

도구 모음에서 유형 도구를 선택합니다 .

6단계: 글꼴 선택

옵션 막대에서 글꼴을 선택하세요. 이 예제에서는 Futura PT Heavy를 사용하지만 두꺼운 글자가 있는 글꼴이라면 무엇이든 작동합니다.

옵션 막대에서 글꼴 크기를 150pt로 설정합니다. 텍스트를 추가한 후에는 크기를 조정해야 하지만, 이렇게 하면 충분히 큰 시작점을 얻을 수 있을 것입니다.

7단계: 텍스트 색상을 검은색으로 설정

옵션 막대를 떠나기 전에 텍스트 색상이 검은색으로 설정되어 있는지 확인하세요. 그렇지 않은 경우 키보드의 D를 눌러 기본값으로 재설정하세요.

검은색을 사용하면 흰색 배경 앞에 있는 텍스트를 볼 수 있지만, 텍스트를 투명하게 만들면 검은색이 사라집니다.

8단계: 텍스트 추가

문서 내부를 클릭하고 텍스트를 추가하세요. 이 예에서는 NEW YORK CITY라는 단어를 입력합니다.

옵션 막대에서 확인 표시를 클릭하여 승인합니다.

레이어 패널에서 새 텍스트 레이어가 레이어 1 위에 나타납니다.

9단계: 텍스트 크기 변경

메뉴에서 편집 메뉴 로 가서 자유 변형을 선택하세요 .

Photoshop에서는 텍스트를 변형 상자와 핸들로 둘러싸고 있습니다.

하지만 핸들을 드래그하기 전에 옵션 막대로 가서 너비 와 높이 필드 사이의 링크 아이콘이 선택되어 있는지 확인하세요. 이렇게 하면 크기를 조정할 때 텍스트의 종횡비가 고정되어 글자가 왜곡되지 않습니다.

그런 다음 핸들을 끌어서 텍스트 크기를 조절합니다.

이 예제에서는 가능한 한 이미지의 많은 부분을 덮기 위해 텍스트를 더 크게 만들 것입니다.

그런 다음 변형 상자 내부를 클릭하고 드래그하여 텍스트의 위치를 ​​변경합니다. 이 예제에서는 텍스트를 물 테두리 앞으로 이동합니다.

완료되면 키보드의 Enter (Win)/ Return (Mac)을 눌러 자유 변형을 적용하고 닫습니다.

10단계: 혼합 옵션 변경

레이어 패널에서 텍스트 레이어가 선택되어 있는지 확인하고 하단에 있는 레이어 효과(fx) 아이콘을 클릭합니다.

그런 다음 상단 메뉴에서 혼합 옵션을 선택합니다.

이렇게 하면 Photoshop의 레이어 스타일 대화 상자가 열리고 기본 혼합 옵션으로 설정됩니다.

고급 혼합 섹션 에서 녹아웃을 없음 에서 얕은 것으로 변경합니다 . 이렇게 하면 텍스트 레이어가 녹아웃 레이어로 바뀌어 Photoshop에서 글자 모양을 사용하여 레이어 1을 뚫고 이미지를 배경 레이어에 표시합니다.

채우기 불투명도를 0%로 낮추기 전까지는 효과가 보이지 않습니다 .

확인을 클릭하여 레이어 스타일 대화 상자 를 닫습니다 .

텍스트 자체가 투명해질 뿐만 아니라 텍스트 바로 아래의 레이어 1 영역도 마치 텍스트에 구멍을 뚫은 것처럼 투명해집니다.

이제 배경 레이어의 이미지가 글자를 통해 보입니다.

11단계: 레이어 1 선택

텍스트 주변의 흰색 영역의 크기를 조절하여 이미지 전체를 가리지 않도록 합니다.

레이어 패널에서 레이어 1을 클릭하여 레이어 1을 선택합니다.

12단계: 자유 변형을 사용하여 레이어 크기 조정

편집 메뉴 로 돌아가서 자유 변형을 선택하세요 .

변형 핸들을 드래그하기 전에 옵션 막대로 돌아가서 이번에는 너비와 높이 필드의 연결을 해제합니다. 이렇게 하면 종횡비에 신경 쓰지 않고 핸들을 자유롭게 드래그할 수 있습니다.

그런 다음 위쪽과 아래쪽 핸들을 텍스트 방향으로 드래그합니다. 완료되면 키보드의 Enter (Win)/ Return (Mac)을 누르세요 .

13단계: 레이어 불투명도 조정

마지막으로 레이어 1의 불투명도를 조정하여 텍스트의 가시성을 미세하게 조정합니다.

불투명도를 높이면 텍스트 주변의 흰색 영역을 더 읽기 쉽게 만들 수 있습니다. 불투명도를 낮추면 이미지의 텍스트 영역이 흐려집니다.

이 예제에서는 불투명도를 85%로 설정합니다.

불투명도를 높인 후 최종적으로 투명한 텍스트 영역은 다음과 같이 보여야 합니다.