Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Typography
Design

포토샵에서 지구적인 3D 타이포그래피 만들기

by
Difficulty:IntermediateLength:LongLanguages:

Korean (한국어) translation by h1ghqlty. (you can also view the original English article)

Final product image
What You'll Be Creating
이 튜토리얼은 원래 Tuts+ 프리미엄 튜토리얼로 2011년 9 월에 출간되었습니다. 이제 자유롭게 볼 수 있습니다. 이 자습서에서는 최신 버전의 어도비 포토샵을 사용하지 않지만 해당 자습서의 기술과 프로세스는 여전히 적합합니다.

오늘의 튜토리얼에서는 포토샵의 3D 도구를 사용하여 소박한 3D 활자체를 만드는 법을 보여줍니다.

자연에서 영감을 얻은 텍스트 효과를 사랑하십니까? GraphicRiver에서 놀라운 포토샵 액션 중 하나를 다운로드하여 직접 효과를 빠르게 만들 수 있습니다. Envato Studio의 디자인 전문가의 도움을 받아 인쇄상의 모든 요구 사항을 해결하십시오.

튜토리얼 에셋

이 자습서를 제작하는 동안 다음과 같은 에셋이 사용 되었습니다. 이러한 링크 중 하나가 업데이트 되어 자신의 에셋을 자유롭게 사용할 수 있습니다.


1. 3D 텍스트 작성 방법

1 단계

좋습니다, 시작해 보겠습니다. PS에있는 3D 도구에 대한 지식이 있다면 쉽게 알 수 있습니다. 그렇지 않다면 찾아 볼 수도 있습니다. 그렇게 어렵지 않을 일입니다. 우리가 선택한 이 좋은 에셋 이미지를 열어 보겠습니다.



Create the 3D Text

이제 툴바에서 텍스트 툴을 선택하기만 하면 됩니다.

Create the 3D Text

텍스트에 간단한 중간/밝은 회색을 선택하십시오.

Create the 3D Text

여기에이 글꼴을 선택했지만 아직 가지고 있지 않다면 시스템에서 사용할 수있는 글꼴을 선택하십시오. 나는 이 작업에서 굵은 글꼴을 선호합니다.

Create the 3D Text

Helvetica 폰트의 경우, 크기110으로 선택했지만 폰트마다 다릅니다.

Create the 3D Text

당신이 원하는 것은 여기서 보았듯이 캔버스의 수평 공간을 거의 채우는 커다란 두꺼운 글꼴입니다.

Create the 3D Text

그런 다음 3D 메뉴로 이동하여 Reposee- Text Layer를 선택하십시오.

Create the 3D Text

나타나는 대화 상자에서 표시된 사전 설정 모양을 선택하고 표시된 설정을 조정하십시오. 3D 도구는 장비에 과중한 부담이 있으므로 시스템에 따라 각 단계마다 조금씩 기다려야 할 수도 있습니다.

Create the 3D Text

이제 이미지의 왼쪽 상단 모서리에 나타나는 3D 위젯을 사용하게 될 것입니다. 이 위젯에는 3 개의 개별 축으로 3D 객체를 제어하는 ​​3 개의 화살표가 있으며 각 화살표에는 여기에 표시된 것과 같이 회전, 이동크기 조정과 같은 세 가지 다른 작업을 수행하는 세 개의 다른 핸들이 있습니다. 이러한 컨트롤에 익숙해지면 모든 단계를 쉽게 진행할 수 있습니다.

Create the 3D Text

이제 위젯을 사용하여 여기에 표시된 대로 약간의 원근감으로 텍스트의 위치를 ​​변경하십시오. 그것이 우리가 포토샵 내에서 별도의 레이어로 작업할 수 있는 3D 텍스트입니다.

Create the 3D Text

2. 조명과 텍스쳐를 만드는 법

1 단계

이제 조명을 조금 조정해야 할 때가 있습니다. 먼저 Infinite Light 1을 선택하고 3D Light Rotate Tool을 선택하십시오.



Create the Lighting and Texture

2 단계

인피니트 라이트는 3D 위젯과 비슷한 위젯을 가지고 있지만 회전 핸들 만 있습니다.

Create the Lighting and Texture

이 핸들을 사용하여 여기에 표시된 것처럼 빛을 약간 회전 시키십시오. 또한 위젯을 익히고 3D 객체에 어떻게 영향을 미치는지에 대해 잘 알고 있어야 합니다.

Create the Lighting and Texture
Create the Lighting and Texture

3 단계

글자의 재료로 이동해 봅시다. 첫 번째 소재를 선택하고 확산 폴더 아이콘에서 텍스처 불러오기를 선택하십시오.

Create the Lighting and Texture

이 텍스처를 선택하고 확인을 클릭하십시오.

Create the Lighting and Texture

여기에 표시된대로 U ScaleV Scale을 조정하십시오.

Create the Lighting and Texture

이제 볼 수 있는 문자는 별도의 텍스처가 있는 섹션으로 나뉩니다.

Create the Lighting and Texture

4 단계

이제 범프 채널의 텍스쳐가 필요하므로 범프에 텍스처 불러오기를 선택하십시오.

Create the Lighting and Texture

그리고 당신이 준비한 이 텍스처를 선택하십시오. 이것은 같은 텍스처의 흑백 버전이며 콘트라스트가 향상되었습니다.

Create the Lighting and Texture

이제 우리는 컬러 텍스처와 일치하도록 스케일을 조정해야합니다.

Create the Lighting and Texture

그런 다음 범프 레벨5올립니다.

Create the Lighting and Texture

5 단계

이제 우리의 소재준비는 끝났습니다. 그래서 새로운 소재를 선택하여 저장하십시오. 이름을 지어 주거나 ​​그대로 두십시오.

Create the Lighting and Texture

이제는 작업을 쉽게하고 나머지 섹션에 저장된 소재를 로드 해봅시다.

Create the Lighting and Texture

이제 모든 부분에 자료를 설정 했으므로 조명을 약간 조정하십시오. 두 번째 빛을 끄고 강도1.5올립니다.

Create the Lighting and Texture

6 단계

이제 텍스처를 가장보기 좋게 만들기 위해 여기에 표시된 것처럼 빛을 약간 회전해야 하지만 실험해보고 다른 설정을 선택할 수도 있습니다.

Create the Lighting and Texture
Create the Lighting and Texture
Create the Lighting and Texture

3. 3D 오브젝트 분할 방법

1 단계

이제 개체를 단어에서 개별 문자로 변형하여 개별적으로 조정할 수 있습니다. 그러나 먼저 각 재질의 범프 7증가시켜 범프 텍스처의 효과를 높이십시오.



Split the 3D Object

이제 확인을 눌러 3D 메뉴로 가서 Split Repousse Meshes를 선택하십시오.

Split the 3D Object

2 단계

이제 우리가 얻는 것은 각 문자에 대해 분리된 메시입니다. 그리고 각각은 별도의 텍스처를 가지고 있습니다. 그러나 우리는 이전에 이 단어를 텍스처링 했기 때문에 각 문자에 대해 작업할 필요가 없습니다. 또한 각 문자를 이동하고 회전시키기 위해 이제 오브젝트 회전 도구 대신 메시 회전 도구를 선택해야 합니다.

Split the 3D Object

문자 E로 시작해 목록에서 선택하겠습니다.

Split the 3D Object

3 단계

메쉬 컨트롤 위젯오브젝트 위젯과 동일하므로 같은 방식으로 위치를 조정할 수 있어야합니다. 문자 E의 경우 여기에 표시된대로 조정했습니다.

Split the 3D Object
Split the 3D Object
Split the 3D Object

이것은 내 글자에 대한 결과 회전이지만, 항상 당신이 다른 위치를 선호할 수도 있습니다.

Split the 3D Object

4 단계

화살표 핸들을 사용하여 여기에 표시된 것처럼 글자를 약간 낮춥니다.

Split the 3D Object
Split the 3D Object

5 단계

이제 각 문자를 장면 목록에서 선택하고 원하는 대로 배치하여 이미지에 더 잘 맞도록 동일한 작업을 수행하십시오. 다음은 각 편지를 수정 한 것입니다. 이 단계가 완료되었습니다.

Split the 3D Object
Split the 3D Object
Split the 3D Object
Split the 3D Object

4. 조명을 수정하고 스마트 오브젝트로 변환하는 방법

1 단계

계속하기 전에 이 시점에서 조명을 약간 조정하고 3D 레이어를 스마트 오브젝트로 변환합니다. 그러므로 레이어를 마우스 오른쪽 버튼으로 클릭하고 스마트 오브젝트로 변환을 선택합니다.



 Fix the Lighting

2 단계

3D 레이어에 액세스하여 편집하려면 새로운 스마트 오브젝트 레이어를 두 번 클릭하십시오.

 Fix the Lighting

스마트 오브젝트를 입력하면 포토샵에서 경고 대화 상자가 표시됩니다. 두 가지 이유 때문에, 먼저 우리가 사용할 마스크로 3D 레이어를 사용할 수 없으며 스마트 오브젝트로 변환하면 문서 램 요구 사항의 복잡성이 줄어듭니다.

 Fix the Lighting

3 단계

3D 스마트 오브젝트에 있으면 3D 오브젝트의 모든 설정을 계속 편집 할 수 있습니다. 이 시점에서 인피니트 라이트 1을 선택하고 라이트 회전 툴을 선택하십시오.

 Fix the Lighting

문자를 전반적으로 더 잘 볼 수 있도록 여기에 표시된 것처럼 빛을 조금씩 회전 시키십시오.

 Fix the Lighting

이것은 빛이 이제 우리의 물체에 어떻게 영향을 미치는지에 대한 것입니다. 그러나 약간 다른 위치를 선택할 수도 있습니다. 괜찮습니다. 그러나 빛이 우리의 장면에서 오는 곳을 기억하십시오.

 Fix the Lighting

4 단계

완료되면 바로 스마트 오브젝트 저장을 클릭하면 메인 문서에 변경 사항이 업데이트 됩니다.

 Fix the Lighting

스마트 오브젝트 업데이트 진행률 상자가 나타나면 이미지에 결과가 표시됩니다.

 Fix the Lighting
 Fix the Lighting

5. 그림자 강화 방법

1 단계

이제 우리는 3D 영역에서 모든 것을 조정했으므로 더 전통적인 포토숍 기술을 계속 사용할 것입니다. 우리의 텍스트 레이어에 마스크를 만들어 봅시다.



Enhance the Shadows

그리고 이 표준 포토샵 Blocky Brush를 선택하십시오.

Enhance the Shadows

이제 가장자리에 있는 몇 가지 불완전한 부분에서 텍스처 커팅의 바위 모양을 강조하기 위해 여기에 표시된 글자 테두리를 가립니다.

Enhance the Shadows

우리는 바위 질감의 특징을 따라 이 마스크페인트 할 것이고 아래 그림과 같이 물의 흐름을 고려하여 바닥을 칠할 것입니다.

Enhance the Shadows

2 단계

이제 그림과 같이 문자 테두리의 나머지 부분을 마스킹합니다.

Enhance the Shadows
Enhance the Shadows
Enhance the Shadows

3 단계

이제 상단에 레벨 레이어를 만들고 여기에 표시된 대로 조정합니다.

Enhance the Shadows

이제는 강하게 어둡게 하는 효과가 있습니다. 그럼에도 불구하고 우리는 선택된 영역에서만 사용할 것이므로 마스크를 검은색으로 채우십시오.

Enhance the Shadows

4 단계

자 이제 우리는 검은색으로 채워진 마스크를 어둡게하는 효과에서 가려줍니다. 브러시 도구를 선택하고 색상을 흰색으로 변경하십시오.

Enhance the Shadows
Enhance the Shadows

5 단계

같은 Blocky Brush를 사용하지만 크기를 약 28픽셀줄입니다.

Enhance the Shadows

이제 우리는 여기에 표시된 것처럼 글자의 그림자가 있는 부분의 그림자를 증가시킵니다.

Enhance the Shadows

그리고 지시대로 각 글자를 계속 읽으십시오. 이 장면에 대한 글자의 설정 방법을 즉시 볼 수 있습니다.

Enhance the Shadows

6. 식물을 추가하는 방법

1 단계

우리의 글자에 초목과 이끼를 더할 때 있어서 우리가 필요한 세부 사항을 만들어 이미지와 잘 어울립니다. 복제 도구를 사용하여 손쉽게 이 작업을 수행할 것입니다.



 Add Vegetation

Blocky Brush를 유지하면서 크기를 약 3픽셀줄이십시오.

 Add Vegetation

브러쉬 팔레트에서 이 모든 설정을 모두 활성화 하려면 Pen Pressure로 모두 바꿉니다.

 Add Vegetation
 Add Vegetation

그런 다음 복제 작업의 대상으로 New Layer가 필요합니다.

 Add Vegetation

하지만 복제본 소스는 기본 이미지 자체에서 가져온 것이므로 기본 계층을 선택하고 그림과 같이 복제 원본 선택을 선택하십시오.

 Add Vegetation
 Add Vegetation

2 단계

그런 다음 새 레이어를 다시 선택하고 클론 도구로 페인팅을 시작하여 암석 글자 위에 초목과 이끼 상세를 추가하십시오.

 Add Vegetation
 Add Vegetation

필요한 만큼 기본 레이어로 돌아가 새로운 복제 소스를 선택하십시오. 그러나 그것을 적용하기 위해 새 레이어로 돌아가는 것을 잊지 마십시오.

 Add Vegetation

여기에 표시된 모든 글자로 계속 진행하십시오. 물론 이는 매우 개인적인 단계이므로 결과가 이와 다를 수 있습니다.

 Add Vegetation

텍스처에서 암석 구조를 따라야하고 이끼 복제를 너무 과장되게 하지 마십시오.

 Add Vegetation

7. 물 위쪽을 만지는 법

1 단계

이제 새로운 문자에 더 잘 맞도록 물을 만져 보겠습니다. 그래서 이것을 위해 새로운 레이어를 만듭니다.



Touch Up the Water

우리는 44 Blocky Brush를 유지할 것이지만 크기2px줄입니다.

Touch Up the Water

2 단계

물 자체에서 선명한 색상을 샘플링하고 물감이 이 두 문자를 통과하는 것을 제안하는 스트림의 그림을 그립니다.

Touch Up the Water

그런 다음 E 뒤쪽에서 이 글자 뒤쪽으로 물이 빠져 나가는 것을 암시하는 작은 물줄기를 그립니다.

Touch Up the Water

이 두 글자 사이에 같은 그림을 그립니다.

Touch Up the Water

그리고 마지막으로, 제가 생각하기에 매우 중요한 세부 사항입니다. 물이 A의 구멍에서 빠져 나오고 있습니다.

Touch Up the Water

3 단계

이제 그림과 같이 밝은 녹색을 이미지에서 샘플링합니다.

Touch Up the Water

그리고 그림과 같이 A 안에 그려놓은 것에 약간의 녹색을 추가하십시오.

Touch Up the Water

4 단계

그런 다음 약간 어두운 녹색을 샘플링하십시오.

Touch Up the Water

그리고 그림과 같이 칠하십시오.

Touch Up the Water

좋습니다, 이제 거의 흰색 샘플로 돌아갑니다.

Touch Up the Water

여기에 표시된대로 작은 흐름을 터치하십시오.

Touch Up the Water

5 단계

물의 다른 부분을 자세히 묘사하여 흐름을 보다 분명하게 만듭니다.

Touch Up the Water

나머지 물 흐름을 따라 가면서 필요한 곳에 소용돌이 치는 물을 만들어 보십시오.

Touch Up the Water

그리고 이제 우리는 그것을 가지고 있습니다, 이것은 우리가 지금까지 가지고 있어야 하는 것입니다. 거기에서, 시내는 각 문자 경계를 포옹하는 것처럼 보입니다.

Touch Up the Water

8. 조정 레이어로 조정하는 방법

1 단계

이제 두 개의 레이어를 추가하여 전반적인 장면을 더욱 극적이고 친숙하게 만듭니다. 우선 레벨 레이어를 만들고 여기에 표시된 대로 조정하십시오.



Adjust with Adjustment Layers

이제 약 400픽셀의 큰 소프트 브러쉬를 선택하십시오.

Adjust with Adjustment Layers

2 단계

확인한 레벨 레이어에서 전체 장면을 어둡게 만들었 만 마스크에서 검은색으로 브러시를 해야만 여기에 표시된 것처럼 빛이 들어올 수 있습니다.

Adjust with Adjustment Layers

이제 Black and White Adjustment Layer를 만들고, Multiply로 설정하고 불투명도를 약간 줄이십시오.

Adjust with Adjustment Layers

아래 그림과 같이 B&W Layer의 설정을 조정하십시오.

Adjust with Adjustment Layers

이 새로운 레이어가 좀 더 어둡지만 더 강렬한 분위기를 더 해줍니다.

Adjust with Adjustment Layers

그러나 다시 한번 우리는 단지 이 레이어가 우리 장면의 많은 부분에 영향을 미치기를 원합니다. 그래서 여기서 보여지는 것처럼 부드러운 브러시로 모든 것을 가려줍니다. 물론 필요에 따라 브러시 크기를 변경하십시오.

Adjust with Adjustment Layers

9. 물에 색조를 추가하는 방법

1 단계

그냥 빠른 조정, 나는 물이 녹색으로 보여지는걸 정말 좋아하지 않아서 더 푸른 빛을 내기로 결정했습니다. 그래서 이 설정과 함께 이 사진 필터 레이어를 만들어 보겠습니다.



Add Tint to Water

우리는 이 효과를 원하지 않지만 물은 검정으로 마스크를 채우므로 모든 것이 사라집니다.

Add Tint to WaterAdd Tint to Water

 약 52픽셀소프트 브러시를 만드십시오.

Add Tint to Water

흰색을 선택하면 쿨링 필터의 청색 톤에서 마스킹을 시작합니다.

Add Tint to Water

2 단계

물론 브러시 크기줄이면 그 좁은 장소에서 브러시를 칠할 필요가 있습니다.

Add Tint to Water

마스크를 물에만 사용하도록 하십시오. 이것은 지금까지 가지고 있어야합니다. 아래 그림과 같이 레이어의 불투명도줄이면 더 많은 물을 볼 수 있습니다. :)

Add Tint to Water
Add Tint to Water

10. 조명 조절 방법

1 단계

이제 우리는 약간의 밝은 빛과 섬세한 줄무늬를 만드는데 사용할 새로운 레이어를 만듭니다. 먼저 그라디언트 도구를 선택하십시오.



Adjust the Lighting

그라디언트 파일에서 이 그라데이션을 선택하십시오.

Adjust the Lighting

2 단계

새 레이어에서는 큰 원형 그라디언트로 드래그하면 됩니다.

Adjust the Lighting

이제 우리는 우리가 원하는 곳에 이 효과를 창의적으로 마스킹 할 것이므로 이 레이어의 마스크를 만드십시오.

Adjust the Lighting

마스킹을 끄려면 여기에서와 같이 매우 큰 소프트 브러쉬가 필요합니다.

Adjust the Lighting

그런 다음 검정색을 선택하고 여기에 표시된대로 레이어에서 마스킹을 시작합니다.

Adjust the Lighting

3 단계

그런 다음 브러쉬 크기를 약 200 픽셀로 줄입니다.

Adjust the Lighting

그리고 그 빛의 흐름이 현장에 어떻게 들어오는지 계속 관찰하십시오.

Adjust the Lighting

이제는 흰색으로 변경하고 일부는 숨겨둡니다. 보시다시피, 우리가 좋아하는 효과를 얻으려면 앞뒤로 많은 과정을 필요로 합니다.

Adjust the Lighting

그래서 우리는 여기에 보이는 것처럼 빛의 일부를 가려냅니다.

Adjust the Lighting

그런 다음 다시 검은색으로 이동하여 해당 하천을 가려서 다시 조절하십시오.

Adjust the Lighting

이것은 다시 장면에서 얼마나 많은 빛의 흐름을 원하는지에 대한 개인적인 취향의 문제입니다.

Adjust the Lighting

11. 미묘한 하이라이트 추가하는 법

1 단계

여기서 볼 수 있듯이 모든 작업 레이어가 그룹화되어 있고 조정 레이어가 그룹 외부에 있습니다. 우리가 지금 하려고 하는 것은 그것의 그룹을 복제하는 것입니다.



Adjust the Lighting

그런 다음 그룹병합하여 평면 이미지 레이어를 만듭니다.

Adjust the Lighting

이제 결과 이미지 레이어를 스택 맨 위로 드래그 해봅시다

Adjust the Lighting

2 단계

이제 이 레이어의 레벨을 직접 조정할 것입니다. 조정 레이어가 아닙니다. 이미지 메뉴로 가서 레벨을 선택하십시오.

Adjust the Lighting

Levels Dialog Box에서 다음과 같이 설정을 조정하십시오. 더 정확한 값을 입력할 수 있습니다.

Adjust the Lighting

이제 우리는 또 다른 레이어 마스크가 필요합니다. 그러므로 계속 진행하십시오.

Adjust the Lighting

3 단계

그리고 물론 우리는 이 밝은 레이어가 이미지의 작은 부분에만 영향을 미치기 때문에 필요합니다. 그러므로 레이어 마스크를 검은색으로 채우십시오.

Adjust the Lighting

그런 다음 여기에 있는 것과 같은 작은 소프트 브러쉬를 선택합시다.

Adjust the Lighting

색상을 흰색으로 변경하십시오.

Adjust the Lighting

이제 여기에 이 섹션에 대한 작업 없이 이섹션이 있으며 아래에서 마스크를 사용하여 그린 부분을 볼 수 있습니다.

Adjust the Lighting
Adjust the Lighting

여기서 하이라이트가 없는 텍스트와 모든 하이라이트가 있는 아래 작업을 볼 수 있습니다. 추가된 내용에 대한 느낌을 얻는 가장 좋은 방법은 이미지를 비교하거나 더 잘 보지만 모든 동작이 나타나는 곳의 비디오를 보는 것입니다.

Adjust the Lighting
Adjust the Lighting

12. 최종 그림자를 추가하는 방법

1 단계

이 마지막 단계에서 우리가 해야 할 일은 물 위에 던져진 그림자를 추가하여 현실적인 장면 모습을 마무리하는 것입니다. 레벨 레이어를 사용하여 이 작업을 수행하므로 여기에 표시된 대로 조정하고 추가하십시오.



Add the Final Shadow

다시 말하지만 우리는 이 레이어의 영향력이 필요 없기 때문에 일부 특정 섹션에서는 마스크를 검은색으로 채우므로 모든 것이 사라집니다.

Add the Final Shadow

2 단계

이제 소프트 브러시를 선택하고 약 17픽셀로 만듭니다.

Add the Final Shadow

그리고 여기에 보이는 그림자의 일부에서 마스킹을 시작하십시오.

Add the Final Shadow

그리고 우리가 최종 조명 설정에서 그림자를 얻을 수 있는 물의 다른 섹션을 계속합니다.

Add the Final Shadow

3 단계

모든 그림자가 정해지면 레이어 불투명도를 조정하고 모드를 Multiply로 설정하십시오.


이것이 지구 3D 텍스트의 최종 세부 사항입니다.

Add the Final Shadow

최종 이미지

그것이 우리의 3D 텍스트를 우리 장면에 성공적으로 마무리하고 멋지게 만들고 혼합시킨 것입니다. 재미있었고, 재미있었길 바랍니다. 언제나 저에게 전자 메일을 보내주십시오. 몇 가지 문제가 있으면 알려주시고 당신의 결과물을 과시할 수도 있습니다. 시간을 내주시고 지원해 주셔서 감사드립니다. 다음에 만납시다.

Earth Text Effect Photoshop Tutorial

GraphicRiver의 프리미엄 포토샵 작업

모든 번거로움 없이 멋진 텍스트 효과를 만들고 싶습니까? 그렇다면 GraphicRiver에서 놀라운 포토샵 액션 중 하나를 다운로드하여 단 몇 번의 클릭만으로 놀라운 효과를 만들어보십시오. 이 작업을 사용하여 디자인을 변형하고 아래의 즐겨 찾기 중 하나를 확인하십시오!

Grass Generator Action

이 멋진 포토샵 액션으로 멋진고 사실적인 잔디 텍스처를 생성하십시오. 이 작업을 통해 텍스트 또는 도형에 빠르고 쉽게 적용 할 수있는 사실적인 3D 잔디 효과를 만들 수 있습니다. 이 패키지에는 이 효과를 실현하는데 필요한 추가 브러쉬와 스타일이 모두 포함되어 있습니다!

Grass Generator Action

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.