Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects

Adobe Photoshop에서 레이어 스타일을 사용하여 3D 레트로 텍스트 효과 만들기

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Retro Text Effect Tutorials.
Create a One-Layer Retro Text Effect in Adobe Photoshop
How to Create a Retro Chrome Text Effect in Adobe Photoshop

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

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

이 튜토리얼에서는 레이어 스타일, 스마트 오브젝트 및 Adobe Photoshop의 기타 기본 요소를 사용하여 단순하고 레트로하게 보이는 3D 텍스트 효과를 만드는 방법을 보여줍니다.

튜토리얼 준비물

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

1. 배경 그라데이션 만들기

1 단계

800 x 600px 문서를 만들고 배경 레이어를 복제하세요

Duplicate the Background LayerDuplicate the Background LayerDuplicate the Background Layer

2 단계

배경 복사 레이어를 두 번 클릭하여 다음 값을 사용하여 그라데이션 오버레이 효과를 적용합니다.

  • Dither 박스를 체크
  • Style: Radial
  • Scale: 150%
  • 왼쪽에 # c8c5b8 오른쪽에 #aaa593 색상을 사용하여 그라데이션을 만듭니다.
Gradient OverlayGradient OverlayGradient Overlay

배경 그라데이션이 만들어집니다.

Background GradientBackground GradientBackground Gradient

2. 배경에 미묘한 노이즈 추가

1 단계

스타일이 적용된 배경 복사 레이어를 복제 한 다음 새 복사본에 마우스 오른쪽을 클릭하고 레이어 스타일 래스터 화를 선택합니다.

CS6 또는 이전 버전의 Photoshop을 사용하는 경우 레이어 (레이어> 그룹 레이어)를 그룹화 한 다음 그룹 (레이어> 병합 그룹)을 병합해야합니다.

전경색#c8c5b8로, 배경색#aaa593으로 설정하세요.

Noise LayerNoise LayerNoise Layer

2 단계

필터 > 노이즈 > 노이즈 추가로 이동하여 어마운트5로 변경하고 분포균일하게로 변경하고 단색 상자를 선택하세요.

Add Noise FilterAdd Noise FilterAdd Noise Filter

3 단계

배경 복사 2 레이어의 혼합 모드어둡게 변경하세요. 이렇게하면 배경 그라디언트에 미세한 노이즈가 추가됩니다.

Noise Layer Blend ModeNoise Layer Blend ModeNoise Layer Blend Mode

4 단계

레이어 패널의 아래쪽에있는 새 채우기 또는 조정 레이어 만들기 아이콘을 클릭하고 레벨을 선택합니다.

LevelsLevelsLevels

5 단계

그림자 값을 72로, 감마1.05로, 하이라이트236으로 변경하세요. 이렇게 배경의 색상을 조정합니다.

Levels ValuesLevels ValuesLevels Values

3. 텍스트 및 3D 돌출 생성

1 단계

글꼴 Freshman Normal을 사용하여 모두 대문자로 텍스트를 만듭니다. 크기125pt이고 색상은 #43a0a8, 커닝옵티칼로 설정합니다.

Create the TextCreate the TextCreate the Text

2 단계

텍스트 레이어를 복제하고 그 아래에 복사 레이어를 드래그하세요.

Duplicate the TextDuplicate the TextDuplicate the Text

3 단계

편집 > 자유 변형 (Command-T)으로 이동하여 자유 변형 모드로 들어갑니다. 오른쪽 화살표 키를 한 번 누른 다음 아래쪽 화살표 키를 한 번 눌러 복사 텍스트를 한 픽셀 오른쪽과 한 픽셀 아래로 이동하십시오. 그런 다음 Return 키를 눌러 변경 내용을 적용하세요.

Transform the TextTransform the TextTransform the Text

4 단계

Option + Command-Shift-T (Windows의 경우 Alt-Ctrl-Shift-T)를 10 번 눌러 변형과 함께 레이어를 복제하여 3D 돌출을 작성하세요.

Create the 3D ExtrusionCreate the 3D ExtrusionCreate the 3D Extrusion

4. 3D 돌출 및 그림자를위한 스마트 오브젝트 만들기

1 단계

모든 복사 텍스트 레이어를 선택하고 텍스트 색상을 #c7b299로 변경하세요.

Change Copy Text Layers ColorChange Copy Text Layers ColorChange Copy Text Layers Color

2 단계

모든 복사 텍스트 레이어가 선택된 상태에서 필터 > 스마트 필터 변환으로 이동하세요. 스마트 오브젝트의 레이어 이름을 3D Extrusion으로 변경하고, 복사 한 다음 그 아래로 드래그 한 다음 사본의 이름을 Shadow로 변경합니다.

Creating the Smart ObjectsCreating the Smart ObjectsCreating the Smart Objects

5. 원본 텍스트 레이어 스타일 지정

원본 텍스트 레이어를 두 번 클릭하여 다음 레이어 스타일을 적용합니다.

1 단계

다음 설정으로 스트로크를 추가하세요.

  • Size: 2
  • Position: Inside
  • Color: #f2eee1
StrokeStrokeStroke

2 단계

다음 설정으로 내부 그림자를 추가하세요.

  • Color: #464646
  • Opacity: 100%
  • Use Global Light 박스 체크해제
  • Angle: 129
  • Distance: 5
  • Spread: 50
  • Size: 2
Inner ShadowInner ShadowInner Shadow

3 단계

아래와 같이 패턴 오버레이를 추가하세요

  • Blend Mode: Soft Light
  • Pattern: Fine diagonal lines

실제로 세트의 다른 패턴을 시도해 볼 수도 있습니다. 그 중 일부는 정말 멋지게 보입니다.

Pattern OverlayPattern OverlayPattern Overlay

이렇게하면 주 텍스트 레이어의 스타일이 지정됩니다.

Styled TextStyled TextStyled Text

6. 3D 돌출의 스타일 지정

3D Extrusion 레이어를 두 번 클릭하여 다음 레이어 스타일을 적용합니다.

1 단계

Bevel and Emboss에 다음 설정을 추가하세요.

  • Technique: Chisel Hard
  • Size: 13
  • Use Global Light 박스 체크해제
  • Angle: 82
  • Altitude: 11
  • Anti-aliased 박스 체크
  • Highlight Mode - Opacity: 0%

여기서하고있는 일은 Bevel and Emboss각도고도 값을 변경하여 돌출 각도에 따라 3D 쉐이딩을 생성하는 것입니다.

Bevel and EmbossBevel and EmbossBevel and Emboss

2 단계

다음 설정으로 Contour를 추가하세요 :

  • Anti-aliased 박스 체크
ContourContourContour

3 단계

다음 설정으로 색상 오버레이를 추가하세요.

  • Color: #265559

이것은 압출의 색상을 선택하는 부분이므로 원하는 경우 자유롭게 변경할 수 있습니다.

Color OverlayColor OverlayColor Overlay

두 가지 효과를 사용하여 평면 3D 효과의 환상을 만드는 방법을 알 수 있습니다. 물론 조정이 필요한 모서리의 그림자를 조정하여 얻을 수있는 결과를 더욱 향상시킬 수 있습니다.

Styled 3D ExtrusionStyled 3D ExtrusionStyled 3D Extrusion

원하는 경우 이동 도구를 선택하고 3D 돌출을 약간 위로 움직일 수도 있습니다. 시간이 있다면 마음에 들때까지 작업하세요.

Adjusting the 3D ExtrusionAdjusting the 3D ExtrusionAdjusting the 3D Extrusion

7. 그림자 작업

1 단계

그림자 레이어를 선택한 다음 필터 > 블러 > 모션블러로 이동하세요. 각도-55로 변경하고 거리20으로 변경하십시오. 각도 값은 3D 돌출의 각도와 일치해야합니다.

Motion BlurMotion BlurMotion Blur

2 단계

그림자 레이어의 혼합 모드를 Multiply로 변경 한 다음 이동 도구를 사용하여 그림자를 드래그하고 모양이 마음에들 때까지 이동하세요.

Motion Blur Blend Mode and PositionMotion Blur Blend Mode and PositionMotion Blur Blend Mode and Position

3 단계

레이어 패널의 아래쪽에있는 새 채우기 또는 조정 레이어 만들기 아이콘을 클릭하고 색조 / 채도를 선택합니다.

HueSaturationHueSaturationHueSaturation

4 단계

속성 패널의 아래쪽에있는 레이어에 클립 조정 아이콘을 클릭하고채도 값을 -65로 변경합니다.

Adjust SaturationAdjust SaturationAdjust Saturation

축하드립니다! 잘 해내셨어요!

이 튜토리얼에서는 그라디언트 배경을 만들고 노이즈 추가 필터를 사용하여 미세한 노이즈 효과를 추가했습니다.

그런 다음 텍스트를 생성하고 변형을 사용하여 3D 돌출을 생성 한 다음 복제 레이어를 스마트 오브젝트로 변환하여 그림자 레이어를 만들었습니다.

그 후 텍스트와 3D ​​입체 레이어를 스타일링하여 3D 레트로 효과를 얻었습니다.

마지막으로 모션 블러 필터를 사용하여 그림자를 만들고 레이어의 블렌드 모드와 색상을 조정 한 다음 최종 결과를 얻었습니다.

아래에 의견, 제안 및 결과를 남겨주십시오.

Advertisement
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.