포토샵으로 하나의 레이어로 된 레트로 텍스트 효과 만들기
Korean (한국어) translation by Ohju Lim (you can also view the original English article)



최근 포토샵이 업데이트 되면서 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%로 조절합니다.



축하합니다! 완성하였습니다.
이번 튜토리얼에서는, 간단한 패턴을 적용한 그라데이션 배경을 만들었습니다.
그 다음, 행간과 자간을 조절한 텍스트 레이어를 만들었고요.
그 후, 레트로 스타일의 효과를 만들기 위해 새 레이어 스타일 기능을 통하여 레이어 효과를 사용하였습니다.
마지막으로는 지저분한 스타일의 텍스쳐를 추가하여 완성했습니다.
자유롭게 댓글과 의견 남겨주시고 결과물도 공유해주세요.
Unlimited Downloads.
