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

어도비 포토샵에서 그런지 레트로 텍스트 효과 만드는 방법

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Retro Text Effect Tutorials.
How to Create a Retro Chrome Text Effect in Adobe Illustrator
How to Create a Retro 'Saved by the Bell' Inspired Text Effect in Adobe Photoshop

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

Final product image
What You'll Be Creating

이 튜토리얼은 레이어 스타일, 노이즈와 그런지 텍스처 및 조정 레이어를 사용하여 빈티지한 하프톤 레트로 텍스트 효과를 만드는 방법을 보여줍니다. 시작할까요!

이 텍스트 효과는 GraphicRiver에서 사용할 수 있는 많은 Layer Styles에서 영감을 받았습니다.

튜토리얼 준비물

아래 항목들이 이번 튜토리얼에 사용된 것들입니다 :

1. 패턴 레이어를 만드는 방법

1 단계

512 x 512 px크기의 새로운WhiteBackground 문서를 만듭니다. Background레이어를 복제하고, 복사본에 오른쪽 마우스를 클릭 Convert to Smart Object를 선택합니다.

Create the Pattern Layer

2 단계

Foreground와 Background Colors를 Black and White로 세팅하고 Filter > Render > Clouds로 이동합니다.

Render Clouds

2. 그런지 하프톤 패턴을 생성하는 방법

1 단계

 Filter > Filter Gallery > Texture > Grain로 이동하여 아래와 같이 세팅합니다.

  • Intensity: 60
  • Contrast: 0
  • Grain Type: Sprinkles
Grain Filter

2 단계

다른 필터를 추가하려면 Filter Gallery window 창 하단에 있는 New effect layer 아이콘을 클릭!

Sketch > Halftone Pattern 으로 이동해 아래와 같이 세팅해주세요.

  • Size: 2
  • Contrast: 6
  • Pattern Type: Dot
Halftone Pattern Filter

3 단계

새 이펙트 레이어를 추가해주시고, Sketch > Graphic Pen으로 이동해 아래와 같이 세팅합니다.

  • Stroke Length: 15
  • Light/Dark Balance: 50
  • Stroke Direction: Right Diagonal

완료되면 OK를 클릭해 주세요.

Graphic Pen Filter

4 단계

Edit > Define Pattern 으로 이동해 이름을 Front Pattern 으로 입력하세요.

Define Pattern

3. 간단한 패턴 배경 만드는 법

1 단계

새로운 950 x 750 픽셀 문서를 만들고 Layers 패널의 아래쪽에있는 Create new fill or adjustment layer 아이콘을 클릭 한 다음 Solid Color을 선택합니다.

Solid Color Fill Layer

2 단계

Color 를 #a2563b 로 채워줍니다.

Fill Color

3 단계

Solid Color 레이어를 두 번 클릭하고 설정으로 Pattern Overlay 효과를 아래와 같이 적용합니다.

  • Blend Mode: Soft Light
  • Pattern: Dots
Pattern Overlay

기본 배경이 만들어집니다.

Background Pattern

4. 텍스트 레이어 스마트 오브젝트를 만드는 방법

1 단계

Burford 폰트를 사용하여 텍스트를 만듭니다. 색상White, Size는 350 ptTracking-75로 설정합니다.

Create the Text

2 단계

텍스트 레이어의 이름을 Text 로 변경하고, 해당 레이어에 오른쪽 마우스를 클릭한 다음 Convert to Smart Object 을 선택합니다.

Convert to Smart Object

3 단계

Text 레이어를 복제합니다.

Duplicate the Text Layer

5. 압출 레이어 생성 방법

1 단계

Text 레이어를 다시 복사하고, 새 복사본의 이름을 Extrusion 로 변경 한 다음 그룹에 넣고 Extrusion 이라고 이름을 지정합니다.

Create the Extrusion Group

2 단계

Extrusion 레이어를 선택한 상태에서 Command-T 를 눌러 Free Transform Mode 로 들어갑니다. 왼쪽 화살표 키와 아래쪽 화살표 키를 각각 한 번눌러 Extrusion 레이어를 1 px씩 이동 시킵니다.

Return(enter) 키를 눌러 변경 사항을 승인합니다.

Nudge the Extrusion Layer

3 단계

Shift-Command-Option-T를 약 21 번 누르면 동일한 변환으로 21 개의 사본이 작성됩니다.

원하는 압출 크기에 따라 실제로 얼마나 많은 사본을 만들지 결정할 수 있으므로 원하는 만큼의 사본을 자유롭게 만들 수 있습니다.

Create the Extrusion Copies

4 단계

모든 Extrusion 레이어를 선택하고, Layer > Arrange > Reverse로 이동해 레이어 순서를 가져옵니다.

Reverse the Extrusion Layers

5 단계

Front 그룹에는 맨 위 세개의 Extrusion 레이어를 배치하고 Back 그룹에는 맨 아래 세개의 레이어를, Middle 그룹에는나머지 레이어를 배치합니다.

Group the Extrusion Layers

6. 그림자 레이어를 생성 하는 방법

1 단계

마지막 Extrusion 레이어 (Back 그룹 맨 아래 레이어)를 복제하고 복사본의 이름을 Shadow 로 바꿉니다.

Extrusion 그룹에서 Shadow 레이어를 드래그하여 이름이 Shadow인 새 그룹에 배치합니다.

Create the Shadow Group

2 단계

동일한 변환 및 복제 단계를 사용하여 Shadow에 대한 몇 개의 복사 레이어를 만듭니다. 이번에는 Shadow 레이어를 오른쪽으로 1px, 아래로 1px 씩 이동합니다.

Create the Shadow Layers

3 단계

복사본 만들기가 완료되면 Shadow 레이어의 순서를 반대로 해야합니다.

Reverse the Layer Order

4 단계

Text 및 Text copy 레이어를 Text group에 배치합니다.

Text Group

7. 프론트 텍스트 레이어의 스타일을 지정하는 방법

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

1 단계

아래 설정으로 Stroke를 추가해주세요.

  • Size: 3
  • Position: Inside
  • Color: #fbe8d2
Stroke

2 단계

아래와 같이 Inner Shadow를 추가해 주세요.

  • Blend Mode: Linear Burn
  • Color: #515151
  • Opacity: 50%
  • Distance: 6
  • Choke: 50
  • Size: 5
Inner Shadow

3 단계

아래와 같이 Color Overlay를 추가해 주세요.

  • Color: #f5edea
  • Blend Mode: Darker Color
  • Opacity: 50%
Color Overlay

4 단계

아래와 같이 Pattern Overlay를 추가해 주세요.

  • Blend Mode: Color Burn
  • Pattern: Sawtooth
  • Scale: 50%
Pattern Overlay

5 단계

Text copy 레이어의 Fill 값을 0으로 변경하세요.

Change the Fill Value

6 단계

원본 Text 레이어를 더블 클릭하여 아래 설정으로 Pattern Overlay 효과를 적용합니다.

  • Opacity: 95%
  • Pattern: Front Pattern
  • Scale: 50%
Pattern Overlay

이렇게하면 텍스트의 앞 부분에 스타일이 적용됩니다.

Styled Text Front

8. 압출 스타일 지정 방법

1 단계

Front 그룹을 더블 클릭하고 Color#3c3b3b로 사용하여Color Overlay 효과를 적용합니다.

Color Overlay

2 단계

Front 레이어를 마우스 오른쪽 버튼으로 클릭하고 Copy Layer Style를 선택한 다음 Back 레이어를 마우스 오른쪽 버튼으로 클릭하고 Paste Layer Style를 선택합니다.

Middle 그룹을 확장하고 그 안의 모든 레이어를 선택, 마우스 오른쪽 버튼을 클릭 한 다음 Paste Layer Style를 다시 선택하세요.

Copy and Paste the Layer Style

3 단계

Middle 그룹을 더블 클릭하여 아래 설정으로 Pattern Overlay 를 적용합니다.

  • Blend Mode: Divide
  • Opacity: 35%
  • Pattern: Diagonal line medium
Pattern Overlay

돌출이 스타일 지정됩니다.

Styled Extrusion

9. 그림자 스타일 지정 방법

1 단계

Shadow 그룹을 더블 클릭하여 아래 설정으로 Color Overlay 효과를 적용하세요.

  • Color: #a89a96
  • Blend Mode: Multiply
  • Opacity: 75%
Color Overlay

2 단계

Shadow 그룹의 Fill 값을 0%로 변경하세요.

Change the Fill Value

10. 텍스처 오버레이를 추가하는 법

텍스처를 추가하기 전에 Text, ExtrusionShadow 그룹을 그룹에 가져오고 Text Effect를 불러와 정리하세요.

1 단계

File > Place Linked 로 이동하여 텍스처를 스마트 오브젝트로 추가하는 것이 좋습니다.

먼저 Solid Color 레이어 위에 UNRESTRICTED - Digital Grunge Texture 11 이미지를 추가하고 필요에 따라 크기를 조정하세요.

레이어의 이름을 BG Texture로 변경하고 Blend Mode의 Color Dodge를 Opacity 30%로 변경하세요.

Add the Background Texture Overlay

2 단계

Image > Adjustments > Hue/Saturation로 이동하여 Saturation 값을 -100으로 변경합니다.

이전 버전의 Photoshop을 사용 중이거나 어떤 이유로 스마트 오브젝트 레이어에 직접 조정을 적용 할 수없는 경우 텍스처 레이어를 래스터 화하거나 조정 레이어를 대신 사용할 수 있습니다.

HueSaturation

3 단계

Image > Adjustments > Brightness/Contrast로 이동하세요.

Use Legacy 박스를 클릭하며 Contrast-50으로 조정하세요.

레거시 옵션을 사용하면 흑백 전체의 대비를 조정할 수 있으므로 대비값이 훨씬 떨어집니다.

BrightnessContrast

4 단계

모든 레이어 위에 Film Grain 이미지를 놓고 필요에 따라 크기를 조정합니다.

텍스처의 레이어 이름을 Texture Overlay 1로 변경하고 Blend Mode를 Overlay로 변경하세요.

Texture Overlay 1

5 단계

Image > Adjustments > Levels로 이동해 Gamma값을 0.70 으로변경하세요.

Levels Gamma

6 단계

모든 레이어 위에 UNRESTRICTED - Digital Grunge Texture 16 이미지를 배치하고 필요에 따라 크기를 조정합니다.

텍스처 레이어의 이름을 Texture Overlay 2로 바꾸고 Blend Mode를  Soft Light로, Opacity20%로 변경하세요.

Texture Overlay 2

7 단계

Image > Adjustments > Hue/Saturation로 이동해 Saturation 값을-100으로 변경합니다.

HueSaturation

11. 글로벌 조정 레이어를 추가하는 방법

1 단계

모든 레이어 위에 Gradient 레이어를 추가합니다.

왼쪽에 #6f6f6f, 오른쪽에 #000000의 색을 사용하여Transparent to Fill Color 그라데이션 채우기를 만듭니다.

Style을 Radial로 변경하고 Scale200으로 변경 한 다음 레이어의 Blend Mode를 Overlay으로 변경합니다.

Gradient Fill

2 단계

Brightness/Contrast 레이어를 추가하고, Contrast 25로 변경합니다.

BrightnessContrast

3 단계

Photo Filter 레이어를 추가하고 Color는 #ec9600 을 사용합니다,

Photo Filter

4 단계

Color Balance 레이어를 추가하고 아래와 같이 세팅합니다.

Midtones

  • Cyan/Red: 20
  • Magenta/Green: 12
  • Yellow/Blue: 12
Color Balance

12. 그런지 효과를 만드는 방법

1 단계

Text Effect 그룹을 선택하고 레이어 패널의 아래쪽에있는Add layer mask 아이콘을 클릭하여 Layers 패널에 마스크를 추가합니다.

Add a Layer Mask

2 단계

Paint Bucket Tool를 선택하고 Options 막대에서 Pattern을 선택한 다음 패턴을 채우기를 선택하세요. 15 Light Grunge Seamless Patterns Vol. 3

Text Effect 마스크가 선택되어 있는지 확인하고 클릭하여 패턴으로 채웁니다.

Fill the Mask with Pattern

3 단계

그런지한 효과를 강화하려면 Command-L 키를 눌러 Levels 박스를 가져오고 Shadows 값을 늘려 마스크 안의 패턴 채우기를 어둡게하세요. 그러면 마스크가 지워진 영역이 강화되어 지저분한 효과를 냅니다.

Intensify the Pattern

축하합니다! 잘 해내셨습니다!

이 튜토리얼에서는 두 개의 필터를 사용하여 간단한 하프 톤 패턴을 만들었습니다.

그 다음 텍스트를 작성하여 스마트 오브젝트로 변환 한 다음 복제하여 돌출 및 그림자 레이어를 작성했습니다. 그 후 텍스트, 돌출 및 그림자 레이어와 그룹의 각 스타일을 지정하여 하프 톤 레트로 효과를 얻었습니다.

마지막으로 텍스처 오버레이, 조정 레이어 및 패턴 채우기를 사용하여 효과를 마무리했습니다.

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

Final Result
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.