Photoshop 및 Illustrator에서 녹아웃 효과를 만드는 방법

Photoshop 및 Illustrator에서 녹아웃 효과를 만드는 방법

녹아웃 효과를 사용하면 사진이나 이미지 위에 단색 색상 레이어를 배치한 다음 해당 단색 레이어의 일부를 펀칭하여 그 뒤에 있는 이미지를 표시할 수 있습니다. Photoshop과 Illustrator 모두에서 텍스트나 모양으로 이 작업을 수행할 수 있지만 프로세스는 프로그램마다 약간 다릅니다.





이 기사에서는 녹아웃 효과를 만드는 방법을 설명합니다. 어도비 포토샵 및 단계별 가이드를 제공하는 Illustrator.





Photoshop에서 녹아웃 효과를 만드는 방법

Photoshop에서 녹아웃 효과를 얻으려면 가장 먼저 이미지를 여십시오. 이 예에서는 이미지 위에 직사각형 모양을 사용하고 해당 모양에서 텍스트를 제거합니다.





1단계: 모양 그리기

배경 이미지를 연 상태에서 다음을 사용하여 직사각형을 그립니다. 모양 도구. 도구 메뉴에서 모양 도구를 선택하거나 키보드 단축키를 사용할 수 있습니다. . 색상도 선택하십시오.

사각형을 그릴 때 자유 형식을 선택하고 화면을 가로질러 사각형을 끌어 원하는 모양을 만들거나 이미지의 아무 곳이나 클릭하여 사각형의 크기를 픽셀 단위로 입력할 수 있습니다.



2단계: 텍스트 입력

다음으로 Photoshop의 별도 레이어에 텍스트를 입력해야 합니다. 잡아 텍스트 도구 ( NS ) 캔버스의 아무 곳이나 클릭하고 입력을 시작합니다. 그런 다음 사용 이동하다 도구 ( V )를 사용하여 도형 위에 텍스트를 배치합니다.

녹아웃에 모양이나 아이콘을 사용하려는 경우 텍스트를 배치할 위치에 해당 모양을 배치할 수 있습니다.





3단계: 혼합 옵션 설정

텍스트 레이어를 두 번 클릭하여 엽니다. 레이어 스타일 창을 선택하고 혼합 옵션 왼쪽 패널에서.

고급 혼합 섹션에서 다음을 찾을 수 있습니다. 녹아웃 드롭 다운 메뉴. 다음 중에서 선택할 수 있습니다. 얕은 또는 깊은 여기에 효과. Shallow는 녹아웃 효과를 단일 레이어에 적용합니다. Deep은 레이어 그룹에 적용합니다.





이 예에서는 얕은 .

마지막으로 시사 버튼을 선택한 다음 드래그 불투명도 채우기 슬라이더를 0을 향해 왼쪽으로 이동합니다.

여기에서 원본 텍스트가 표시될 정도를 완전히 제어할 수 있습니다. 0퍼센트의 불투명도를 선택하지 않는 한 텍스트의 색상은 여기에서 차이를 만들 것입니다.

그러나 특히 바쁜 사진이 있는 경우 텍스트를 읽기 쉽게 유지하기 위해 매우 낮은 불투명도를 선택하고 싶지는 않을 것입니다.

4단계: 최종 수정

딸깍 하는 소리 좋아요 변경 사항을 확인합니다. 이제 마무리 작업을 추가할 수 있습니다. 모든 요소가 자체 레이어에 있기 때문에 모든 요소를 ​​개별적으로 조정할 수 있습니다.

배경 이미지, 모양 또는 텍스트를 편집할 수 있습니다. 녹아웃 효과를 조정하려면 텍스트 레이어를 두 번 클릭하여 설정 상자를 다시 엽니다.

Illustrator에서 녹아웃 효과를 만드는 방법

Illustrator에서 녹아웃 효과를 만드는 프로세스는 Photoshop의 프로세스와 유사하지만 조금 더 실습입니다.

캔버스에서 배경 이미지를 열어 시작하십시오. 이동 파일 > 장소 , 클릭하여 이미지를 배치합니다. 사용 선택 도구 ( V )에 맞게 크기를 조정합니다.

1단계: 도형 및 텍스트 추가

이제 다음을 사용하여 모양을 그립니다. 직사각형 도구 ( 미디엄 ). 원하는 경우 다른 모양을 사용하거나 도구. 채우기 및 획 색상을 선택하고--원하는 경우 나중에 변경할 수 있습니다--원하는 대략적인 위치로 드래그합니다.

다음으로 텍스트를 추가해야 합니다(또는 녹아웃 효과를 위해 다른 모양을 사용할 수 있습니다. 항상 텍스트일 필요는 없습니다). 선택 텍스트 도구 ( NS ), 캔버스를 클릭합니다. 색상과 크기를 설정하고 입력을 시작합니다.

선택 선택 도구를 클릭하고 완료되면 멀리 클릭합니다. 모든 개체를 눈으로 원하는 위치로 이동하거나 Shift 키를 누른 상태에서 텍스트, 모양 및 배경 이미지를 선택하고 수평의 그리고 수직 정렬 도구.

2단계: 개요 만들기

텍스트 레이어를 다시 선택하고 유형 > 개요 만들기 , 또는 키보드 단축키를 사용할 수 있습니다 Shift + Cmd/Ctrl + O . 이렇게 하면 텍스트가 편집 가능한 텍스트가 아닌 모양으로 변환되므로 먼저 오타를 확인하십시오!

텍스트가 모양의 뒤에 있지 않고 위에 있는지 확인하십시오.

Photoshop에서 가능한 한 불투명도를 제어하려면 키보드 단축키를 사용하여 텍스트 레이어를 클립보드에 복사하십시오. Cmd/Ctrl + C. 나중에 할 때까지 아무 것도 할 필요가 없습니다.

3단계: 녹아웃 효과 적용

모양과 텍스트를 모두 선택하고 패스파인더 도구 패널. 아직 열려 있지 않은 경우 다음으로 이동하여 열 수 있습니다. 창 > 패스파인더 또는 Illustrator 바로 가기를 사용하여 Shift + Cmd/Ctrl + F9.

자세한 내용은 여기를 클릭하세요. 어도비 일러스트레이터 키보드 단축키 .

패스파인더 도구에서 마이너스 프론트 옵션 모양 모드 . 그러면 도형에서 텍스트가 제거됩니다.

녹아웃 효과의 불투명도를 제어하려면 위에서 언급한 대로 텍스트 레이어를 복사해야 합니다. 이제 히트 Shift + Cmd/Ctrl + V 텍스트를 복사한 정확한 위치에 다시 붙여넣습니다. (레이어를 이동하기 전에 이 작업을 수행해야 합니다.)

그런 다음 다음으로 이동하여 해당 레이어의 불투명도를 조정할 수 있습니다. 투명도 패널로 이동하여 열 수 있습니다. 창 > 투명도. 원하는 정확한 음영을 얻을 때까지 불투명도 슬라이더를 조정합니다.

약 20%의 불투명도로 최종 제품은 다음과 같습니다.

시도할 더 많은 Photoshop 텍스트 효과

Illustrator와 Photoshop에서 녹아웃 효과를 쉽게 만들 수 있습니다. 두 프로그램에 모두 액세스할 수 있는 경우 텍스트를 항상 편집할 수 있으므로 Photoshop을 먼저 사용하는 것이 좋습니다. 그러나 더 자세한 디자인을 위해서는 Illustrator가 가장 좋습니다.

휴대 전화 번호의 소유자 찾기

녹아웃 효과는 디자인에 텍스트를 사용할 수 있는 유일한 창의적인 방법은 아닙니다. 우리의 가이드를 자세히 살펴보십시오. Photoshop에서 텍스트 윤곽을 그리는 방법 그리고 Photoshop에서 텍스트에 텍스처를 추가하는 방법 어떤 영감을 위해.

공유하다 공유하다 트위터 이메일 음성 애니메이션에 대한 초보자 가이드

연설에 애니메이션을 적용하는 것은 어려울 수 있습니다. 프로젝트에 대화를 추가할 준비가 되었으면 프로세스를 분석해 드리겠습니다.

다음 읽기
관련 항목
  • 창의적인
  • 어도비 포토샵
  • 어도비 일러스트레이터
  • 포토샵 튜토리얼
저자 소개 앤디 베츠(221건의 출판물)

Andy는 15년 동안 기술에 관한 글을 써온 전직 인쇄 기자이자 잡지 편집자입니다. 그 동안 그는 수많은 출판물에 기여했으며 대형 기술 회사의 카피라이팅 작업을 제작했습니다. 그는 또한 미디어에 전문가의 논평을 제공하고 업계 행사에서 패널을 주최했습니다.

앤디 베츠가 참여한 작품 더보기

뉴스레터 구독

기술 팁, 리뷰, 무료 전자책 및 독점 거래에 대한 뉴스레터에 가입하십시오!

구독하려면 여기를 클릭하세요.