원본 출판: PSDTUTS 저자: Collis 번역: Gao Xiaobai
Collis의 이 튜토리얼에서는 텍스트와 결합된 불 사진을 사용하는 방법을 보여줍니다. 지금 우리가 보고 있는 것은 이미지 전체에 멋진 텍스트 효과와 결합된 멋진 어두운 배경입니다.
최종 효과: 언제나 그렇듯이 우리는 최종 효과를 가장 먼저 보게 될 것이므로 여러분은 우리가 어떤 결과를 얻게 될지 알게 될 것입니다. 이 아름다운 이미지는 현재 내 노트북의 바탕화면 배경으로 사용되고 있습니다.
위 이미지를 클릭하시면 전체 이미지를 보실 수 있습니다
1부 – 배경
포토샵에서 1920×1200px 크기의 새 문서를 만듭니다. Gradient Tool을 선택하고 갈색 방사형 그라데이션(색상 값 #5c3d09에서 #1f1409까지)을 그리면 아래와 같은 효과를 얻을 수 있습니다.
그라디언트는 중앙이 아닌 그림의 상단에서 그려집니다. 텍스트 위에 불의 효과를 원하므로 이미지 상단이 약간 더 밝아야 합니다.
2단계
Grass Text Effect 튜토리얼의 배경 텍스처를 다시 한 번 사용하겠습니다. 하지만 이번에는 처음부터 시작하는 대신 잔디 특수 효과 텍스트 튜토리얼에서 이미 만든 배경을 직접 복사하고 모든 레이어를 혼합하고 채도를 줄여 아래에 보이는 효과를 얻었습니다.
처음부터 시작해야 하는 경우 먼저 Bittbox로 이동하여 원본 텍스처 이미지를 가져온 다음 이전 단계를 따라야 합니다.
3단계
이제 텍스처를 배경에 블렌딩하고 블렌딩 모드를 오버레이로 설정합니다.
4단계
텍스처 필터를 사용하여 텍스처를 추가해 보겠습니다. 먼저 새 레이어를 만들고 갈색(#66500f)으로 채웠습니다. 그런 다음 필터 > 텍스처 > 텍스처로 이동하여 텍스처 캔버스 아래의 배율 값을 80%로 설정하고 4로 강조 표시합니다.
5단계
큰 캔버스에서 작업하고 있으므로 이 레이어의 혼합 모드를 오버레이로 설정하여 멋진 추가 세부 사항을 추가하면 훨씬 더 좋아 보일 것입니다.
6단계
다음으로 레이어를 적용하여 이 이미지의 아래쪽 절반의 채도를 약간 낮추겠습니다. 이것의 목적은 위쪽 불이 뜨거운 빛처럼 보이도록 하고 아래쪽 불은 약간 차갑게 보이도록 하는 것입니다. 그래서 새 레이어를 만들고 색상(#4b4f3b)으로 채운 다음 레이어 마스크를 추가하고 그라디언트를 사용하여 이미지의 위쪽 절반을 숨겼습니다. (이제 아래 이미지와 같은 결과가 나타납니다). 이제 레이어의 혼합 모드를 색상으로 설정하고 불투명도를 45%로 설정합니다.
2부 – 텍스트 + 조명 = 최고
좋아요, 이제 멋진 배경이 생겼습니다. 이제 텍스트를 추가해 보겠습니다. 제가 사용한 글꼴은 Trajan입니다. 여기서는 멋져 보이거든요. 글꼴에 색상을 추가한 다음(#cb9328) 레이어의 혼합 모드를 선형 닷지(추가)로 설정하고 불투명도를 8%로 낮췄습니다. 빨간색 불꽃을 사용하여 텍스트 상단에 효과를 추가하여 배경에서 튀어 나오도록 하겠습니다. 즉, 텍스트의 위쪽 부분만 표시하고 텍스트의 아래쪽 부분은 현재 숨겨진 효과와 동일하게 유지하기 위해 텍스트에 몇 가지 효과와 레이어 마스크를 추가한다는 의미입니다.
8단계
먼저 새 레이어 그룹을 만들고 모든 텍스트 레이어를 여기에 넣습니다. 여기에는 많은 텍스트가 있을 것입니다. 그런 다음 텍스트 레이어를 복제하고 복사된 텍스트의 색상 값을 #5e3f1c로 설정합니다.
9단계
이제 최신 텍스트 레이어를 오버레이로 설정하고 불투명도를 70%로 설정합니다. 붉은빛이 많이 도는 컬러인 것 같아요. (아래 그림과 같이)
10단계
이제 텍스트 레이어를 다시 복제하고 가장 최근에 복제된 레이어를 연한 노란색(#cb9328)으로 설정합니다. 그런 다음 이를 선형 닷지(추가)로 설정하고 불투명도를 30%로 낮춥니다. 그런 다음 레이어 마스크를 추가하고 그라데이션을 그려서 아래 그림과 같이 최신 텍스트 레이어가 희미한 느낌을 가지게 하면 텍스트 하단에 약간 붉은색이 나타나는 것을 볼 수 있습니다.
11단계
다음으로 텍스트 레이어를 다시 복제합니다. 이 단계는 텍스트 하단에 좋은 느낌을 추가하는 것입니다. 텍스트 색상을 검정색(#000000)으로 설정한 다음 Filter > Blur > Gaussian Blur를 실행하고 Radius를 4px로 설정합니다. 텍스트를 래스터화하려면 > 수정 > 확장을 선택합니다. 그런 다음 다른 텍스트 레이어에서 Ctrl 키를 누른 채 검은색 레이어로 돌아가서 삭제를 클릭하면 매우 부드러운 그림자만 남습니다. 그런 다음 이 레이어를 복제하고 병합하여 매우 강렬한 효과를 만듭니다. 여러분이 만드는 것은 아래 스크린샷과 같아야 합니다.
12단계
아래 그림과 같이 다시 한 번 레이어 마스크를 사용하여 그림자 페이드 효과를 빠르게 만듭니다. 그러면 텍스트가 화면 밖으로 떠다니는 것처럼 보이게 됩니다.
13단계
이제 검정색 레이어를 다시 복제하고 스머지 도구(Smudge Tool)를 사용하여 상당히 큰 부드러운 브러시를 사용하여 그림자 주위를 페인트하여 탄 자국처럼 보이도록 만듭니다.
14단계
이제 텍스트 효과는 다음 그림과 같습니다. 저는 실제로 두 개의 "번" 표시를 만들었는데, 이 네 개의 그림자 레이어 각각은 이전보다 약간 더 흐릿해졌습니다.
15단계
이제 텍스트 상단에 빛을 추가할 차례입니다. 첫 번째. 텍스트 레이어를 다시 복제합니다. 노란색(#dc9a08)으로 설정한 다음 필터 > 흐림 > 가우시안 흐림으로 이동하여 반경을 8px로 설정한 다음 큰 부드러운 지우개를 사용하여 텍스트의 아래쪽 부분을 지워서 멋진 불균형 느낌을 만듭니다.
16단계
첫 번째 조명 레이어를 Soft Light로 설정합니다. 텍스트 상단을 더욱 빛나게 하려면 이 과정을 다시 반복해야 합니다.
17단계
이제 텍스트 레이어를 다시 복제하고 위에 배치합니다. 색상을 다시 노란색(#dc9a08)으로 변경하고 레이어 > 래스터화 > 텍스트로 이동하여 텍스트를 단일 레이어로 만듭니다. 그런 다음 Ctrl 키를 누른 채 이 레이어를 선택하여 선택하고 > 수정 > 축소를 선택한 다음 축소 정도를 1px로 설정합니다. 그런 다음 1px만큼 축소하는 것을 제외하고 나머지를 삭제하십시오.
18단계
이제 1px 레이어를 오버레이로 설정하면 아래와 같은 효과가 나타납니다.
19단계
이제 다른 레이어에서 했던 것처럼 1px 레이어에 레이어 마스크를 추가하여 텍스트 아래쪽이 페이드 아웃되도록 만듭니다. 그런 다음 이 레이어를 복제하고 Filter > Blur > Gaussian Blur로 이동하여 Radius를 1px로 설정합니다. 그런 다음 이 레이어를 다시 복제하고 2px만큼 흐리게 만듭니다. 그런 다음 이 레이어를 다시 복제하고 4px로 흐리게 만듭니다. 그런 다음 Ctrl+텍스트 레이어를 클릭하고 Ctrl+Shift+I를 눌러 선택 항목을 반전시킨 다음 흐림으로 인해 글꼴 경계를 초과하는 각 감광 레이어 부분을 삭제합니다. 이 단계의 목적은 불 같은 텍스트에 텍스트의 가장자리로 갈수록 불 같은 느낌이 점차 증가하는 효과를 주는 것입니다.
20단계
이제 이 네 개의 조명 레이어를 복제하고 함께 혼합합니다. 최종 효과는 텍스트 상단이 처음에는 밝은 노란색이 된다는 것입니다. 스머지 도구를 사용하여 텍스트 전체를 위쪽으로 문질러 열파와 같은 효과를 만듭니다. 아래 그림과 같습니다.
21단계