본문 바로가기
디자인/무료 디자인 자습서

[일러스트] 레트로 텍스트 3D로 디자인

by 코코리★ 2019. 1. 7.
728x90

소개

이 튜토리얼에서는 복고풍 웨이브, 신스 웨이브 및 웨이브 웨이브와 같은 스타일에 영향을 받고 80 년대 문화와 밀접한 관련이있는 레트로 레터링을 만드는 방법을 배우게됩니다. 3D 필터를 사용하지 않고 3D 효과를 텍스트에 적용하는 법을 배우십시오. 멋지다, 맞지? 시작하기 전에 가장 좋아하는 텍스트와 글꼴을 선택 하십시오 . 여기 에서이 자습서 에서 사용한 글꼴을 다운로드 할 수  있습니다 . 시작할까요?

28-011.png

문서 설정

프로젝트를 시작하기 전에 의도 한 형식이 무엇인지 명확히하는 것이 중요합니다. 이 경우 포트폴리오와 소셜 미디어에서 이미지를 공유 할 것이므로 RGB 모드 를 사용해야 합니다. Adobe Illustrator는 벡터 파일이므로 작업 할 소프트웨어는 Adobe Illustrator입니다. 따라서 나중에 변경할 수 있기 때문에 지금은 해결에 너무 많은 관심을 기울이지 않을 것입니다. 먼저, 앞서 언급 한 설정을 사용하여 Adobe Illustrator를 열고 새 문서를 만듭니다.


025.PNG

미리 스타일 서체를 선택하는 것을 잊지 마십시오. 붓글씨 글꼴이면 서체를 설치할 수 있습니다. 아직도, 이미 말했듯이, 당신은 여기에서 다운로드 할 수있는 광산을 사용할 수  있습니다 . 

경로

경로를 만들려면 유형을 윤곽선으로 변환해야합니다. 이미 레터링에 익숙하다면이 단계를 건너 뛰고 글꼴을 참조로 사용하지 않고 텍스트를 직접 경로로 바꿀 수 있습니다. 이 과정에서 필자는 자신의 레터링 프로젝트에 어떻게 대처해야할지 모르는 사람들이이를 수행하고 다른 프로젝트에도 적용 할 수 있도록 기본으로 서체 글꼴을 선택했습니다. 

038.PNG

1 단계

Illustrator에서 패스를 만들 때는 최대한 적은 수의 노드를 생성해야합니다. 이렇게하면 벡터 파일은 더 가볍고 가장 중요한 것은 정확한 곡선을 얻을 수 있다는 것입니다.

먼저 텍스트 도구 (T)로 텍스트 상자를 만들고 효과를 만들려는 단어를 입력하십시오. 나는 "Tutpad"라는 단어를 선택하고 " Hawks Tale of Hawks "라는 글꼴을 사용했습니다 .

047.PNG

2 단계

이제 형식의 외형을 변경하고 원하는 결과를 얻으려면 외곽선 양식 유형을 작성합니다. 그런 다음 레이어를 잠그고 템플릿으로 유지합니다. 이것은 나중에 경로를 만드는 레이어입니다. 유형을 외곽선으로 변환하려면 텍스트를 마우스 오른쪽 버튼으로 클릭하고 외곽선 작성 (Shift + Ctrl + O)을 클릭하십시오 .

057.PNG

3 단계

끝나면 레이어를 잠그고 이름을 "템플릿"으로 변경합니다. 새 레이어를 만들고 이전 레이어 위로 가져 와서 경로를 만들 수 있습니다. 

068.PNG

4 단계

펜 도구 (P)를 선택하고 패스를 선을 그립니다. 당신이 사용할 수있는 기억 직접 선택 도구 (A)에 획을 수정할 수 있습니다. 과정 전체에서 최대한 많은 스트로크를 연결하려고 시도합니다. 이렇게하면 효과를 적용한 후에 경로가 뒤얽힌 것처럼 보입니다.

 
077.PNG

나중에이 단계를 조정할 수 있으므로이 단계에서 매우 신중할 필요가 없습니다. 또한 나는 이런 식으로 선호하기 때문에 문자 사이의 간격을 약간 조정했습니다.이 간격은 '커닝 (kerning)'이라고 불립니다. 이제 참조 레이어 ( "템플릿"이라고 함)를 숨기고 다음 단계로 넘어 갑시다. 

그라디언트

이 3D 효과를 얻으려면 그라디언트를 만드는 것이 중요합니다. 따라서 올바른 색상을 선택하는 것이 1980 년대 스타일을 결정하는 데 결정적입니다. 이 단계에서는 [ 그라디언트] 패널 과 [ 혼합 도구] (W)를 사용하여 작업합니다 공 굴러 가자! 준비된? 

1 단계

먼저 원을 만듭니다. 원의 크기가 우리가 원하는 획의 너비에 해당하는지 확인하십시오. 타원 도구 (L)를 선택하고 대지를 클릭하십시오. 그런 다음 [타원 속성] 패널에서 폭과 높이에 동일한 값을 삽입합니다.


0811.PNG

2 단계

Alt 키 와 Shift  를 드래그 하여 X 축을 따라 이동하고 동일한 높이를 유지 하면서 원을 복제합니다 .

098.PNG

3 단계

그라디언트] 패널로 이동 하여 흑백 그라디언트를 선택하여 끝 색상을 변경합니다. 흰색은 파란색 톤 (# 00DBDE)으로, 검은 색은 자줏빛 색조 (# FC00FF)로 바뀝니다. 

106.PNG

4 단계

Blend Tool (W) 아이콘 을 두 번 클릭하면 Blend Options 패널이 열립니다. 이제 Spacing pop-up 메뉴 에서 Specified Steps 옵션을 선택하고 1000 값을 지정하십시오 그런 다음 OK를 누릅니다. 


117.PNG

5 단계

아무런 효과가 없지만 걱정하지 마십시오. 로 혼합 도구 선택 (블렌드 옵션 패널이 닫혀 있는지 확인), 두 번째에, 다음 첫 번째 원을 클릭합니다. 이 효과와 비슷한 효과를 얻게됩니다.

127.PNG

저는 그라데이션에 만족하지 않습니다. 그래서 저는 각도를 변경하고 -60º로 설정합니다 결과는 다음과 같습니다.

137.PNG

6 단계

더 이상 진행하기 전에 우리가 할 일은 약 10 배의 그라디언트를 복제하는 것입니다. 그런 다음 각 스트로크에서 이러한 각 사본을 보내야하지만 구성한 매개 변수를 유지하기 위해 사본을 보관하십시오 (필요한 경우 더 많은 사본을 작성하십시오). 2 단계에서 원과 같이 첫 번째 "알약"을 복제하고 복사하십시오.

나머지 클론의 경우 Ctrl / Cmd + D 를 눌러 동일한 특성과 거리로 더 많은 복사본을 생성하십시오. 

148.PNG

일부 사본이 생성되면 레터링에 볼륨을 추가하고 3D와 비슷한 효과를 낼 준비가되었습니다. 

그라데이션 및 경로 혼합

그래디언트 알약을 우리가 이전에 만든 획에 섞어서 시작합시다. 필요한 결과를 얻기 위해 필요한 조정을하십시오.

1 단계

"T"문자의 경로를 선택하고 Shift 키를 누른 상태에서 약을 선택하십시오. 

158.PNG

2 단계

Object → Blend → Replace Spine을 클릭 하십시오. 

167.PNG
176.PNG

이 경우, 나는 그 터미널이 크로스바 뒤에 있기 때문에 t의 크로스바의 스트로크를 조정했다. 이전에 말한 것처럼 직접 선택 도구 (A)를 사용합니다. 

3 단계

각 스트로크에서 동일하게 반복하십시오. 결과는 이와 유사해야합니다. 

187.PNG

두 번째 "t"의 크로스바 ( "f", "H"또는 "t"와 같은 글자의 중간을 가로 지르는 수평 스트로크)는 줄기 뒤에 있습니다. "a"및 "d"와 비슷한 점이 발생합니다. 우리는 우리가 얻고 자하는 것에 따라 그 위치를 앞쪽으로 가져 오거나 뒤쪽으로 보내서 위치를 재정렬 할 수 있습니다. 요소를 선택하고 마우스 오른쪽 버튼 → 정렬 → ...을 선택하면됩니다 (가장 적합한 옵션 선택).

197.PNG
206.PNG

4 단계

"t"크로스바의 그라디언트를 뒤집을지라도 레터링은 멋지게 보입니다. 크로스바의 스트로크가 선택되었는지 확인한 다음 Object 메뉴 → Blend → Reverse Spine을 클릭하십시오 .

215.PNG

"a"로 넘어 갑시다.

5 단계

격리 모드를 활성화하려면 "a"획을 선택하고 선택한 객체를 두 번 클릭합니다. 이 모드를 사용하면 "a"의 모양을 앞뒤로 가져 오거나 뒤로 보낼 수 있습니다. 

 
226.PNG

획을 선택할 때 격리 모드를 활성화하는 것이 중요합니다. 그렇지 않으면 "t"의 크로스바에서했던 것처럼 전체 획을 앞뒤로 움직일 수 있습니다. 

이 몇 가지 팁을 끝내면 남은 글자를 조정할 준비가 된 것입니다. 나는 당신이 볼 수 있듯이 "d"도 수정했습니다. 예상되는 결과를 얻으려면 직접 선택 도구를 사용하여 경로를 조정하고 놀아 보는 것입니다.  

237.PNG

글자 조정이 끝나면 모든 글자의 요소를 선택하고 Ctrl / Cmd + G 를 눌러 그룹화하십시오. 

디자인 마무리

우리의 1980 년대 글자가 준비되었습니다! 하지만 우리가 할 수있는 다른 방법이 있습니다. 글자에 배경을 추가하는 것은 어떨까요? 레트로 이미지를 선택하여 멋진 80 년대 스타일의 텍스트 효과를 만드십시오.

1 단계

이 경우, 저는 저의 설계 한 배경을 사용하지 않을 것이지만, Freepik 에서 다운로드 한 배경을 사용하여   저의 요구에 부합시킬 것입니다.

248.PNG

2 단계

이 이미지는 내가 다른 글씨의 야자수를 더하고 나면 더 좋아 보이지만 내 글자로 선택한 배경   이다. Tutpad의 첨부 파일 탭에서 두 개의 이미지를 찾을 수 있습니다.


258.PNG


2610.PNG


3 단계

배경을 생성 한 후 레터링 뒤에 삽입하고 조정하십시오. 이제 우리는 프로젝트를 마쳤다고 말할 수 있습니다!   

27-01.png
28-01.png

끝!

나는 당신이 80 년대로 거슬러 올라가는이 매혹적인 여행을 즐겼 으면하고, 당신이 단계를 쉽게 따라갈 수 있었으면 좋겠다. 언제나 그렇듯이 포럼에 대한 여러분의 의견과 의구심을 남겨주세요. 사실, 나는 당신과 나와 전체 Tutpad 커뮤니티와 최종 결과를 공유하여 우리 모두가 당신이이 효과를 어떻게 적용했는지 볼 수 있기를 바랍니다. 다음 튜토리얼에서 보자 :)

29-01.png


728x90

댓글