Photoshop CC 및 CS6에서 금색 텍스트 효과 만들기

조회수 1748

문서를 설정하고 초기 텍스트를 추가하는 단계부터 시작하겠습니다. 그러나 텍스트를 이미 추가한 경우 텍스트를 금색으로 바꾸기 시작하는 8단계로 건너뛸 수 있습니다.

Photoshop에서 금색 텍스트를 만드는 방법


1단계: 새 Photoshop 문서 만들기
메뉴 표시줄의 파일 메뉴로 이동하고 새로 만들기를 선택하여 새 문서를 만듭니다.

Creating a new document in Photoshop

새 문서 대화 상자에서 문서 너비를 1600픽셀, 높이를 800픽셀, 해상도를 72픽셀/인치로 설정합니다.

그런 다음 Photoshop CC에서 만들기 버튼을 클릭하거나 CS6에서 확인을 클릭합니다.

The width, height and resolution of the new Photoshop document

새 문서가 나타납니다.

The new Photoshop document that will be used for the gold text effect

2단계: 검은색으로 문서 채우기
금색 글자가 눈에 잘 띄게 하려면 문서의 배경색을 흰색에서 검은색으로 변경하십시오.

메뉴 모음에서 편집 메뉴로 이동하여 채우기를 선택합니다.

Choosing the Fill command from the Edit menu in Photoshop

그런 다음 채우기 대화 상자에서 내용을 검은색으로 설정하고 확인을 클릭합니다.

Setting the Contents option to Black in Photoshop's Fill dialog box

Photoshop은 배경을 검은색으로 채웁니다.

The Photoshop document after filling the background with black

3단계: 유형 도구 선택
텍스트를 추가하려면 도구 모음에서 유형 도구를 선택합니다.

Selecting the Type Tool in Photoshop

4단계: 글꼴 선택
그런 다음 옵션 막대에서 글꼴을 선택합니다. 이 튜토리얼에서는 일을 간단하게 유지하고 Times New Roman Bold를 사용하지만 원하는 글꼴을 사용할 수 있습니다.

유형의 크기를 72pt로 설정합니다. 유형을 추가한 후에는 유형의 크기를 조정하지만 현재로서는 가장 큰 사전 설정 크기를 제공합니다.

Choosing a font for the gold text effect in the Options Bar in Photoshop.

5단계: 유형 색상을 흰색으로 설정
검정 배경에서 텍스트를 보려면 유형의 초기 색상을 흰색으로 설정하십시오. 나중에 레이어 효과를 사용하여 금색을 추가합니다.

옵션 막대에서 색상 견본을 클릭합니다.

Clicking the type color swatch in Photoshop's Options Bar

그리고 Color Picker에서 R, G 및 B 값(Red, Green 및 Blue)을 각각 255로 설정하여 흰색을 선택합니다. 그런 다음 OK를 클릭하여 Color Picker를 닫습니다.

Changing the type color to white in Photoshop's Color Picker

6단계: 문서에 텍스트 추가
문서 내부를 클릭하고 텍스트를 추가합니다. "GOLD"라는 단어를 입력하겠습니다.

텍스트가 너무 작다고 걱정하지 마십시오. 다음 단계에서 크기를 조정합니다.

Adding the text to the Photoshop document

텍스트를 승인하려면 옵션 막대에서 확인 표시를 클릭합니다.

Clicking the checkmark to accept the text

7단계: 자유 변형으로 텍스트 크기 조정 및 위치 변경
텍스트 크기를 조정하고 캔버스 중앙으로 이동하려면 편집 메뉴로 이동하여 자유 변형을 선택합니다.

Selecting the Free Transform command in Photoshop

그런 다음 주변에 나타나는 모서리 핸들을 클릭하고 드래그하여 텍스트 크기를 조정합니다.

그러나 여기에서 Photoshop CC와 CS6의 차이가 발생합니다.

Photoshop CC에서 텍스트 크기를 조정하는 방법
Photoshop CC 2019부터 자유 변형은 이제 핸들을 드래그할 때 종횡비를 자동으로 잠그므로 텍스트 크기를 조정할 때 문자 모양이 왜곡되지 않습니다. 이것이 우리가 원하는 동작이므로 Photoshop CC를 사용하는 경우 수정자 키를 추가하지 않고 핸들을 드래그하기만 하면 됩니다.

Photoshop CS6에서 텍스트 크기를 조정하는 방법
그러나 CS6에서는 핸들을 끌 때 Shift 키를 누른 상태에서 종횡비를 제자리에 고정해야 합니다. 텍스트 크기 조정을 마치면 Shift 키를 놓기 전에 마우스 단추를 놓아야 합니다.

텍스트를 문서 중앙으로 이동하는 방법
텍스트 크기를 조정했으면 자유 변형 상자 내부를 클릭하고 텍스트를 위치로 끌어 캔버스 중앙으로 이동합니다.

완료되면 키보드에서 Enter(Win) / Return(Mac)을 눌러 자유 변형을 닫습니다.

Using Free Transform to resize and center the text in the Photoshop document

8단계: 유형 레이어의 복사본 만들기
이제 텍스트를 추가했으므로 글자를 금색으로 바꿀 준비가 되었습니다.

레이어 패널에서 유형 레이어를 하단의 새 레이어 추가 아이콘 위로 드래그하여 복사본을 만듭니다.

Duplicating the 'GOLD' Type layer

문자 레이어의 복사본이 원본 위에 나타납니다.

Photoshop's Layers panel showing the 'GOLD copy' Type layer

9단계: 그라디언트 오버레이 레이어 효과로 텍스트 색상 지정
텍스트를 금색으로 바꾸기 위해 Photoshop의 레이어 효과를 사용합니다. 그리고 필요한 첫 번째 효과는 Gradient Overlay입니다. 글자에 약간의 금색을 추가하는 데 사용할 것입니다.

여전히 레이어 패널에서 "GOLD 복사" 레이어가 선택되어 있는지 확인합니다. 그런 다음 하단에 있는 레이어 스타일 아이콘("fx" 아이콘)을 클릭합니다.

Clicking the Layer Styles icon in Photoshop's Layers panel

레이어 효과 메뉴에서 Gradient Overlay를 선택합니다.

Selecting a Gradient Overlay layer effect in Photoshop

10단계: 사용자 지정 골드 그라데이션 만들기
Photoshop에서 그라디언트 오버레이 옵션으로 설정된 레이어 스타일 대화 상자를 엽니다.

먼저 기본값으로 재설정 버튼을 클릭하여 사용했던 이전 설정을 모두 지웁니다.

Resetting the Gradient Overlay layer effect to the default settings in Photoshop

그런 다음 그라디언트 견본을 클릭하여 그라디언트 색상을 편집합니다.

Clicking the gradient color swatch to edit the gradient

그래디언트 편집기에서 그래디언트 왼쪽 아래에 있는 색상 정지점을 두 번 클릭합니다.

Double-clicking the left color stop in Photoshop's Gradient Editor

골드 그라데이션 색상 추가
텍스트에 대한 사용자 정의 골드 그라디언트를 만들 것입니다. 그리고 우리를 돕기 위해 금화 사진에서 색상을 샘플링했습니다.

색상 선택기에서 R 값을 247로, G 값을 238로, B 값을 173으로 설정합니다. 그런 다음 확인을 클릭하여 색상 선택기를 닫습니다
.

Changing the color for the left side of the gold gradient in Photoshop

그래디언트 편집기로 돌아가서 그래디언트 오른쪽 아래에 있는 색상 정지점을 두 번 클릭합니다.

Double-clicking the white color stop in the Gradient Editor

Color Picker에서 R을 193, G를 172, B를 81로 설정한 다음 확인을 클릭합니다.

Changing the color for the right side of the gold gradient in Photoshop

11단계: 골드 그라디언트를 사전 설정으로 저장
이 그라디언트가 다시 필요하므로 사전 설정으로 저장하십시오.

그라디언트 편집기에서 그라디언트 이름을 "Gold"로 지정한 다음 새로 만들기 버튼을 클릭하여 저장합니다.

Saving the custom gradient in the Gradient Editor

사전 설정 영역에 금색 그래디언트의 썸네일이 나타납니다.

The new Gold gradient appears in the Presets area in the Gradient Editor

확인을 클릭하여 그라디언트 편집기를 닫고 레이어 스타일 대화 상자는 열어 둡니다.

금색 그라디언트가 적용된 텍스트는 다음과 같습니다.

The gold text after editing and applying the gradient.

12단계: 그래디언트 스타일을 반사됨으로 변경
레이어 스타일 대화 상자로 돌아가서 그라데이션 스타일을 반사됨으로 변경합니다.

Changing the gradient Style from Linear to Reflected.

이렇게 하면 더 어두운 금색이 텍스트의 상단과 하단으로 이동하고 더 밝은 색상은 가운데를 통과합니다.

The gold text effect with the gradient Style set to Reflected.

13단계: Bevel & Emboss 레이어 효과 추가
레이어 스타일 대화 상자의 왼쪽에는 선택할 수 있는 모든 레이어 효과 목록이 있습니다.

효과 이름을 직접 클릭하여 Bevel & Emboss를 선택합니다.

Adding a Bevel and Emboss layer effect to the text

그런 다음 기본값으로 재설정 버튼을 클릭하여 이전 사용자 지정 설정을 모두 지웁니다.

Resetting the Bevel and Emboss options to the defaults in Photoshop

14단계: 기술을 치즐 하드로 변경
구조 섹션에서 스타일이 내부 베벨로 설정되어 있는지 확인합니다.

그런 다음 Technique을 Chisel Hard로 변경합니다.

Changing the Bevel and Emboss technique to Chisel Hard

15단계: 광택 윤곽을 링으로 변경 - 이중
Shading 섹션에서 Gloss Contour 섬네일 오른쪽에 있는 작은 화살표를 클릭합니다. 축소판이 아니라 화살표를 클릭해야 합니다.

그런 다음 링 - 이중 윤곽선을 두 번 클릭하여 선택합니다(왼쪽 하단 행에서 세 번째 축소판 그림).

Changing the Gloss Contour option to Ring - Double in Photoshop's Bevel and Emboss options

16단계: 각도 변경 및 앤티앨리어싱 켜기
여전히 음영 섹션에서 각도를 120°로 설정합니다.

그런 다음 앤티 앨리어스 옵션을 켜서 들쭉날쭉한 가장자리를 부드럽게 만듭니다.

Selecting the Anti-aliased option

17단계: 하이라이트 및 섀도우 불투명도를 75%로 설정
효과에 대비를 더 추가하려면 하이라이트 불투명도와 그림자 불투명도를 모두 75%로 높입니다.

Increasing the Highlight and Shadow opacity values in Photoshop's Bevel and Emboss options

그리고 지금까지의 효과는 다음과 같습니다.

The gold text after applying a Bevel and Emboss layer style

18단계: 크기 값을 늘려 글자를 채웁니다.
텍스트를 순금처럼 보이게 하려면 경사 및 엠보스 효과의 크기를 늘려 글자 내부의 공간을 닫습니다.

가장 쉬운 방법은 먼저 크기 값 상자 내부를 클릭하여 활성화하는 것입니다. 그런 다음 키보드의 위쪽 화살표 키를 사용하여 값을 천천히 높입니다. 그렇게 하면 바깥쪽 가장자리에서 가운데 쪽으로 글자가 채워지는 것을 볼 수 있습니다.

필요한 크기 값은 텍스트 크기에 따라 다릅니다. 저에게는 41픽셀 값이 제 역할을 합니다.

Increasing the Size value for the Bevel and Emboss layer style

글자가 채워진 금색 효과는 다음과 같습니다.

The gold text effect after adjusting the Bevel and Emboss size value in Photoshop

19단계: 깊이 값 늘리기
그런 다음 슬라이더를 오른쪽으로 끌어 깊이 값을 늘립니다. 이것은 조명을 향상시키고 문자의 반사에 더 많은 대비를 추가합니다. Depth 값을 약 170%로 설정합니다.

Increasing the Depth value for the Bevel and Emboss layer style

이제 글자가 정말 금처럼 보이기 시작했습니다.

The gold text effect after increasing the Depth value

20단계: Inner Glow 레이어 효과 추가
레이어 스타일 대화 상자 왼쪽에 있는 이름을 클릭하여 Inner Glow 레이어 효과를 추가합니다.

Adding an Inner Glow layer effect to the gold text in Photoshop

그런 다음 기본값으로 재설정을 클릭하여 이전 설정을 모두 지웁니다.

Resetting the Inner Glow layer effect to the default settings

Inner Glow의 혼합 모드를 Screen에서 Multiply로 변경합니다.

불투명도를 50%로 설정합니다.

Setting the blend mode to Multiply and the opacity to 50 percent

다음으로 색상 견본을 클릭하여 글로우 색상을 변경합니다.

Clicking the Inner Glow color swatch

Color Picker에서 R 값을 232, G를 128, B를 31로 설정하여 주황색 음영을 선택합니다(이 색상은 금색 벽돌 사진에서 샘플링했습니다). 그런 다음 색상 피커에 대해 확인을 클릭합니다.

Changing the inner glow color using the Color Picker

마지막으로 글자를 완전히 채울 때까지 광선의 크기를 늘립니다. 제 경우에는 크기 값을 75픽셀로 설정하겠습니다.

The Inner Glow layer style options

완료되면 확인을 클릭하여 레이어 스타일 대화 상자를 닫습니다.

이제 금색 효과가 다음과 비슷하게 보일 것입니다.

The gold letter effect after applying the Inner Glow layer style

21단계: 원본 유형 레이어 선택
레이어 패널로 돌아가 원본 문자 레이어를 클릭하여 선택합니다.

Selecting the original Type layer in the Layers panel

22단계: 문자 주위에 획 추가
그런 다음 하단에 있는 레이어 스타일 아이콘을 클릭합니다.

Clicking the Layer Styles icon in the Layers panel

이번에는 Stroke를 선택합니다.

Choosing a Stroke layer style in the Layers panel

레이어 스타일 대화 상자에서 기본값으로 재설정 버튼을 클릭하여 이전 스트로크 설정을 지웁니다.

Resetting the Stroke layer effects options in Photoshop

23단계: 골드 그래디언트 사전 설정으로 획 채우기
획의 채우기 유형을 색상에서 그라데이션으로 변경합니다.

그런 다음 그래디언트 견본 오른쪽에 있는 작은 화살표를 클릭하고 축소판을 두 번 클릭하여 이전에 저장한 "골드" 그래디언트를 선택합니다.

The Gradient options for the Stroke layer style

24단계: 획의 스타일, 위치 및 크기 설정
선형에서 반사로 그라데이션 스타일을 변경합니다.

그런 다음 획의 위치를 바깥쪽으로 설정하고 크기를 약 8픽셀로 늘립니다.

The Stroke options in the Layer Style dialog box

이제 텍스트 자체와 동일한 색상으로 설정된 텍스트 주위에 획이 생겼습니다.

The effect after applying the gold gradient to the stroke

25단계: 획에 경사 및 엠보스 적용
글자가 아닌 획에 또 다른 Bevel & Emboss 효과를 적용할 것입니다.

레이어 스타일 대화 상자 왼쪽에 있는 Bevel & Emboss 단어를 클릭합니다.

The effect after applying the gold gradient to the stroke

이전과 동일한 설정을 대부분 사용할 것이므로 이번에는 기본값으로 재설정을 클릭하지 마십시오.

대신 스타일을 Inner Bevel에서 Stroke Emboss로 변경하기만 하면 됩니다. Technique는 Chisel Hard로 설정해야 합니다.

크기 값을 획에 대해 선택한 것과 동일한 크기로 설정합니다. 제 경우에는 8픽셀이었습니다.

The Style, Technique and Size options for the Stroke layer style

다른 베벨 및 엠보스 설정 재확인
다른 모든 Bevel & Emboss 설정이 이전과 동일한지 확인하십시오. 어떤 이유로 그렇지 않은 경우 다음과 같이 변경해야 합니다.

깊이: 170%
각도: 120°
광택 컨투어: 링-더블
앤티 앨리어스: 선택
하이라이트 불투명도: 75%
그림자 불투명도: 75%

Photoshop's Bevel and Emboss settings for the Stroke in the Gold text effect

윤곽선 옵션 켜기
레이어 스타일 대화 상자 왼쪽의 경사 및 엠보스 아래에는 Contour라는 효과가 있습니다. 확인란 안을 클릭하여 켭니다.

이렇게 하면 스트로크 주변의 조명이 더욱 향상됩니다.

Selecting the Contour style under Bevel and Emboss.

이제 획에 Bevel & Emboss를 적용한 금색 텍스트의 모양은 다음과 같습니다.

The gold text effect so far.

26단계: Outer Glow 레이어 효과 적용
마치 빛이 금색 글자에 반사되는 것처럼 텍스트 주위에 희미한 빛을 추가하여 레이어 스타일을 마무리하겠습니다.

레이어 스타일 대화 상자 왼쪽에 있는 Outer Glow라는 단어를 직접 클릭합니다.

Selecting the Outer Glow layer style.

광선의 불투명도를 40%로 설정한 다음 색상 견본을 클릭합니다.

Setting the Opacity and changing the color of the Outer Glow

색상 피커에서 R 값을 232, G를 128, B를 31로 설정한 다음 확인을 클릭합니다.

Changing the color of the Outer Glow in the Color Picker

마지막으로 글로우의 크기를 약 60픽셀로 늘립니다.

Increasing the Outer Glow size

레이어 효과가 완료되었으므로 확인을 클릭하여 레이어 스타일 대화 상자를 닫습니다.

새로운 Outer Glow를 포함하여 모든 레이어 효과가 적용된 금색 텍스트 효과는 다음과 같습니다.

The gold text effect is nearly complete.

27단계: "GOLD 복사" 레이어 선택
글자에 반짝임을 추가하여 금색 텍스트 효과를 마무리합니다. 그러기 위해서는 별도의 레이어에 반짝임을 추가해야 합니다.

레이어 패널에서 "GOLD copy" 레이어(최상위 레이어)를 클릭하여 선택합니다.

Selecting the top Type layer in the Layers panel.

28단계: 텍스트 위에 새 레이어 추가
그런 다음 키보드에서 Alt(Win) / Option(Mac) 키를 누른 상태에서 새 레이어 추가 아이콘을 클릭합니다.

Clicking the Add New Layer icon in the Layers panel.

새 레이어 대화 상자에서 레이어 이름을 "Sparkles"로 지정하고 확인을 클릭합니다.

Naming the new layer

Photoshop은 텍스트 위에 "Sparkles"라는 새 빈 레이어를 추가합니다.

The new layer is added above the others

29단계: 브러시 도구 선택
Photoshop의 브러시 중 하나를 사용하여 반짝임을 만듭니다.

도구 모음에서 브러시 도구를 선택합니다.

Selecting the Brush Tool in Photoshop

30단계: Assorted Brushes 세트에서 "Crossatch 4" 브러시를 선택합니다.
반짝임에 필요한 브러시 "Crossatch 4"는 Photoshop에 Assorted Brushes 세트의 일부로 포함되어 있습니다. 그러나 모듬 브러시는 자동으로 로드되지 않으므로 세트를 직접 로드해야 합니다. 그리고 이것은 Photoshop CC와 CS6의 또 다른 차이점을 제공합니다.

Photoshop CC 2018에서 Adobe는 브러시 패널을 재설계했습니다. 따라서 아래 단계를 사용하여 Photoshop 버전에 따라 브러시를 로드하십시오.

Photoshop CC에서 모듬 브러시를 로드하는 방법
Photoshop CC에서 브러시 도구를 선택한 상태에서 문서 내부를 마우스 오른쪽 버튼으로 클릭(Win)/Control-클릭(Mac)하여 브러시 사전 설정 피커를 엽니다.

그런 다음 오른쪽 상단의 메뉴 아이콘을 클릭합니다.

Clicking the Brush Preset Picker's menu icon in Photoshop CC

그리고 메뉴에서 레거시 브러시를 선택합니다.

How to load the Legacy Brushes in Photoshop CC

확인을 클릭하여 레거시 브러시 세트를 로드합니다.

Restoring the Legacy Brushes brush set in Photoshop CC

Brush Preset Picker로 돌아가서 새로운 Legacy Brushes 폴더까지 아래로 스크롤하고 돌려서 엽니다.

Opening the Legacy Brushes folder in Photoshop CC

그리고 폴더 내에서 Assorted Brushes 폴더를 엽니다.

Opening the Assorted Brushes set in Photoshop CC

그런 다음 Crosshatch 4 브러시를 찾을 때까지 다양한 브러시 목록을 아래로 스크롤합니다.

축소판을 두 번 클릭하여 브러시를 선택하고 브러시 사전 설정 피커를 닫습니다.

Selecting the Crosshatch 4 brush from the Assorted Brushes in Photoshop CC

Photoshop CS6에서 모듬 브러시를 로드하는 방법
Photoshop CS6에서 브러시 도구를 선택한 상태에서 문서 내부를 마우스 오른쪽 단추로 클릭(Win)/Control-클릭(Mac)하여 브러시 사전 설정 선택기를 엽니다.

그런 다음 오른쪽 상단의 메뉴 아이콘을 클릭합니다.

Clicking the menu icon in the Brush Preset picker in Photoshop

메뉴에서 Assorted Brushes 세트를 선택합니다.

Loading the Assorted Brushes set into Photoshop

Photoshop에서 현재 브러시를 새 브러시로 교체할지 묻습니다. 추가를 선택하여 기존 브러시에 추가합니다.

Appending the Assorted Brushes set to the default brushes in Photoshop

브러시 사전 설정 선택기로 돌아가서 48픽셀 Crosshatch 4 브러시를 찾을 때까지 브러시를 아래로 스크롤합니다. 그 아래에 숫자 48이 있는 "X" 모양의 브러시를 찾습니다(48은 브러시의 기본 크기가 48픽셀임을 의미함).

축소판을 두 번 클릭하여 브러시를 선택하고 브러시 사전 설정 피커를 닫습니다.

Selecting the Crosshatch 4 brush in the Brush Preset picker

31단계: 반짝이에 사용할 금색 샘플
텍스트에서 색상을 샘플링하여 반짝임의 색상을 선택합니다.

키보드에서 Alt(Win) / Option(Mac) 키를 길게 눌러 브러시 도구에서 스포이드 도구로 일시적으로 전환한 다음 밝은 금색을 클릭하여 샘플링합니다.

문자 "O"에서 밝은 영역을 선택하겠습니다.

Sampling a gold color from the text with the Eyedropper Tool

32단계: 문자를 클릭하여 임의의 반짝임 추가
브러시 도구로 다시 전환하려면 Alt(Win) / Option(Mac) 키에서 손을 뗍니다. 그런 다음 텍스트 주변의 임의의 지점을 클릭하여 반짝임을 추가합니다.

다양성을 더하려면 키보드에서 왼쪽 또는 오른쪽 대괄호 키를 눌러 클릭하기 전에 브러시 크기를 변경하십시오. 왼쪽 대괄호 키는 브러시를 작게 만들고 오른쪽 대괄호 키는 브러시를 크게 만듭니다.

너무 많은 반짝임을 추가하지 마십시오. 그렇지 않으면 과도하게 사용합니다. 더 크고 작은 것 몇 개만 있으면 됩니다. 마지막으로 추가한 반짝임이 마음에 들지 않으면 키보드에서 Ctrl+Z(Win) / Command+Z(Mac)를 눌러 실행을 취소한 다음 다시 시도하십시오.

여기에서는 문자 "G"에 두 개의 반짝임을 추가했습니다. 세 번째는 문자 "L"의 하단에 더 작은 반짝임을, 문자 "D"의 왼쪽 상단에는 네 번째 반짝임을 추가했습니다.

The gold text effect after adding some sparkles

33단계: 반짝임의 불투명도 낮추기(선택 사항)
마지막으로 반짝임이 너무 밝게 보인다면 "반짝임" 레이어의 불투명도를 낮추면 됩니다.

레이어 패널의 오른쪽 상단에 불투명도 옵션이 있습니다. 내 것을 80%로 낮추겠습니다.

Lowering the opacity of the Sparkles layer

이것으로 끝났습니다! 여기 내 "Sparkles" 레이어의 불투명도를 낮춘 후의 최종 금색 텍스트 효과가 있습니다.