포토샵으로 하나의 레이어로 된 레트로 텍스트 효과 만들기

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

Final product image — What You'll Be Creating

최근 포토샵이 업데이트 되면서 2가지 놀라운 기능이 추가됐는데요, 바로 multiple layer style 과 stroke overprint입니다. 여러분은 이 튜토리얼을 통해, 어떻게 그 기능들이 오직 하나의 레이어만으로 레트로 텍스트 효과를 만들어내는지 알게 될 것입니다. 자 그럼 시작해봅시다!

튜토리얼 준비물

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

1. 배경 만들기

1 단계

950 x 950 px 크기의 새 캔버스를 만듭니다. 그리고 백그라운드 레이어를 두 번 복제합니다. 두번째 복사본의 Fill값을 0으로 변경합니다.

2 단계

Background copy 레이어를 더블클릭하여 Gradient Overlay 효과를 아래와 같이 설정합니다.

Style: Radial
Scale: 150%
그라데이션을 만들기 위해 Gradient 상자를 클릭하여, 왼쪽에 #ede6cf 컬러를, 오른쪽에 #e1c194 컬러를 채우세요.

이게 메인 그라데이션 컬러입니다.

3 단계

Background copy 2 레이어를 더블클릭하여 Pattern Overlay 효과를 아래와 같이 적용합니다.

Blend Mode: Soft Light
Pattern: Sawtooth

이것으로 그라데이션에 미묘한 쉐브론 패턴을 추가할 것입니다.

2. 텍스트 만들기

1 단계

Intro Inline Regular 폰트로 200pt 사이즈의 텍스트를 만듭니다. 나중에 Color Overlay 효과로 색을 입힐 것이므로 일단 아무 색이나 써도 좋습니다.

텍스트를 여러 줄로 할 것이라면 Character 패널을 열고(Window > Character) 행간을 190 pt로 바꿔줍니다.

2 단계

글자 사이를 균등한 간격으로 배치하려면, 여백을 넣을 두 글자 사이에 커서를 위치 시키고 적절한 자간 값을 입력해 줍니다.

여기에 사용된 값은:

W/O, O/N: -50
D/E, E/R: 100
F/U, U/L: 150

3. Stroke를 추가한 후 Stroke Overprint를 사용하세요.

텍스트 레이어를 더블클릭하여 아래 레이어 스타일을 적용해 줍니다.

1 단계

아래 설정에 따라 Stroke를 추가합니다.

Size: 3
Position: Inside
Opacity: 48%
Color: #fffaf3
Overprint 체크박스를 켭니다.

2 단계

Overprint 옵션은 Stroke 효과에서 새로 개선된 것입니다.

Overprint는 반투명의 inner stroke (Opacity 값이 100% 미만)를 통해 해당 stroke가 적용된 도형이나 텍스트에 색상 혼합을 할 수 있도록 해줍니다.

3 단계

Overprint 옵션이 체크해제 된 상태에서는, 그 도형이나 텍스트의 색이 투명처리로 빠져나가게 되므로, 반투명 stroke 영역 아래의 배경이 그대로 드러나게 됩니다.

4. Multiple Layer Effect 추가하기

1 단계

몇 가지 이펙트들에는 우측에 조그만 + 아이콘이 붙어있습니다.(Stroke, Inner Shadow, Color Overlay, Gradient Overlay and Drop Shadow effects).

그 + 아이콘을 누르면, 이펙트 레이어 당 최대 10개의 인스턴스까지 추가할 수 있습니다.

그래서 Stroke 효과 옆에 + 아이콘을 누르면, 또다른 Stroke 레이어가 바로 아래에 생기는 것을 확인할 수 있습니다. 똑같은 설정이 적용된 값으로 말이죠.

2 단계

두번째 Stroke 효과 인스턴스를 선택하고 아래 설정대로 입력하세요.

Position: Outside
Opacity: 100%
Color: #ffffff

추가로 분리된 레이어나 새 레이어스타일을 사용하지 않고도, 또다른 Stroke 효과를 이렇게 추가할 수 있다는걸 알 수 있을거에요.

5. Inner Shadows 추가하기

1 단계

아래와 같은 설정으로 Inner Shadow를 추가합니다.

Color: #ab6b18
Opacity: 80%
Distance: 8
Size: 5

2 단계

아래 설정으로 또다른 Inner Shadow 인스턴스를 추가합니다.

Color: #d9953d
Use Global Light 체크박스를 해제합니다.
Angle: 63
Distance: 11

이것은 같은 레이어 스타일을 사용하면서도 다른 각도 값을 사용하는 inner shadows를 추가할 수 있도록 해줍니다.

6. Inner Glow와 Color Overlay Effects 추가하기.

1 단계

Inner Glow를 아래 설정대로 추가합니다.

Blend Mode: Color Burn
Opacity: 100%
Noise: 100%
Color: #e7dabc
Source: Center
Size: 35

2 단계

아래 설정으로 Color Overlay를 추가합니다.

Color: #d09c2d

7. Drop Shadows 추가하기.

1 단계

다음과 같은 설정으로 Drop Shadow를 추가합니다.

Color: #394485
Opacity: 100%
Distance: 8
Spread: 100
Size: 4

2 단계

아래 보이시는 설정으로 또다른 Drop Shadow 인스턴스를 추가합니다.

Color: #4e85c2
Use Global Light 체크박스를 해제합니다.
Angle: 119
Distance: 17

3 단계

세번째 Drop Shadow 인스턴스를 아래와 같은 설정으로 추가합니다.

Color: #2d6db5
Opacity: 61%
Angle: 121
Distance: 26

4 단계

네번째 Drop Shadow 인스턴스를 아래와 같은 설정으로 추가합니다.

Color: #c1a89a
Opacity: 35%
Angle: 41
Distance: 13
Spread: 47
Size: 9

5 단계

다섯번째 Drop Shadow 인스턴스를 아래와 같은 설정으로 추가합니다. 이번에 추가할 인스턴스의 경우 네번째 추가했던 인스턴스와 매우 비슷하므로 아무 Drop Shadow의 + 아이콘을 누르지말고, 네번째 Drop Shadow 인스턴스 옆에 있는 + 아이콘을 눌러줍니다.

다섯번째 인스턴스는 네번째 인스턴스와 완전히 동일한 설정으로 그 아래에 만들어질 것입니다. 그리고 다음 내용만 바꿔줍니다.