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

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

튜토리얼 준비물

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

• Intro Inline Regular 폰트
• 지저분한 종이 질감 v.5 by bashcorpo
• 30가지 단순한 패턴들 by mslooten

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 인스턴스 옆에 있는 + 아이콘을 눌러줍니다.

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

• Angle: 130
• Distance: 38

자 보세요! 똑같이 만들어졌죠? 하나의 텍스트 레이어와 하나의 레이어 스타일로 만든, 약간 복잡한 레트로 스타일의 텍스트 효과입니다.

레이어를 보시면 지금까지 추가한 모든 인스턴스 효과를 확인할 수 있을 것입니다.

8. 그 밖에 새 옵션들

1 단계

+ 아이콘뿐 아니라 Layer Style 창 좌측 하단에 새 아이콘 세트가 있음을 확인할 수 있습니다. 왼쪽에 있는 첫번째 아이콘은 fx 아이콘입니다.

fx 아이콘을 클릭하면 메뉴가 하나 나오는데, 몇 가지 옵션들과 함께 전체 레이어 효과들을 보여줍니다. 여기서 레이어 효과를 클릭하여 새 인스턴스를 추가할 수도 있습니다.

2 단계

Delete Hidden Effects 옵션을 클릭하면 사용하지 않은 효과나 비활성화된 인스턴스들이 모두 제거됩니다. fx 메뉴에서 효과 이름을 클릭하면 지워지거나 숨겨졌던 메뉴들을 언제든지 다시 불러올 수 있습니다.

3 단계

Show All Effects 옵션을 클릭하면, 효과들의 사용유무와는 관계없이 모든 효과들을 볼 수 있습니다.

4 단계

Reset to Default List 옵션을 사용하면 어떤 효과 인스턴스를 추가했던지 간에 모든 효과들을 기본설정 상태로 되돌려버립니다.

5 단계

Move effect up, Move effect down 아이콘을 사용하여 효과 인스턴스의 순서를 변경할 수 있고, Delete effect 아이콘을 통해 선택한 효과나 인스턴스를 제거할 수 있습니다.

9. 텍스쳐 추가하기

레이어 스타일을 완성하고 나서, 지저분한 종이 질감 v.5 이미지를 텍스트 레이어 위에 얹습니다. 필요한만큼 크기를 조절하고 원하시는대로 놓아줍니다.

그리고나서, 레이어의 Blend Mode를 Linear Burn으로 바꿔준 후 투명도를 50%로 조절합니다.

축하합니다! 완성하였습니다.

이번 튜토리얼에서는, 간단한 패턴을 적용한 그라데이션 배경을 만들었습니다.

그 다음, 행간과 자간을 조절한 텍스트 레이어를 만들었고요.

그 후, 레트로 스타일의 효과를 만들기 위해 새 레이어 스타일 기능을 통하여 레이어 효과를 사용하였습니다.

마지막으로는 지저분한 스타일의 텍스쳐를 추가하여 완성했습니다.

자유롭게 댓글과 의견 남겨주시고 결과물도 공유해주세요.