1. Design & Illustration
  2. Text Effects

어도비 포토샵에서 깨진 3D, 채색된 나무 텍스트 효과를 만드는 법.

Scroll to top
Read Time: 5 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

이 튜토리얼에서는 일부 텍스처와 여러 가지 3D 재질 및 조명 설정, 조정 레이어를 사용하여 사실적인 칩을 칠한 나무 텍스트 효과를 만드는 방법을 보여줍니다. 시작해 봅시다!

이 텍스트 효과는 Envato Market에서 사용 가능한 여러 레이어 스타일에서 영감을 얻었습니다.

튜토리얼 준비물

이 튜토리얼를 제작하는 동안 다음과 같은 준비물이 사용 되었습니다.

1. 텍스트 만들기

1 단계

새로운 1000 x 750px 문서를 만들고 밝은 회색 색상으로 배경을 채웁니다.

Insaniburger with Cheese 폰트를 사용하여 Black 색상의 텍스트를 만듭니다. 폰트 크기는 3D 장면에서 편집 할 수 있으므로 중요하지 않습니다.

Create the TextCreate the TextCreate the Text

2 단계

Type > Convert to Shape로 이동합니다.

Convert to ShapeConvert to ShapeConvert to Shape

2. 3D 메쉬 만들기

1 단계

3D > New 3D Extrusion from Selected Path로 이동합니다.

Extrude the PathExtrude the PathExtrude the Path

2 단계

3D 메쉬 설정과 속성(Properties)에 액세스하려면 3D 패널과 Properties 패널 (둘 다 Window 메뉴 아래에 있음)의 두 패널을 열어야합니다.

3D 패널에는 3D 장면의 모든 구성 요소가 있으며, 그 중 하나의 이름을 클릭하면 Properties(속성) 패널에서 해당 설정에 액세스 할 수 있습니다. 따라서 속성 패널에서 설정을 변경하기 전에 3D 패널에서 수정할 요소의 탭을 항상 선택해야 합니다.

3D and Properties Panel3D and Properties Panel3D and Properties Panel

3 단계

이동 도구를 선택하면 옵션 막대의 오른쪽에 3D 모드 세트가 나타납니다. 이 중 하나를 선택하면 3D 패널에서 선택한 요소의 변경을 수행하기 위해 클릭하고 끌 수 있습니다.

Move Tool 3D ModesMove Tool 3D ModesMove Tool 3D Modes

3. 3D 메시 설정

1 단계

3D 패널에서 텍스트 메시 탭을 선택한 다음 속성 패널에서 텍스처 맵핑을 Tile로, Extrusion Depth(돌출 깊이)35로 변경합니다.

Mesh SettingsMesh SettingsMesh Settings

2 단계

속성 패널의 위쪽에있는 Cap 아이콘을 클릭 한 다음 Bevel Width1로 변경하고 Contour를 Half Round로 변경합니다.

Cap SettingsCap SettingsCap Settings

4. 전면 재질 설정

1 단계

3D 패널에서 Front Inflation Material 탭을 클릭 한 다음 속성 패널에서 Diffuse texture 아이콘을 클릭하고 Replace Texture를 선택합니다.

PlywoodPainted0057 - Image 2 이미지를 가져옵니다.

Replace Front Diffuse TextureReplace Front Diffuse TextureReplace Front Diffuse Texture

2 단계

Diffuse 텍스처 아이콘을 다시 클릭하고 Edit UV Properties을 선택하세요.

Edit UV PropertiesEdit UV PropertiesEdit UV Properties

3 단계

다음으로해야 할 일은 원하는 결과를 얻을 때까지 Tile 및 Offset 값을 조정하는 것입니다.

타일 ​​값은 텍스처의 늘어남을 조정하는 데 도움이 되지만, 오프셋 값은 도색되지 않은 나무가 텍스트 아래에만 표시되도록 배치하는 데 도움이됩니다.

UV Properties ValuesUV Properties ValuesUV Properties Values

4 단계

Bump 값을 15로 변경하고 폴더 아이콘을 클릭하고 목록에서 front material texture의 이름을 선택합니다.

이렇게하면 Bump에 동일한 Diffuse texture가 적용됩니다. Diffuse와 일치하도록 UV Properties를 편집하세요.

Bump TextureBump TextureBump Texture

5. 돌출 및 Bevel Material 설정

같은 단계에 따라 PlywoodPainted0057 - Image 1 텍스처를 Front BevelExtrusion Materials에 적용합니다.

여기에서 UV Properties에 대해 걱정할 필요가 없습니다. 왜냐하면 우리는 돌출을 나눠서 나중에 그 값을 수정하기 때문입니다.

Front Bevel and Extrusion MaterialsFront Bevel and Extrusion MaterialsFront Bevel and Extrusion Materials

6. 텍스트 분할 및 재배치

1 단계

텍스트 메시 탭을 선택한 다음 속성 패널의 위쪽에있는 좌표(Coordinates) 아이콘을 클릭하고 X 회전 각도90으로 변경합니다.

X Rotation AngleX Rotation AngleX Rotation Angle

2 단계

3D > Move Object to Ground Plane으로 이동합니다.

Move Object to Ground PlaneMove Object to Ground PlaneMove Object to Ground Plane

3 단계

텍스트 메시가 선택된 상태에서 3D > Split Extrusion로 이동하세요.

이것은 가지고 있는 글자들을 분리할 것이므로 각각의 글자들을 독립적으로 사용할 수 있습니다.

Split ExtrusionSplit ExtrusionSplit Extrusion

4 단계

이동 도구를 선택하고 3D 축을 사용하여 원하는대로 문자를 이동하십시오.

축 끝의 화살표는 메쉬를 이동하고 그 아래의 부분은 회전에 사용되며 큐브는 크기 조정에 사용됩니다. 가운데에있는 cube는 물체를 균일하게 스케일하는데 사용됩니다. 원하는 부분을 클릭하고 드래그하면됩니다.

Move the LettersMove the LettersMove the Letters

5 단계

이동 도구의 ​​3D 모드를 사용하여 카메라보기를 변경 한 다음 각 문자에 대해 Front Bevel 및 Extrusion MaterialsUV 특성을 조정합니다.

Adjust the UV PropertiesAdjust the UV PropertiesAdjust the UV Properties

7. 지면 만들기

1 단계

Rectangle Tool을 선택하고 문서의 가장자리를 벗어나는 사각형을 만듭니다.

Rectangle 레이어의 이름을 Ground Plane으로 변경합니다.

Create the Ground Plane RectangleCreate the Ground Plane RectangleCreate the Ground Plane Rectangle

2 단계

3D > New 3D Extrusion from Selected Path로 이동하여 Extrusion Depth1로 변경합니다.

Extrusion DepthExtrusion DepthExtrusion Depth

3 단계

Coordinates(좌표) 아이콘을 클릭하고 X 회전 각도90으로 변경하세요.

X Rotation AngleX Rotation AngleX Rotation Angle

4 단계

Current View(현재보기) 탭을 클릭하고 보기 메뉴에서 텍스트의 3D 레이어 이름을 선택하십시오.

Change the Current ViewChange the Current ViewChange the Current View

8. 3D 레이어 병합 및 지면의 평면 텍스처

1 단계

가지고있는 3D 레이어를 모두 선택하고 3D > Merge 3D Layers로 이동하세요.

Merge 3D LayersMerge 3D LayersMerge 3D Layers

2 단계

Ground Plane 메쉬를 장면의 맨 위에 놓고 텍스트가 가운데에 오도록 움직입니다.

Move the Ground PlaneMove the Ground PlaneMove the Ground Plane

3 단계

카메라보기를 주변의 빈 공간없이 그라운드 평면 만 보여주는 보기로 변경하십시오.

이 작업을 마친 후에는 섹션 4에서 이전에 사용한 것과 동일한 텍스처 처리 단계를 사용하여 WoodPlanksBare0050 - Image 2 텍스처를 Ground Plane Front Inflation Material에 적용하세요.

이 텍스처는 타일이 가능하지 않으므로 가장자리를 표시하기 어렵다면 원하는 타일링 가능한 텍스처로 바꿀 수 있습니다.

Texture the Ground PlaneTexture the Ground PlaneTexture the Ground Plane

9. 인피니트 라이트 조정

1 단계

Infinite Light 1 탭을 클릭하고 Intensity100으로, Shadow Softness30으로 변경하세요.

Infinite Light 1 SettingsInfinite Light 1 SettingsInfinite Light 1 Settings

2 단계

이동 도구를 사용하여 아래 그림과 같이 인피니트 라이트를 이동하거나 좌표 값을 사용할 수 있습니다.

Move Infinite Light 1Move Infinite Light 1Move Infinite Light 1

10. 스포트 라이트 추가 및 조정

1 단계

3D 패널의 아래쪽에있는 Add new Light to Scene 아이콘을 클릭하고 New Spot Light를 선택하세요.

Add New Spot LightAdd New Spot LightAdd New Spot Light

2 단계

Intensity35로 변경하고 Shadows 상자를 선택 취소하고 Cone 값을 93.9로 변경하고 Hotspot47로 변경합니다. Light Falloff 상자에 체크를 확인하고 Outer 값을 3800으로 변경하고 Inner666으로 변경합니다.

Spot Light SettingsSpot Light SettingsSpot Light Settings

3 단계

다음으로 아래 그림과 같이 스포트 라이트를 움직입니다.

Move the Spot LightMove the Spot LightMove the Spot Light

4 단계

좌표 값을 사용하여 항상 조명을 배치 할 수 있습니다.

Spot Light CoordinatesSpot Light CoordinatesSpot Light Coordinates

11. 환경 표시 등 조정

1 단계

3D 패널에서 Environment 탭을 클릭 한 다음 IBL 텍스처 아이콘을 클릭하고 Replace Texture를 선택하십시오. 그런다음 Living room and dining room이미지를 로드하세요.

Environment Light TextureEnvironment Light TextureEnvironment Light Texture

2 단계

Intensity20%로, Shadow Opacity30%로 변경하세요.

Environment Light SettingsEnvironment Light SettingsEnvironment Light Settings

3 단계

이동 도구를 사용하여 원하는 결과를 얻을 때까지 라이트 텍스처를 이동할 수 있습니다.

Move the Environment LightMove the Environment LightMove the Environment Light

12. 장면 렌더링하기

원하는대로 변경 한 다음 3D > Render로 이동하세요.

렌더링에 시간이 걸릴 수 있지만 Esc 키를 눌러 언제든지 중지 할 수 있습니다.

Render the SceneRender the SceneRender the Scene

13. 조정 레이어 추가

1 단계

레이어 패널의 아래쪽에있는 Create new fill or adjustment layer 아이콘을 클릭하고 Brightness/Contrast를 선택합니다.

BrightnessContrastBrightnessContrastBrightnessContrast

2 단계

Contrast35로 변경합니다.

BrightnessContrast ValuesBrightnessContrast ValuesBrightnessContrast Values

3 단계

Curves 조정 레이어를 추가 한 다음 각 채널에 대해 표시된 곡선 모양을 만듭니다.

Red:

Curves - Red ChannelCurves - Red ChannelCurves - Red Channel

Green:

Curves - Green ChannelCurves - Green ChannelCurves - Green Channel

Blue:

Curves - Blue ChannelCurves - Blue ChannelCurves - Blue Channel

4 단계

Levels 조정 레이어를 추가하고 Shadow 입력 값을 19로 변경하고 Gamma값을 0.85로 변경하세요.

Levels SettingsLevels SettingsLevels Settings

14. 하이 패스 필터 적용

1 단계

Levels 레이어를 선택한 상태에서 Option-Command-Shift-E 키를 눌러 스탬프 레이어를 만듭니다.

레이어의 이름을 High Pass로 변경하고, Filter > Convert for Smart Filters로 이동합니다.

Create the High Pass LayerCreate the High Pass LayerCreate the High Pass Layer

2 단계

Filter > Other > High Pass로 이동해 Radius(반경)10으로 사용합니다.

High Pass FilterHigh Pass FilterHigh Pass Filter

3 단계

High Pass 레이어의 Blend Mode를 Soft LightOpacity(불투명도)35%로 변경하세요.

High Pass Layer PropertiesHigh Pass Layer PropertiesHigh Pass Layer Properties

15. 그런지 텍스처 추가하기

1 단계

Use This 160을 모든 레이어 위에 놓고 레이어의 이름을 Texture로 바꾸고 Edit > Transform > Rotate 90° Counter Clockwise으로 이동하세요.

Texture 레이어의 Blend ModeSoft LightOpacity30%으로 변경하세요.

Add the Grunge TextureAdd the Grunge TextureAdd the Grunge Texture

2 단계

Hue/Saturation 조정 레이어를 추가하고 텍스처 레이어에 클립한 다음 Saturation(채도) 값을 -50으로 변경합니다.

HueSaturationHueSaturationHueSaturation

축하합니다! 끝났습니다!

이 튜토리얼에서는 간단한 텍스트를 만들어 3D 메쉬로 변환하고 설정을 조정했습니다. 그 후, 우리는 재료를 만들고, 압출을 분할하고, 텍스트 위치를 재조정하고, 평면을 추가했습니다.

다음으로 조명과 카메라 뷰를 작업하고 장면을 렌더링했습니다. 마지막으로 조명을 향상시키는 두 가지 조정 레이어와 모든 것을 마무리하는 그런지 텍스처를 추가했습니다.

의견, 제안 및 결과를 아래에 남겨 주세요.

End ResultEnd ResultEnd Result
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads