Illustrator 및 Photoshop을 사용하여 복수 자 텍스트 효과 만들기
오늘의 튜토리얼에서 우리는 만화 (또한 곧 나오는 영화)에서 사용되는 텍스트 효과를 다시 만들려고합니다 - 복수 자들, 우리가 실제로 영웅이되는 것처럼 느껴지도록, 적어도 Illustrator / Photoshop 영웅 :)
Adobe Illustrator에서 수동으로 텍스트를 만든 다음 Adobe Photoshop으로 가져 와서 몇 가지 효과와 질감을 적용합니다. 대신에 “어벤저 스”, 우리는 “홍 키아 트” 텍스트로 사용하거나 원하는 텍스트를 사용할 수 있습니다..
시작하자.
시작하기
이 자습서를 수행하려면 다음과 같은 자원이 필요합니다.
- Vandelay Premier의 콘크리트 텍스처
- 무료 대안 : 텍스쳐 킹의 자유 콘크리트 텍스처
- 오언 도슨 (Owen Dawson)의 복수 자 (Avengers)
- Owen Dawson의 Mighty Avengers
복수 자 텍스트 효과
1 단계 : 글꼴 가져 오기
캐릭터에 대한 작업부터 시작하겠습니다. 첫 번째 옵션은 무료 글꼴 유형을 사용하고 있습니다. Google에서 "무료 폰트 어벤저 스 (Avengers)"라는 키워드를 사용하여 검색 한 후, 어벤져 스 테마 인 어벤저 스 (Avengers)와 마이티 어벤져 스 (Mighty Avengers)라는 두 가지 글꼴을 발견했습니다. 둘 다 오웬 도슨이 만든다. 불행히도 둘 모두 프로젝트의 전체 알파벳을 갖고 있지 않습니다..
첫 번째 글꼴에는 K와 O가 없습니다. "Hongkiat"에는이 두 문자가 필요합니다. 또한 A 문자는 "Hongkiat"와 같이 문자 사이에 사용하면 적합하지 않기 때문에 사용할 수 없습니다..
두 번째 글꼴은 The Avengers 원래 만화에서 나온 것 같습니다. 날카로운 모서리 대신 둥근 모서리가 있습니다. 이 글꼴 스타일은 영화 포스터와 다릅니다..
그래서, 우리의 최선의 선택은 문자를 수동으로 그리는 것입니다. 우리는이 글꼴을 사용하지 않을 것이지만, 문자를 만드는 동안 우리의 참고 자료로 유용 할 것입니다..
2 단계 : 참조
복수자를 위해 인터넷 검색을 시작해야합니다. 이것이 우리가 참조 할 때 사용하는 것입니다. 이미지 파일을 저장하고 Adobe Illustrator에서 새 파일을 만든 다음 파일을 붙여 넣습니다. 이미지를 잠그고 우연히 편집되지 않도록하려면 객체> 잠금> 선택을 클릭하십시오..
3 단계 : 캐릭터 만들기
현재 "AVENGERS"텍스트에서 "HONGKIAT"에 사용되는 N과 G를 찾을 수 있습니다. 새로운 레이어를 만든 다음 펜 도구를 사용하여 문자 N과 G를 추적합니다..
4 단계
다른 문자 (H, O, K, I, A, T)에 대해서는 다른 사용 가능한 문자를 기반으로합니다. 나에게는 사용할 수있는 N 문자를 사용하고 그 중 절반을 제거합니다..
O의 경우 E를 닫고 중심에 구멍을 추가하여 E를 수정합니다..
K에 대해서 우리는 R을 그 윗부분을 잘라서 간단히 수정할 수있다..
또한 R을 A의 기본 문자로 사용합니다..
T의 경우 이전에 만든 문자를 사용합니다..
5 단계
이 모든 성품을 그 자리에 올려 놓으십시오. 현재, 우리는 "ONGKIAT".
6 단계 : 첫 번째 문자 "H"그리기
참조 이미지와 마찬가지로 첫 번째 문자는 다른 문자와 비교할 때 매우 높습니다. H의 경우 미리보기 글꼴에서 참조를 사용할 수 있습니다. Avengers.
7 단계
같은 원점에서 두 개의 원을 그립니다. 두 원을 모두 선택하고 패스 파인더 패널을 열고 빼기를 선택하여 반지 모양을 만듭니다..
8 단계
H 및 O 문자 위에 링 모양을 배치하십시오. 참고 : 우리가 더 잘 볼 수 있도록 사용하지 않는 경로를 시야에서 제거합니다..
9 단계
"호"문자를 선택하고 객체> 패스> 패스 오프셋을 클릭합니다..
10 단계
H를 마우스 오른쪽 버튼으로 클릭하고 그룹 해제를 선택하여 오프셋 경로를 주 경로에서 분리합니다. O에이 과정을 반복하십시오..
11 단계
Object> Arrange> Bring to Front를 클릭하여 반지 모양 위에 큰 H를 놓습니다. 큰 H 및 링 모양을 선택한 다음 패스 파인더 패널에서 빼기를 선택합니다..
이것이 결과이다..
12 단계
링 모양을 마우스 오른쪽 버튼으로 클릭하고 그룹 해제를 선택하십시오..
13 단계
Object> Arrange> Bring to Front를 클릭하여 큰 O를 반지 모양 위에 놓습니다. 큰 O와 그 밑에있는 고리 모양을 선택하십시오. 패스 파인더 패널에서 빼기를 선택하십시오..
아래는 결과입니다..
14 단계
사용하지 않는 링의 나머지 부분 삭제.
15 단계
현재 경로의 전체 미리보기.
16 단계
두 개의 직사각형을 그린 다음 45 °와 -45 °로 회전합니다. 화살표 모양이 될 때까지 두 모양을 놓습니다..
17 단계
두 도형을 모두 선택하고 패스 파인더 패널에서 결합하기를 선택하십시오.
18 단계
H 문자 위에 화살표를 놓습니다. 그 배치에 대해서는 아래 그림을 참조하십시오. 두 도형을 모두 선택하고 빼기를 선택하십시오..
이제 H 문자 안에 숨겨진 화살표가 있습니다. 이 텍스트는 이제 사용할 준비가되었습니다..
19 단계 : Photoshop에서 작업 시작
Photoshop을 엽니 다. 크기가 2000 x 2000 픽셀 인 새 파일을 만드십시오. 색상으로 배경 채우기 : # 070707.
20 단계 : 문자 경로 가져 오기
Illustrator로 돌아갑니다. 모든 문자 경로를 선택한 다음 Ctrl + C 키를 눌러 클립 보드에 복사하십시오..
21 단계
Photoshop에서 Ctrl + V를 누릅니다. 텍스트를 경로로 붙여 넣습니다..
Illustrator의 텍스트가 새 경로로 배치됩니다. 경로 패널에서 찾을 수 있습니다..
22 단계
O 및 A 내부 경로를 선택하십시오. 옵션 막대에서 모드를 빼기로 설정하십시오. 이 모드는 두 경로가 기본 경로 내부에 구멍을 만들도록합니다..
23 단계 : 경로를 도형으로 변환
레이어 패널에서 흑백 원을 클릭합니다. 단색을 선택하고 색상을 # 070c12로 설정하십시오. 이제 가져온 경로를 기반으로 한 새로운 모양이되었습니다..
레이어 스타일 대화 상자를 열려면 레이어를 두 번 클릭하십시오. 베벨과 엠 보스를 추가합니다. 기술 선택 : 딱딱하고 어려운 가장자리.
이것이 우리의 현재 결과입니다..
24 단계
콘크리트 텍스처를 추가하고 텍스트 위에 놓습니다. 블렌드 모드를 Screen으로 설정하고 Opacity를 47 %로 줄입니다..
25 단계
레이어 마스크를 추가하십시오. 흰색에서 검은 색으로 선형 그래디언트를 그립니다..
26 단계
Ctrl + Alt + G를 눌러 텍스처를 클리핑 마스크로 변환하십시오. 텍스처가 이제 텍스트 내부로 이동합니다..
27 단계
텍스처는 현재 텍스트의 아래 부분에 흐리게 표시되어 있습니다. 불투명도가 30 % 인 브러쉬를 사용하여 흰색으로 그 영역을 칠하면 그 중 일부가 표시됩니다. 아래에서 해당 영역을 페인팅 한 후 레이어 마스크를 볼 수 있습니다..
이것이 결과입니다. 텍스트의 아래 부분에 미묘한 질감이 있음을 볼 수 있습니다..
28 단계 : 텍스트에 엠보싱 효과 추가
텍스트를 복제하여 원본 텍스트 레이어 뒤에 붙여 넣습니다. 레이어 스타일 추가 : 획.
아래에서 볼 수 있듯이 결과는 단순한 획선입니다..
29 단계
베벨과 엠 보스를 추가하고 그 스타일을 스트로크 엠 보스로 설정합시다. 이렇게하면 효과는 방금 추가 한 획에 적용됩니다..
이제 뇌졸중에는 엠보싱 모양이 있습니다..
30 단계
Outer Glow를 추가하여 각 캐릭터 뒤에 미묘한 그림자를 추가하십시오. 현재 배경이 너무 어두워서 효과를 볼 수 없습니다..
31 단계
획 효과가있는 텍스트 위에 새 레이어를 만듭니다. Ctrl 키를 누르고 텍스트 레이어를 클릭하십시오. 선택> 수정> 펼치기를 클릭하십시오. 펼치기를 3 픽셀 씩 설정합니다. 스트로크 크기와 일치하도록 선택 영역을 3 픽셀로 확장했습니다..
흰색에서 검정부터 흰색까지 선형 그래디언트로 채우기 선택.
혼합 모드를 오버레이로 설정하십시오. 불투명도를 30 %로 줄입니다..
32 단계 : 배경 조명 추가
텍스트 아래에 새 레이어를 만듭니다. 브러시 도구를 활성화하고 불투명도를 100 %로 설정하십시오. 텍스트 뒤에 흰 선 그리기.
33 단계
브러시의 불투명도를 줄이고 첫 번째 줄을 덮는 큰 선을 그립니다..
34 단계
선의 가장자리에 무작위로 빛을 그립니다..
35 단계
Ctrl 키를 누른 상태에서 텍스트 레이어를 클릭하여 텍스트 모양을 기반으로 새로운 선택 영역을 만듭니다. 새 레이어를 만들어 본문 위에 놓습니다..
브러시 도구를 활성화하고 불투명도를 10 %로 설정하십시오. 가벼운 캐스트가 뒤에있는 것처럼 텍스트 가운데에 일부 흰자를 칠하십시오..
아래에서 가벼운 캐스트를 추가하기 전과 후에 결과를 볼 수 있습니다..
36 단계
새 레이어를 다시 만듭니다. 텍스트 위에 놓습니다. 마우스 오른쪽 버튼을 클릭하고 획을 선택하십시오..
화이트 색상 선택, 너비 : 1 px.
37 단계
선택을 제거하려면 Ctrl + D를 누르십시오. 가우시안 블러를 적용하여 획 선을 부드럽게 만듭니다..
38 단계
일부 선을 지 웁니다. 이 선은 텍스트 모양에서 강조 표시됩니다..
39 단계
새 레이어에 다른 선을 다시 그립니다. 일부를 지워서 더 선명하게 강조 표시합니다..
40 단계
새로운 레이어를 만들고 선형 그라디언트, 검정에서 흰색으로 채 웁니다. Ctrl 키를 누른 상태에서 텍스트 레이어를 클릭하십시오..
41 단계
레이어 패널에서 레이어 마스크 추가 아이콘을 클릭하여 레이어 마스크를 추가합니다. 블렌드 모드를 오버레이로 설정하고 불투명도를 55 %로 줄입니다..
42 단계 : 색상 추가
다시 Ctrl 키를 누른 상태에서 텍스트 레이어를 클릭하십시오..
조정 레이어 색조 / 채도 추가. 아래 설정을 사용하고 색상 화 옵션을 활성화하십시오..
텍스트에 대한 결과는 다음과 같습니다..
43 단계 : 텍스트 대비 증가
새로운 레이어를 만듭니다. Ctrl 키를 누른 상태에서 텍스트 레이어를 클릭 한 다음 검은 색에서 흰색으로 방사형 그래디언트로 선택 항목을 채 웁니다..
블렌드 모드를 오버레이로 설정 한 다음 불투명도를 40 %로 줄입니다..
단계 44 : 자막 추가하기
# 3b568 색상으로 텍스트 위에 얇은 직사각형을 그립니다. 레이어 마스크를 추가 한 다음 양쪽 끝을 검은 색으로 페인트합니다. 사각형 위에 자막 추가.
최종 결과
우리는 끝났다! 아래는 자습서의 결과입니다. 전체 크기로 보려면 이미지를 클릭하십시오. 이 튜토리얼을 마음껏 즐기고 새로운 기술을 익 혔 으면합니다. 질문이 있으시면 언제든지 물어보십시오..
최종 .PSD 다운로드.
