1. Design & Illustration
  2. Graphic Design
  3. 3D Design

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

Scroll to top

Korean (한국어) translation by h1ghqlty. (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