레터링에 골드 효과
소개:
안녕하세요, PSD 커뮤니티 여러분. 제 튜토리얼 중 하나에 다시 여러분과 함께하게 되어 반갑습니다. 오늘은 그림 01과 같은 아름다운 골드 효과를 만드는 방법을 배우게 됩니다. 또한 나중에 만들 골드 색상을 언제든지 사용할 수 있도록 자신만의 색상 라이브러리를 만드는 방법도 보여 드리겠습니다. 마지막으로 2D 텍스트를 3D로 구현하는 방법을 살펴보겠습니다.
자, 이제 이야기는 충분합니다. 바로 시작하겠습니다...

파트 1:
1단계: 골드 색상 만들기
골드 효과를 만들기 전에 당연히 다양한 골드 색상이 필요합니다. 이 튜토리얼에서는 네 가지 CMYK 색상 값이 필요합니다. 하지만 이러한 값을 구하기 가장 좋은 곳은 어디일까요? 이 경우 제가 추천하는 방법은 아주 간단합니다. 금색이 필요하므로 원하는 검색 엔진(제 경우에는 "Google")에 "금, 금괴, 금색" 또는 이와 유사한 단어를 입력합니다. 그런 다음 "이미지 검색"으로 이동하여 금색이 나타나는 다양한 이미지를 살펴봅니다. 그림 02에서 볼 수 있듯이 저는 골드바가 두 개 있는 사진을 선택했습니다. 이 이미지 또는 선택한 이미지를 컴퓨터에 저장한 다음 Illustrator로 전환합니다.

일러스트레이터에서 가장 먼저 해야 할 일은 A3 형식의 새 작업 공간을 만드는 것입니다. 파일>새로 만들기를 통해 이 작업을 수행합니다.

이제 파일>배치로 이동하여 다음 대화 상자에서 이전에 저장한 이미지를 선택합니다. 확인으로 이 창을 확인합니다.

이제 이 이미지를 골드 색상의 참조로 사용하겠습니다. 사각형 도구를 잡고 작은 사각형 네 개를 만들어 작업 공간의 가장자리 어딘가에 배치합니다. 크기는 중요하지 않습니다. 제 경우에는 사각형이 모두 28 x 28mm입니다.

이제 이미지의 색상 값을 판독해야 하는 단계에 도달했습니다. 이렇게 하려면 먼저 사각형을 선택한 다음 도구 팔레트에서 피펫을 가져옵니다. 이제 이미지에서 다른 금색 음영을 선택합니다. 각 사각형에 대해 이 작업을 한 번씩 수행합니다. 그림 06에서 피펫으로 색상 값을 가져온 영역을 볼 수 있습니다.

자신의 색상 값에 완전히 만족하지 못하는 모든 분들을 위해 네 가지 색상의 CMYK 값은 다음과 같습니다( 그림 07 참조).
- CMYK - 9/43/96/37
- CMYK - 6/24/80/9
- CMYK - 2/13/67/0
- CMYK - 3/6/65/0

2단계: 그라데이션 만들기
네 가지 색상 값을 만들었으면 이제 이 색상으로 그라데이션을 만들 차례입니다. 이렇게 하려면 사각형 도구를 다시 잡고 다른 사각형을 만듭니다. 이 경우에도 크기는 크게 중요하지 않습니다.
금색으로 그라데이션을 만들려면 먼저 색상 견본 팔레트에 이 색상을 추가해야 합니다. 아직 표시하지 않은 경우 창> 색상 견본을 통해 이 팔레트를 다시 불러올 수도 있습니다.

이제 금색의 사각형을 클릭하면 왼쪽의 도구 팔레트 하단 영역에도 이 색상이 나타납니다. 이제 마우스 왼쪽 버튼을 누른 상태에서 이 색상을 색상 필드 팔레트로 끌어다 놓 을 수 있습니다. 네 가지 색상 모두에 대해 이 작업을 수행합니다.

다음으로 그라데이션 팔레트가 필요합니다. 아직 열지 않았다면 창>기록 (또는 Mac의 경우 Command+F9) 으로 이동하여 표시합니다.

다음 단계에서는 2단계의 맨 처음에 만든 사각형을 선택합니다. 그라데이션 팔레트의 그라데이션 필드를 한 번 클릭하여 미리 설정된 흑백 그라데이션을 만듭니다. 이제 이 그라데이션을 목적에 맞게 수정해야 합니다.

이제 색상 견본 팔레트를 사용하여 방금 만든 금색을 그라데이션 필드에 끌어다 놓을 수 있습니다. 마우스 왼쪽 버튼을 누른 상태에서 그라데이션 팔레트 밖으로 드래그하면 이 그라데이션의 흑백 색상 필드를 쉽게 제거할 수 있습니다.
이제 그림 12에 표시된 것처럼 많은 색상 필드를 그라데이션으로 드래그합니다.

그러면 왼쪽에서 오른쪽으로 다음과 같은 색상 필드 순서가 생깁니다 (그림 13 참조).

3단계: 텍스트 생성 및 골드 그라데이션 준비하기
골드 그라데이션 만들기가 끝나면 텍스트 도구를 사용하여 단어 또는 문장을 작성할 수 있습니다. 제 경우에는 "골드"라는 단어를 씁니다. 나중에 골드 효과가 제대로 나타나도록 하려면 비교적 두꺼운 글꼴을 선택하는 것이 좋습니다. 가는 선조 글꼴을 사용하면 금색 효과가 눈에 잘 띄지 않고 어색해 보일 수 있습니다. 제 경우에는 Myriad Pro 굵게 글꼴을 선택했습니다. 글꼴 크기는 300pt로 설정했습니다.

글꼴과 단어 선택이 마음에 들면 상단 메뉴 모음에서 글꼴>경로로 변환으로 이동합니다.

이제 스포이드 도구를 사용하여 이전에 만든 그라데이션이 있는 사각형을 클릭할 수 있습니다. 예를 들어 Photoshop과 달리 일러스트레이터의 스포이드 도구는 단일 색상과 그라데이션의 차이를 인식합니다. 이렇게 하면 전체 그라데이션이 글자에 적용됩니다. 그러면 전체가 그림 16과 같이 보일 것입니다.

이제 그라데이션이 원하는 대로 위에서 아래로가 아니라 왼쪽에서 오른쪽으로 진행되므로 그라데이션 팔레트에서 90°의 각도를 설정하거나...

... 또는 도구 팔레트에서 그라데이션 도구를 가져올 수 있습니다. 이 도구를 사용하면 클릭하고 드래그하여 그라디언트를 자유롭게 조정할 수 있습니다. 이를 통해 그라데이션의 각도, 위치 및 길이를 자유롭게 정의할 수 있습니다.

그라디언트를 조정하면다음과 같은 모양이 됩니다 (그림 19 참조).

4단계: 금색으로 빛나게 하기
다음 단계에서는 금색이 아름답게 빛나는지 확인해야 합니다.
이를 위해 5pt 두께의 검은색 윤곽선을 만듭니다.

이전 버전의 일러스트레이터에서는 아직 윤곽선에 그라데이션을 허용하지 않으므로 이 윤곽선을 별도의 개체로 전환할 수 있도록 변환해야 합니다. 이 작업은 개체>변환을 통해 수행할 수 있습니다. 다음 창에서 표면 옆의 체크 표시를 제거하고 윤곽선 옆에 체크 표시를 합니다. 확인으로 모든 것을 확인합니다.

Command+Shift+G (PC의 경우 Ctrl+Shift+G ) 단축키를 사용하여 전체 그룹을 해제할 수 있습니다(이 단축키를 두 번 누름). 이제 윤곽을 개별적으로 선택할 수 있습니다. (그림 22)

이제 그라디언트가 있는 사각형을 클릭하고 Alt 키를 누른 채로 바로 옆에 복사본을 만듭니다. 이제 그라디언트 팔레트로 돌아가서 그림 23과 같이 선택한 금색 값의 색상을 흰색으로 변경합니다. 이 흰색 값은 나중에 가장자리의 하이라이트를 담당하게 됩니다.

이제 글꼴의 윤곽선을 선택하고 방금 변경한 그라데이션으로 채웁니다. 가장 쉬운 방법은 스포이드 도구를 다시 사용하여 적절한 그라데이션이 있는 사각형을 클릭하는 것입니다 (그림 24).

이 그라데이션을 약간 조정하려면 도구 팔레트에서 그라데이션 도구를 다시 잡고 왼쪽 상단에서 오른쪽 하단으로 드래그합니다. (각 글자에 대해 개별적으로 이 작업을 수행해야 합니다.) 그러면 전체가 그림 25와 같은 모양이 됩니다.

이제 이 글꼴을 어두운 배경 앞에 배치하면 반짝이는 가장자리가 더욱 돋보입니다. 그리고 골드 효과가 완성되었습니다.

2부:
색상 라이브러리 만들기
특히 금색 글꼴과 같은 효과의 경우 이러한 색상과 그라디언트를 별도로 저장할 수 있다면 매우 실용적일 것입니다. 물론 노트북에 적절한 색상 값을 적어두고 필요할 때마다 찾아볼 수 있습니다. 하지만 일러스트레이터는 훨씬 더 빠르고 빠르며 무엇보다도 간단한 옵션을 제공합니다.
여기에는 자신만의 색상 라이브러리를 만들어 Adobe Illustrator에 직접 저장할 수 있는 옵션이 있습니다.
이제 색상 견본 팔레트로 돌아갑니다. 이전에 모든 골드 톤을 끌어다 놓았습니다. 이제 생성한 두 가지 그라데이션에 대해서도 동일한 작업을 수행할 수 있습니다.

이제 색상 견본 팔레트의 오른쪽 하단에 있는 작은 폴더 아이콘을 클릭합니다. 다음 창에서 이 새 색상 그룹에 이름을 지정할 수 있습니다. 이 그룹을 "골드 색상"이라고 부르고 확인으로 창을 확인합니다 . 그러면 새 그룹이 만들어집니다.

이제 골드 색상을 이 그룹으로 끌어다 놓을 수 있습니다. 안타깝게도 이 폴더에는 그라디언트를 넣을 수 없으므로 일러스트레이터에서 이를 허용하지 않습니다.
골드 색상 라이브러리에 골드 색상만 저장하려면 표준 색상을 삭제해야 합니다. 가장 좋은 방법은 Shift 키를 누른 상태에서 삭제할 색상을 선택한 다음 오른쪽 하단에 있는 작은 휴지통을 클릭하는 것입니다.
저는 보통 흑백 색상을 삭제하지 않는데, 이는 종종 유용하기 때문입니다. 이 모든 작업을 마치면 전체 화면이 다음과 같이 보일 것입니다 (그림 29).

이제 오른쪽 상단에 있는 작은 화살표를 클릭하여 드롭다운 메뉴를엽니다. 거의 끝까지 내려가서 색상 필드 라이브러리를 ASE로 저 장을 클릭합니다. 다음 창에서 이름을 지정합니다(이 경우 다시 "골드 색상"으로 지정).

첫 번째 나만의 색상 라이브러리가 준비되었습니다.
이제 파일>새로 만들기를 통해 새 문서를 만듭니다.
문서를 만들면 금색이 사라지고 표준 색상이 다시 표시되는 것을 볼 수 있습니다.
금색을 다시 불러오려면 색상 견본 팔레트의 왼쪽 상단에 있는 작은 화살표를 클릭하여 드롭다운 메뉴를불러옵니다. 이번에는 색상 필드 라이브러리 열 기를 클릭한 다음 사용자 정의를 클릭합니다. 이제 직접 저장한 색상 견본 라이브러리가 나타납니다. 이제 골드 색상을 클릭하면 이전에 저장한 골드 색상과 그라데이션이 포함된 새 색상 견본 팔레트가 열립니다.

추가 콘텐츠
3D로 구현된 골드 레터링
튜토리얼의 시작 부분에서 이미 알려드린 대로 여기에 약간의 추가 콘텐츠를 준비했습니다. 2D 글꼴을 3D 글꼴로 바꾸는 방법을 빠르게 보여드리고자 합니다. 그럼 바로 시작하겠습니다...
황금색 글자를 선택한 다음 상단 메뉴 모음에서 효과>3D>돌출 및 평평한 가장자리를 클릭합니다.

그러면 3D 텍스트에 대한 모든 설정을 할 수 있는 약간 더 큰 대화 창이 나타납니다. 왼쪽 하단의 미리 보기를 클릭하면 값을 변경할 때 변경되는 내용을 언제든지 확인할 수 있습니다.
이제 3D 글꼴에서 매우 중요한 두 가지 설정이 있습니다.
- 위쪽 영역에서 3D 글꼴을 자유롭게 회전하고 원하는 대로 배치할 수 있습니다(1).
- 돌출 깊이 아래에서 글꼴을 얼마나 뒤로 확장할지 설정할 수 있습니다(2).
현재로서는 글꼴의 일부가 뒤쪽으로 돌출된 부분이 회색이고 아직 황금색이 아니기 때문에 전체가 특별히 멋지게 보이지 않습니다 (그림 33).

그러나 추가 옵션을 클릭하고 음영 색상 아래에서 사용자 지정을 선택하면 이 문제를 쉽게 해결할 수 있습니다. 여기에 색상 값으로 #D2B023을 입력하면 됩니다. 그림 34에서 제가 설정한 모든 내용을 확인할 수 있습니다.

황금빛 3D 글꼴이 준비되었습니다.

마지막 말
이 튜토리얼을 통해 비교적 간단한 방법으로 황금색 글꼴을 만드는 방법을 알게 되셨기를 바랍니다. 더 궁금한 점이 있으면 이 튜토리얼 아래에 댓글로 작성해 주세요. 가능한 한 빨리 답변해드리도록 노력하겠습니다.
Yours
Julian