어도비 포토샵에서 3D 골든 시네마틱 텍스트 액션을 만드는 방법

액션은 어도비 포토샵에서 강력한 도구이며 작업을 위해 포토샵을 사용하는 사람들은 매일 사용합니다. 그들은 당신의 워크 플로우에서 거대한 시간 절약도구 일 수 있습니다.

이 튜토리얼에서는 다양한 크기의 모든 글꼴에서 작동하는 3D 골든 시네마틱 텍스트 효과에 대한 액션을 만드는 방법을 배웁니다. 이 동작은 3D Cinematic Text Generator - 액션 팩의 일부입니다.

시작하기 전에

작업이 완료되면 작업을 수행하면 시간이 절약되지만 세부 정보와 단계의 순서에 주의해야 합니다. 액션을 녹음하기 시작할 때 거의 모든 마우스 클릭이나 키보드 히트가 각각의 액션에 저장된다는 점에 유의하십시오.

액션 월드를 처음 접하는 분이라면 포토샵 액션 작업의 기초를 다루는 Melody Nieves의 멋진 기사를 읽거나 Kirk Nelson의 어도비 포토샵에서 나만의 작업 만들기 강의에서 더 많은 것을 배울 수 있습니다.

튜토리얼 준비물

두 준비물 파일 모두 최종 이미지를 얻는 데 도움이되지만 작업을 생성하는 데는 필요하지 않습니다.

• Trajan Pro 3 font
• Cinematic Background image

1. 액션 레코드 준비하기

작업을 녹음하기 전에 몇 가지 예제 텍스트를 준비해야합니다. 이 튜토리얼에서는 테마 배경을 추가합니다.

1 단계

준비물에서 Cinematic Background Image를 열어 시작하십시오. 이미지의 크기는 900 x 600 픽셀이며 문서 배경이 됩니다.

2 단계

타이프 도구를 선택하고 Trajan Pro 3 글꼴 (Adobe Photoshop 글꼴의 일부 여야하며 그렇지 않으면 자산에서 다운로드해야 함)을 선택하고 글꼴 크기를 약 170pt로 설정 한 다음 GLADIUS를 모두 대문자로 씁니다. 문자의 색상은 중요하지 않습니다.

3 단계

뒤틀린 텍스트 만들기 버튼을 클릭 하십시오. Style: Arc, Horizontal 체크, Bend:6% 로 세팅합니다.

2. 액션 레코드 시작하기

녹음을 시작하기 전에 레이어 패널에 맨 위 레이어 인 GLADIUS와 맨 아래 레이어 배경이 두 개 있는지 확인하십시오.

1 단계

키보드에서 Alt-F9를 눌러 액션 패널을 열거 나 Window> Actions 메뉴로 이동하여 열 수 있습니다.

2 단계

GLADIUS 레이어를 선택하고 액션 패널에서 Create new set 버튼을 클릭하고 Name : Cinematic Tutorial으로 설정합니다. 그런 다음 Create new action을 클릭하고 Name : 3D Gold를 설정하고 Record를 누릅니다. 녹음 시작 버튼이 이제 빨간색으로 표시됩니다.

중요! 지금부터 이 순서대로 모든 단계를 따르고 추가 마우스 클릭이나 키보드 히트는 없습니다.

3. 레이어 만들기 및 변환

1 단계

레이어 패널에서 Layer visibility(레이어 가시성) 아이콘을 클릭하여 현재 선택한 GLADIUS 레이어를 숨 깁니다.

2 단계

GLADIUS 레이어를 오른쪽 클릭하고 As : c1 메뉴에서 Duplicate Layer를 선택하십시오.

3 단계

레이어 가시성 단추를 클릭하여 현재 선택된 c1 레이어를 표시 한 다음 레이어를 마우스 오른쪽 단추로 클릭하고 스마트 오브젝트로 변환을 선택합니다.

이러한 첫 번째 단계는 원본 텍스트 레이어를 숨기고 복제하며 작업은 복제본에 적용되므로 원본 레이어는 그대로 유지됩니다. 작업 계층을 스마트 개체로 변환하면 해당 작업에 비파괴 적으로 효과를 추가 할 수 있습니다.

4 단계

다음 순서로 레이어 복제 :

• c1 레이어를 마우스 오른쪽 버튼으로 클릭하고 메뉴에서 복제 레이어를 선택합니다. b1
• b1 레이어를 마우스 오른쪽 버튼으로 클릭하고 메뉴에서 복제 레이어를 선택합니다. b2
• b2 레이어를 마우스 오른쪽 버튼으로 클릭하고 메뉴에서 복제 레이어를 선택합니다. b3
• b3 레이어를 마우스 오른쪽 버튼으로 클릭하고 메뉴에서 복제 레이어를 선택합니다. b4
• b4 레이어를 마우스 오른쪽 버튼으로 클릭하고 메뉴에서 복제 레이어를 선택합니다. b5
• b5 레이어를 마우스 오른쪽 버튼으로 클릭하고 메뉴에서 복제 레이어를 선택합니다. a2

5 단계

레이어 b2를 선택하고 편집 > 자유 변형 (또는 Control-T) 메뉴로 이동하고 가로 세로 비율 유지(maintain aspect ratio) 버튼을 선택 취소하고 수평 스케일을 W:99.5%를 설정하고 세로 위치 Y의 합계 값에 1px을 추가합니다. 예를 들어 값이 Y:287.55픽셀 인 경우 288.55픽셀로 변경합니다. 마지막으로 Enter 키를 눌러 변경 사항을 적용하십시오.

6 단계

레이어 b3을 선택하고 편집 > 자유 변환 메뉴로 이동하여 가로 세로 비율 유지 버튼을 선택 취소하고 수평 스케일을 W:99%를 설정하고 세로 위치 Y:의 총 값에 2px을 추가합니다. 마지막으로 Enter 키를 눌러 변경 사항을 적용하십시오.

7 단계

레이어 b4를 선택하고 편집 > 자유 변환 메뉴로 이동하여 가로 세로 비율 유지 버튼을 선택 취소하고 수평 스케일을 W:98.5%로 설정하고 세로 위치 Y:의 총 값에 3px을 추가합니다. 마지막으로 Enter 키를 눌러 변경 사항을 적용하십시오.

8 단계

레이어 b5를 선택하고 편집 > 자유 변환 메뉴로 이동하여 가로 세로 비율 유지 버튼을 선택 취소하고 수평 스케일을 W:98%를 설정하고 세로 위치 Y:의 총 값에 4px을 추가합니다. 마지막으로 Enter 키를 눌러 변경 사항을 적용하십시오.

9 단계

레이어 c1을 선택하고 편집 > 자유 변환으로 이동하여 가로 세로 비율 유지(Create Aspect Ratio) 버튼을 선택 취소하고 수평 스케일을 W:98%로 설정하고 세로 위치 Y:의 총 값에 4px를 추가합니다. 마지막으로 Enter 키를 눌러 변경 사항을 적용하십시오.

10 단계

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

다음 설정을 사용하여 모든 색상의 획(Stroke)을 추가하십시오.

• Size: 5 px
• Position: Outside

OK를 클릭하여 모든 변경 사항을 적용한 다음 레이어를 마우스 오른쪽 단추로 클릭하고 스마트 오브젝트로 변환을 선택합니다.

11 단계

다음 순서로 레이어 복제 :

• c1 레이어를 마우스 오른쪽 버튼으로 클릭하고 다음과 같이 메뉴에서 복제 레이어를 선택합니다. c2.
• c2 레이어를 마우스 오른쪽 버튼으로 클릭하고 다음과 같이 메뉴에서 복제 레이어를 선택합니다. c3.
• c3 레이어를 마우스 오른쪽 버튼으로 클릭하고 다음과 같이 메뉴에서 복제 레이어를 선택합니다. c4.
• c4 레이어를 마우스 오른쪽 버튼으로 클릭하고 다음과 같이 메뉴에서 복제 레이어를 선택합니다. c5.
• c5 레이어를 마우스 오른쪽 버튼으로 클릭하고 다음과 같이 메뉴에서 복제 레이어를 선택합니다. c6.
• c6 레이어를 마우스 오른쪽 버튼으로 클릭하고 다음과 같이 메뉴에서 복제 레이어를 선택합니다. c7.
• c7 레이어를 마우스 오른쪽 버튼으로 클릭하고 다음과 같이 메뉴에서 복제 레이어를 선택합니다. c8.
• c8 레이어를 마우스 오른쪽 버튼으로 클릭하고 다음과 같이 메뉴에서 복제 레이어를 선택합니다. c9.
• c9 레이어를 마우스 오른쪽 버튼으로 클릭하고 다음과 같이 메뉴에서 복제 레이어를 선택합니다. c10.

12 단계

c2 레이어를 선택하고 편집 > 자유 변환 메뉴로 이동하여 가로 세로 비율 유지 버튼을 선택 취소하고 수평 비율 W:99.5%를 설정하고 세로 위치 Y의 총 값에 1px를 추가합니다. 마지막으로 Enter 키를 눌러 변경 사항을 적용하십시오.

13 단계

c3 레이어를 선택하고 편집 > 자유 변환 메뉴로 이동하여 가로 세로 비율 유지 버튼을 선택 취소하고 수평 비율을 W:99%로 설정하고 세로 위치 Y의 총 값에 2px을 추가합니다. 마지막으로 Enter 키를 눌러 변경 사항을 적용하십시오.

14 단계

c4 레이어를 선택하고 편집 > 자유 변환 메뉴로 이동하여 가로 세로 비율 유지 버튼을 선택 취소하고 수평 비율을 W:98.5%로 설정하고 세로 위치 Y의 총 값에 3px을 추가합니다. 마지막으로 Enter 키를 눌러 변경 사항을 적용하십시오.

15 단계 

c5 레이어를 선택하고 편집 > 자유 변환 메뉴로 이동하여 가로 세로 비율 유지 버튼을 선택 취소하고 수평 비율을 W:98%로 설정하고 세로 위치 Y의 총 값에 4px을 추가합니다. 마지막으로 Enter 키를 눌러 변경 사항을 적용하십시오.

16 단계

c6 레이어를 선택하고 편집 > 자유 변환 메뉴로 이동하여 가로 세로 비율 유지 버튼을 선택 취소하고 수평 비율을 W:97.5%로 설정하고 세로 위치 Y의 총 값에 5px을 추가합니다. 마지막으로 Enter 키를 눌러 변경 사항을 적용하십시오.

17 단계 

c7 레이어를 선택하고 편집 > 자유 변환 메뉴로 이동하여 가로 세로 비율 유지 버튼을 선택 취소하고 수평 비율을 W:97%로 설정하고 세로 위치 Y의 총 값에 6px을 추가합니다. 마지막으로 Enter 키를 눌러 변경 사항을 적용하십시오.

18 단계

c8 레이어를 선택하고 편집 > 자유 변환 메뉴로 이동하여 가로 세로 비율 유지 버튼을 선택 취소하고 수평 비율을 W:96.5%로 설정하고 세로 위치 Y의 총 값에 7px을 추가합니다. 마지막으로 Enter 키를 눌러 변경 사항을 적용하십시오.

19 단계

c9 레이어를 선택하고 편집 > 자유 변환 메뉴로 이동하여 가로 세로 비율 유지 버튼을 선택 취소하고 수평 비율을 W:96%로 설정하고 세로 위치 Y의 총 값에 8px을 추가합니다. 마지막으로 Enter 키를 눌러 변경 사항을 적용하십시오.

20 단계

c10 레이어를 선택하고 편집 > 자유 변환 메뉴로 이동하여 가로 세로 비율 유지 버튼을 선택 취소하고 수평 비율을 W:95.5%로 설정하고 세로 위치 Y의 총 값에 9px을 추가합니다. 마지막으로 Enter 키를 눌러 변경 사항을 적용하십시오.

21 단계

레이어 c2를 선택하고 Shift 키를 누른 상태에서 레이어 c10을 클릭하여 사이의 모든 레이어를 선택합니다. 이 레이어 중 하나를 마우스 오른쪽 버튼으로 클릭하고 레이어에서 그룹화를 선택하고 Name: c2를 채우고 OK를 클릭합니다. 그런 다음 생성 된 그룹을 마우스 오른쪽 버튼으로 클릭하고 메뉴에서 스마트 오브젝트로 변환을 선택하십시오.

22 단계

Shift 키를 누른 상태에서 레이어 b1을 선택하고 레이어 b5를 클릭하여 사이의 모든 레이어를 선택합니다. 이 레이어 중 하나를 마우스 오른쪽 버튼으로 클릭하고 레이어에서 그룹화를 선택하고 Name: b1을 채운 다음 OK를 클릭합니다. 그런 다음 생성 된 그룹을 마우스 오른쪽 버튼으로 클릭하고 메뉴에서 스마트 오브젝트로 변환을 선택하십시오.

23 단계

레이어 a1을 선택하고 편집 > 자유 변형 메뉴로 이동하여 가로 세로 비율 유지 버튼을 선택 취소하고 세로 스케일을 H:99.5%로 설정한 다음 Enter 키를 눌러 변경 사항을 적용합니다.

24 단계

a1 레이어를 마우스 오른쪽 버튼으로 클릭하고 메뉴에서 복제 레이어를 선택합니다. a2.

25 단계

레이어 c1을 선택하고 레이어> 정렬> 앞으로 가져오기 메뉴로 이동하여 b1과 c2 레이어 사이에서 이 레이어를 이동합니다.

4. 레이어 스타일 추가

1 단계

레이어 a2를 선택하고 레이어를 두 번 클릭하여 다음 레이어 스타일을 적용합니다.

Advanced Blending의 불투명도 채우기를 0%로 설정하십시오.

2 단계

Bevel & Emboss에 다음 설정을 추가하십시오.

• Style: Stroke Emboss
• Technique: Smooth
• Depth: 388%
• Direction: Up
• Size: 120 px
•  Use Global Light 박스 체크해제
  
• Angle: 90°
• Altitude: 42°
• Highlight Mode: Color Dodge with a color #ffffff and Opacity: 58%
• Shadow Mode: Color Burn with a color #010101 and Opacity: 49%

3 단계

Bevel & Emboss 탭에서 다음 설정을 사용하여 사용자 정의 Gloss Contour을 작성하십시오.

contour curve에 8 points를 추가하십시오. 포인트를 추가하려면 커브의 아무 곳이나 클릭합니다. 이제 각각의 포인트에 대해 Input과 Output을 설정하십시오.

• Point 1 - Input: 0% Output: 0%
• Point 2 - Input: 20% Output: 98%
• Point 3 - Input: 44% Output: 6%
• Point 4 - Input: 54% Output: 89%
• Point 5 - Input: 68% Output: 11%
• Point 6 - Input: 73% Output: 91%
• Point 7 - Input: 88% Output: 10%
• Point 8 - Input: 100% Output: 32%

4 단계

다음 설정으로 Stroke를 추가하십시오.

• Size: 1 px
• Position: Inside
• Blend Mode: Normal
  
• Color: #9a8868

5 단계

다음 설정으로 Inner Shadow를 추가하십시오.

• Blend Mode: Linear Dodge (Add) with the color #ffffff
• Opacity: 45%
• Use Global Light 박스 체크해제
  
• Angle: -90°
• Distance: 3 px
• Choke: 0%
• Size: 0 px

OK를 눌러 모든 변경 사항을 적용하십시오.

6 단계

레이어 a1을 선택하고 레이어를 두 번 클릭하여 다음 레이어 스타일을 적용합니다.

다음 설정으로 Inner Shadow 추가 :

• Blend Mode: Linear Dodge (Add) with the color #ffffff
• Opacity: 34%
• Use Global Light 박스 체크해제
  
• Angle: 90°
• Distance: 3 px
• Choke: 0%
• Size: 0 px

7 단계

다음 설정으로 Inner Glow 추가 :

• Blend Mode: Color Dodge
• Opacity: 22%
• Pick the color #ffffff
• Technique: Softer
• Source: Edge
• Choke: 0%
• Size: 3 px

8 단계

다음 설정으로 Satin 추가:

• Blend Mode: Linear Burn with the color #772000
• Opacity: 37%
• Angle: 90°
• Distance: 2 px
• Size: 2 px
• Invert 박스 체크해제

9 단계

다음 설정으로 Color Overlay 추가:

• Blend Mode: Color
• Pick the color #908770
• Opacity: 100%

10 단계

다음 설정으로 Gradient Overlay 추가:

• Blend Mode: Normal
• Opacity: 100%
• Style: Linear
• Angle: 0°
• Scale: 150%
  
• 그라디언트를 클릭하고 다음 색상 정지를 설정하십시오.
• Color stop 1 - Color: #4c4c4c Location: 0%
• Color stop 2 - Color: #8f8f8f Location: 32%
• Color stop 3 - Color: #ffffff Location: 44%
• Color stop 4 - Color: #8f8f8f Location: 53%
• Color stop 5 - Color: #ffffff Location: 62%
• Color stop 6 - Color: #8f8f8f Location: 66%
• Color stop 7 - Color: #616161 Location: 100%

11 단계

다음 설정으로 Drop Shadow 추가:

• Blend Mode: Linear Burn
• #010101 색상 선택
• Opacity: 10%
  
• Distance: 0 px
• Spread: 50%
• Size: 2 px

OK를 눌러 모든 변경 사항을 적용하십시오.

12 단계

레이어 b1을 선택하고 레이어를 두 번 클릭하여 다음 레이어 스타일을 적용합니다.

다음 설정으로 Bevel & Emboss 추가:

• Style: Inner Bevel
• Technique: Smooth
• Depth: 256%
• Direction: Up
• Size: 250 px
• Use Global Light 박스 체크해제
• Angle: 90°
• Altitude: 42°
• Highlight Mode: Color Dodge with the color #ffffff and Opacity: 58%
• Shadow Mode: Color Burn with the color #010101 and Opacity: 49%

13 단계

Bevel & Emboss 탭에서 다음 설정을 사용하여 사용자 정의 Gloss Contour를 작성하십시오.

contour curve에 9 Points를 추가하고 각 점에 대한 Input과 Output를 설정합니다.

• Point 1 - Input: 0% Output: 0%
• Point 2 - Input: 18% Output: 42%
• Point 3 - Input: 36% Output: 15%
• Point 4 - Input: 49% Output: 39%
  
• Point 5 - Input: 54% Output: 89%
• Point 6 - Input: 67% Output: 39%
• Point 7 - Input: 73% Output: 91%
• Point 8 - Input: 88% Output: 10%
• Point 9 - Input: 100% Output: 32%

New 버튼을 클릭하고 Name: My Contour을 설정하여 이 사용자 윤곽선을 저장하십시오. 나중에 필요할 것입니다.

14 단계

다음 설정으로 Inner Glow 추가:

• Blend Mode: Color Dodge
• Opacity: 22%
• #ffffff 색상 선택
• Technique: Softer
• Source: Edge
• Choke: 0%
• Size: 3 px

15 단계

다음 설정으로 Color Overlay 추가:

• Blend Mode: Normal
• #9a8868 색상 선택
• Opacity: 100%

16 단계

다음 설정으로 Drop Shadow 추가:

• Blend Mode: Linear Burn
• #010101 색상 선택
• Opacity: 10%
  
• Distance: 0 px
• Spread: 50%
• Size: 2 px

OK를 눌러 모든 변경 사항을 적용하십시오.

17 단계

레이어 c1을 선택하고 레이어를 두 번 클릭하여 다음 레이어 스타일을 적용합니다.

다음 설정으로 Bevel & Emboss 추가:

• Style: Inner Bevel
• Technique: Smooth
• Depth: 256%
• Direction: Up
• Size: 250 px
• Use Global Light 박스 체크해제
• Angle: 90°
• Altitude: 42°
• Gloss Contour: 이전에 저장된 My Contour 윤곽선을 선택
  
• Highlight Mode: Color Dodge with color #ffffff and Opacity: 58%
• Shadow Mode: Color Burn with color #010101 and Opacity: 49%

18 단계

다음 설정으로 Inner Shadow 추가:

• Blend Mode: Linear Dodge (Add) with the color #ffffff
• Opacity: 38%
• Distance: 0 px
• Choke: 28%
• Size: 9 px

19 단계

다음 설정으로 Inner Glow 추가:

• Blend Mode: Linear Burn
• Opacity: 13%
• #000000 색상 선택
• Technique: Softer
• Source: Edge
  
• Choke: 0%
• Size: 32 px
• Range: 45%

20 단계

다음 설정으로 Color Overlay 추가:

• Blend Mode: Lighten
• #ccc092 색상 선택
• Opacity: 46%

21 단계

다음 설정으로 Gradient Overlay 추가:

• Blend Mode: Normal
• Opacity: 100%
• Style: Linear
• Angle: 80°
• Scale: 100%
  
• 그라디언트를 클릭하고 다음 색상 정지를 설정하십시오.
• Color stop 1 - Color: #6c5b48 Location: 0%
• Color stop 2 - Color: #e2cd96 Location: 28%
• Color stop 3 - Color: #e2cd96 Location: 45%
• Color stop 4 - Color: #6c5b48 Location: 63%
• Color stop 5 - Color: #e2cd96 Location: 85%
• Color stop 6 - Color: #eed89c Location: 87%
• Color stop 7 - Color: #e2cd96 Location: 92%
•  New 버튼을 눌러 이 그라디언트를 프리셋에 저장하십시오. 다음 단계에서 이 그라디언트를 다시 사용합니다.
  

OK를 눌러 모든 변경 사항을 적용하십시오.

22 단계

레이어 c2를 선택하고 레이어를 두 번 클릭하여 다음 레이어 스타일을 적용합니다.

마지막 단계에서 프리셋에 저장한 Gradient Overlay를 다음 설정으로 추가합니다.

• Blend Mode: Normal
• Opacity: 100%
• Style: Linear
• Angle: 90°

23 단계

다음 설정으로 Bevel & Emboss 추가:

• Style: Inner Bevel
• Technique: Chisel Soft
  
• Depth: 184%
• Direction: Up
• Size: 76 px
• Soften: 15 px
  
• Use Global Light 박스 체크해제
• Angle: 96°
• Altitude: 42°
• Highlight Mode: Color Dodge with the color #ffffff and Opacity: 44%
• Shadow Mode: Linear Burn with the color #010101 and Opacity: 56%

24 단계

다음 설정으로 Drop Shadow 추가:

• Blend Mode: Linear Burn with a color #010201
• Opacity: 39%
• Use Global Light 박스 체크해제
• Angle: 90°
• Distance: 8 px
• Spread: 0%
• Size: 7px

OK를 눌러 모든 변경 사항을 적용하십시오.

5. 최종 터치

거의다 끝났습니다. 이제 레이어 패널에서 a2, a1, b1, c1, c2, GLADIUS 및 배경 레이어를 볼 수 있습니다. 조금 정리해 보겠습니다

1 단계

레이어 c2가 선택된 상태에서 Shift 키를 누른 상태에서 레이어 a2를 클릭하여 사이의 모든 레이어를 선택합니다. 이 레이어 중 하나를 마우스 오른쪽 버튼으로 클릭하고 레이어에서 그룹화를 선택하고 Name: Cinematic Effect를 입력 한 다음 OK를 클릭하십시오.

2 단계

이제 액션 레코드를 중지합니다. 액션 패널에서 Stop 버튼을 클릭하십시오.

그리고 이것이 당신의 최종 결과입니다.

이제부터는 모든 텍스트에서 이 작업을 수행 할 수 있습니다. 레이어 패널에서 텍스트 레이어를 선택하고 액션 패널에서 3D Gold 액션을 선택한 다음 재생 버튼을 누릅니다.

축하합니다! 끝났습니다.

이 튜토리얼에서는 3D 시네마틱 텍스트 효과에 대한 액션을 기록하는 방법을 배웠습니다.

우리는 준비물과 예제 텍스트를 준비하는 것으로 시작한 다음 액션을 기록하기 시작했습니다. 그 후 여러 개의 레이어를 만들고 변형했습니다. 마지막으로 다양한 레이어 스타일을 추가하고 액션 레코드를 마쳤습니다.

우리가 방금 만든 이 액션은 GraphicRiver 포트폴리오의 3D Cinematic Text Generator의 일부입니다.